@aurelia-mdc-web/all 9.3.3-au2 → 9.3.4-au2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/alert/alert-configuration.js +5 -9
- package/dist/alert/alert-configuration.js.map +1 -1
- package/dist/alert/alert-modal/alert-modal.js +8 -11
- package/dist/alert/alert-modal/alert-modal.js.map +1 -1
- package/dist/alert/alert-modal/alert-modal.scss +10 -0
- package/dist/alert/alert-modal/i-alert-modal-payload.js +1 -5
- package/dist/alert/alert-modal/i-alert-modal-payload.js.map +1 -1
- package/dist/alert/alert-service.js +23 -27
- package/dist/alert/alert-service.js.map +1 -1
- package/dist/alert/decorators/confirm-action.js +1 -4
- package/dist/alert/decorators/confirm-action.js.map +1 -1
- package/dist/alert/decorators/using-progress.js +1 -4
- package/dist/alert/decorators/using-progress.js.map +1 -1
- package/dist/alert/exceptions-tracker.js +1 -5
- package/dist/alert/exceptions-tracker.js.map +1 -1
- package/dist/alert/global-progress/global-progress.js +24 -27
- package/dist/alert/global-progress/global-progress.js.map +1 -1
- package/dist/alert/global-progress/global-progress.scss +38 -0
- package/dist/alert/prompt-dialog/prompt-dialog.js +9 -12
- package/dist/alert/prompt-dialog/prompt-dialog.js.map +1 -1
- package/dist/banner/mdc-banner.js +42 -45
- package/dist/banner/mdc-banner.js.map +1 -1
- package/dist/base/attributes/mdc-focus-trap.js +22 -25
- package/dist/base/attributes/mdc-focus-trap.js.map +1 -1
- package/dist/base/elements/i-validated-element.js +1 -2
- package/dist/base/elements/mdc-promisify-reference.js +13 -16
- package/dist/base/elements/mdc-promisify-reference.js.map +1 -1
- package/dist/base/index.js +9 -21
- package/dist/base/index.js.map +1 -1
- package/dist/base/interceptors.js +5 -12
- package/dist/base/interceptors.js.map +1 -1
- package/dist/base/material-palette.js +1 -4
- package/dist/base/material-palette.js.map +1 -1
- package/dist/base/mdc-component.js +1 -5
- package/dist/base/mdc-component.js.map +1 -1
- package/dist/base/next-element.js +1 -4
- package/dist/base/next-element.js.map +1 -1
- package/dist/button/enhance-mdc-button.js +6 -9
- package/dist/button/enhance-mdc-button.js.map +1 -1
- package/dist/button/mdc-button-label.js +6 -9
- package/dist/button/mdc-button-label.js.map +1 -1
- package/dist/button/mdc-button.js +27 -30
- package/dist/button/mdc-button.js.map +1 -1
- package/dist/card/mdc-card-action-buttons.js +6 -9
- package/dist/card/mdc-card-action-buttons.js.map +1 -1
- package/dist/card/mdc-card-action-icons.js +6 -9
- package/dist/card/mdc-card-action-icons.js.map +1 -1
- package/dist/card/mdc-card-actions/mdc-card-actions.js +12 -15
- package/dist/card/mdc-card-actions/mdc-card-actions.js.map +1 -1
- package/dist/card/mdc-card-media/mdc-card-media.js +15 -18
- package/dist/card/mdc-card-media/mdc-card-media.js.map +1 -1
- package/dist/card/mdc-card-primary-action.js +12 -15
- package/dist/card/mdc-card-primary-action.js.map +1 -1
- package/dist/card/mdc-card.js +12 -15
- package/dist/card/mdc-card.js.map +1 -1
- package/dist/checkbox/mdc-checkbox.js +35 -38
- package/dist/checkbox/mdc-checkbox.js.map +1 -1
- package/dist/chips/mdc-chip/mdc-chip.js +34 -37
- package/dist/chips/mdc-chip/mdc-chip.js.map +1 -1
- package/dist/chips/mdc-chip-action/enhance-mdc-chip-action.js +6 -9
- package/dist/chips/mdc-chip-action/enhance-mdc-chip-action.js.map +1 -1
- package/dist/chips/mdc-chip-action/mdc-chip-action.js +37 -40
- package/dist/chips/mdc-chip-action/mdc-chip-action.js.map +1 -1
- package/dist/chips/mdc-chip-set/mdc-chip-set.js +24 -27
- package/dist/chips/mdc-chip-set/mdc-chip-set.js.map +1 -1
- package/dist/chips/styles/_index.scss +1 -0
- package/dist/chips/styles/mdc-chips.import.scss +1 -0
- package/dist/chips/styles/mdc-chips.scss +11 -0
- package/dist/circular-progress/mdc-circular-progress.js +22 -25
- package/dist/circular-progress/mdc-circular-progress.js.map +1 -1
- package/dist/circular-progress/styles/_index.scss +1 -0
- package/dist/circular-progress/styles/mdc-circular-progress.import.scss +1 -0
- package/dist/circular-progress/styles/mdc-circular-progress.scss +14 -0
- package/dist/data-table/mdc-data-table-row.js +10 -13
- package/dist/data-table/mdc-data-table-row.js.map +1 -1
- package/dist/data-table/mdc-data-table.js +88 -91
- package/dist/data-table/mdc-data-table.js.map +1 -1
- package/dist/data-table/styles/_index.scss +1 -0
- package/dist/data-table/styles/mdc-data-table.import.scss +1 -0
- package/dist/data-table/styles/mdc-data-table.scss +64 -0
- package/dist/dialog/mdc-dialog-actions.js +10 -13
- package/dist/dialog/mdc-dialog-actions.js.map +1 -1
- package/dist/dialog/mdc-dialog-content.js +6 -9
- package/dist/dialog/mdc-dialog-content.js.map +1 -1
- package/dist/dialog/mdc-dialog-service.js +13 -17
- package/dist/dialog/mdc-dialog-service.js.map +1 -1
- package/dist/dialog/mdc-dialog-title.js +6 -9
- package/dist/dialog/mdc-dialog-title.js.map +1 -1
- package/dist/dialog/mdc-dialog.js +46 -49
- package/dist/dialog/mdc-dialog.js.map +1 -1
- package/dist/drawer/mdc-drawer-app-content.js +6 -9
- package/dist/drawer/mdc-drawer-app-content.js.map +1 -1
- package/dist/drawer/mdc-drawer-content.js +6 -9
- package/dist/drawer/mdc-drawer-content.js.map +1 -1
- package/dist/drawer/mdc-drawer-header/mdc-drawer-header.js +14 -17
- package/dist/drawer/mdc-drawer-header/mdc-drawer-header.js.map +1 -1
- package/dist/drawer/mdc-drawer.js +21 -24
- package/dist/drawer/mdc-drawer.js.map +1 -1
- package/dist/drawer/styles/_index.scss +1 -0
- package/dist/drawer/styles/mdc-drawer.import.scss +1 -0
- package/dist/drawer/styles/mdc-drawer.scss +0 -0
- package/dist/elevation/mdc-elevation.js +6 -9
- package/dist/elevation/mdc-elevation.js.map +1 -1
- package/dist/expandable/mdc-expandable.js +17 -20
- package/dist/expandable/mdc-expandable.js.map +1 -1
- package/dist/expandable/styles/_icon-variables.scss +3 -0
- package/dist/expandable/styles/_index.scss +1 -0
- package/dist/expandable/styles/_mixins.scss +287 -0
- package/dist/expandable/styles/_variables.scss +17 -0
- package/dist/expandable/styles/mdc-expandable.import.scss +1 -0
- package/dist/expandable/styles/mdc-expandable.scss +3 -0
- package/dist/fab/enhance-mdc-fab.js +6 -9
- package/dist/fab/enhance-mdc-fab.js.map +1 -1
- package/dist/fab/mdc-fab-icon.js +6 -9
- package/dist/fab/mdc-fab-icon.js.map +1 -1
- package/dist/fab/mdc-fab.js +30 -33
- package/dist/fab/mdc-fab.js.map +1 -1
- package/dist/floating-label/mdc-floating-label.js +13 -16
- package/dist/floating-label/mdc-floating-label.js.map +1 -1
- package/dist/form-field/mdc-form-field.js +24 -27
- package/dist/form-field/mdc-form-field.js.map +1 -1
- package/dist/icon/mdc-icon.js +7 -10
- package/dist/icon/mdc-icon.js.map +1 -1
- package/dist/icon-button/enhance-mdc-icon-button.js +6 -9
- package/dist/icon-button/enhance-mdc-icon-button.js.map +1 -1
- package/dist/icon-button/mdc-icon-button-icon/mdc-icon-button-icon.js +15 -18
- package/dist/icon-button/mdc-icon-button-icon/mdc-icon-button-icon.js.map +1 -1
- package/dist/icon-button/mdc-icon-button.js +25 -28
- package/dist/icon-button/mdc-icon-button.js.map +1 -1
- package/dist/image-list/mdc-image-list-item/mdc-image-list-item.js +19 -22
- package/dist/image-list/mdc-image-list-item/mdc-image-list-item.js.map +1 -1
- package/dist/image-list/mdc-image-list.js +18 -21
- package/dist/image-list/mdc-image-list.js.map +1 -1
- package/dist/image-list/styles/_index.scss +1 -0
- package/dist/image-list/styles/mdc-image-list.import.scss +1 -0
- package/dist/image-list/styles/mdc-image-list.scss +7 -0
- package/dist/index.js +151 -297
- package/dist/index.js.map +1 -1
- package/dist/layout-grid/mdc-layout-grid-cell/mdc-layout-grid-cell.js +33 -36
- package/dist/layout-grid/mdc-layout-grid-cell/mdc-layout-grid-cell.js.map +1 -1
- package/dist/layout-grid/mdc-layout-grid-inner.js +6 -9
- package/dist/layout-grid/mdc-layout-grid-inner.js.map +1 -1
- package/dist/layout-grid/mdc-layout-grid.js +30 -33
- package/dist/layout-grid/mdc-layout-grid.js.map +1 -1
- package/dist/layout-grid/styles/_index.scss +1 -0
- package/dist/layout-grid/styles/mdc-layout-grid.import.scss +1 -0
- package/dist/layout-grid/styles/mdc-layout-grid.scss +11 -0
- package/dist/line-ripple/mdc-line-ripple.js +10 -13
- package/dist/line-ripple/mdc-line-ripple.js.map +1 -1
- package/dist/linear-progress/mdc-linear-progress.js +23 -26
- package/dist/linear-progress/mdc-linear-progress.js.map +1 -1
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-divider/mdc-deprecated-list-divider.js +15 -18
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-divider/mdc-deprecated-list-divider.js.map +1 -1
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-group.js +14 -17
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-group.js.map +1 -1
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item/enhance-mdc-deprecated-list-item.js +6 -9
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item/enhance-mdc-deprecated-list-item.js.map +1 -1
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item-graphic.js +6 -9
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item-graphic.js.map +1 -1
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item-meta.js +6 -9
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item-meta.js.map +1 -1
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item.js +25 -28
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item.js.map +1 -1
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item-primary-text.js +6 -9
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item-primary-text.js.map +1 -1
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item-secondary-text.js +6 -9
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item-secondary-text.js.map +1 -1
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list.js +75 -78
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list.js.map +1 -1
- package/dist/list/mdc-list-divider/mdc-list-divider.js +18 -21
- package/dist/list/mdc-list-divider/mdc-list-divider.js.map +1 -1
- package/dist/list/mdc-list-group.js +14 -17
- package/dist/list/mdc-list-group.js.map +1 -1
- package/dist/list/mdc-list-item/enhance-mdc-list-item.js +6 -9
- package/dist/list/mdc-list-item/enhance-mdc-list-item.js.map +1 -1
- package/dist/list/mdc-list-item/mdc-list-item-leading.js +6 -9
- package/dist/list/mdc-list-item/mdc-list-item-leading.js.map +1 -1
- package/dist/list/mdc-list-item/mdc-list-item-trailing.js +6 -9
- package/dist/list/mdc-list-item/mdc-list-item-trailing.js.map +1 -1
- package/dist/list/mdc-list-item/mdc-list-item.js +37 -40
- package/dist/list/mdc-list-item/mdc-list-item.js.map +1 -1
- package/dist/list/mdc-list-item-overline-text.js +6 -9
- package/dist/list/mdc-list-item-overline-text.js.map +1 -1
- package/dist/list/mdc-list-item-primary-text.js +6 -9
- package/dist/list/mdc-list-item-primary-text.js.map +1 -1
- package/dist/list/mdc-list-item-secondary-text.js +6 -9
- package/dist/list/mdc-list-item-secondary-text.js.map +1 -1
- package/dist/list/mdc-list.js +55 -58
- package/dist/list/mdc-list.js.map +1 -1
- package/dist/list/styles/_index.scss +1 -0
- package/dist/list/styles/mdc-list.import.scss +1 -0
- package/dist/list/styles/mdc-list.scss +6 -0
- package/dist/lookup/discardable-promise.js +1 -5
- package/dist/lookup/discardable-promise.js.map +1 -1
- package/dist/lookup/mdc-lookup-configuration.js +1 -5
- package/dist/lookup/mdc-lookup-configuration.js.map +1 -1
- package/dist/lookup/mdc-lookup.js +66 -69
- package/dist/lookup/mdc-lookup.js.map +1 -1
- package/dist/mdc-configuration.js +11 -15
- package/dist/mdc-configuration.js.map +1 -1
- package/dist/menu/mdc-menu-selection-group-icon.js +6 -9
- package/dist/menu/mdc-menu-selection-group-icon.js.map +1 -1
- package/dist/menu/mdc-menu-selection-group.js +6 -9
- package/dist/menu/mdc-menu-selection-group.js.map +1 -1
- package/dist/menu/mdc-menu.js +68 -71
- package/dist/menu/mdc-menu.js.map +1 -1
- package/dist/menu-surface/mdc-menu-surface-anchor.js +8 -11
- package/dist/menu-surface/mdc-menu-surface-anchor.js.map +1 -1
- package/dist/menu-surface/mdc-menu-surface.js +58 -61
- package/dist/menu-surface/mdc-menu-surface.js.map +1 -1
- package/dist/notched-outline/mdc-notched-outline.js +17 -20
- package/dist/notched-outline/mdc-notched-outline.js.map +1 -1
- package/dist/radio/mdc-radio.js +24 -27
- package/dist/radio/mdc-radio.js.map +1 -1
- package/dist/ripple/mdc-ripple.js +48 -51
- package/dist/ripple/mdc-ripple.js.map +1 -1
- package/dist/ripple/styles/_index.scss +1 -0
- package/dist/ripple/styles/mdc-ripple.import.scss +1 -0
- package/dist/ripple/styles/mdc-ripple.scss +10 -0
- package/dist/segmented-button/mdc-segmented-button-segment/enhance-mdc-segmented-button-segment.js +6 -9
- package/dist/segmented-button/mdc-segmented-button-segment/enhance-mdc-segmented-button-segment.js.map +1 -1
- package/dist/segmented-button/mdc-segmented-button-segment/mdc-segmented-button-segment.js +24 -27
- package/dist/segmented-button/mdc-segmented-button-segment/mdc-segmented-button-segment.js.map +1 -1
- package/dist/segmented-button/mdc-segmented-button.js +21 -24
- package/dist/segmented-button/mdc-segmented-button.js.map +1 -1
- package/dist/select/mdc-default-select-configuration.js +1 -5
- package/dist/select/mdc-default-select-configuration.js.map +1 -1
- package/dist/select/mdc-select-adapter-aurelia.js +1 -2
- package/dist/select/mdc-select-adapter-aurelia.js.map +1 -1
- package/dist/select/mdc-select-foundation-aurelia.js +43 -47
- package/dist/select/mdc-select-foundation-aurelia.js.map +1 -1
- package/dist/select/mdc-select-helper-text/mdc-select-helper-text.js +24 -27
- package/dist/select/mdc-select-helper-text/mdc-select-helper-text.js.map +1 -1
- package/dist/select/mdc-select-icon.js +13 -16
- package/dist/select/mdc-select-icon.js.map +1 -1
- package/dist/select/mdc-select-value-observer.js +11 -14
- package/dist/select/mdc-select-value-observer.js.map +1 -1
- package/dist/select/mdc-select.js +64 -67
- package/dist/select/mdc-select.js.map +1 -1
- package/dist/slider/mdc-slider-foundation-aurelia.js +2 -6
- package/dist/slider/mdc-slider-foundation-aurelia.js.map +1 -1
- package/dist/slider/mdc-slider.js +76 -79
- package/dist/slider/mdc-slider.js.map +1 -1
- package/dist/slider/styles/_index.scss +1 -0
- package/dist/slider/styles/mdc-slider.import.scss +1 -0
- package/dist/slider/styles/mdc-slider.scss +8 -0
- package/dist/snackbar/mdc-snackbar-service.js +4 -8
- package/dist/snackbar/mdc-snackbar-service.js.map +1 -1
- package/dist/snackbar/mdc-snackbar.js +52 -55
- package/dist/snackbar/mdc-snackbar.js.map +1 -1
- package/dist/switch/enhance-mdc-switch.js +6 -9
- package/dist/switch/enhance-mdc-switch.js.map +1 -1
- package/dist/switch/mdc-switch.js +13 -16
- package/dist/switch/mdc-switch.js.map +1 -1
- package/dist/tab-bar/indicator/mdc-tab-indicator.js +23 -26
- package/dist/tab-bar/indicator/mdc-tab-indicator.js.map +1 -1
- package/dist/tab-bar/mdc-tab-bar.js +26 -29
- package/dist/tab-bar/mdc-tab-bar.js.map +1 -1
- package/dist/tab-bar/scroller/mdc-tab-scroller.js +22 -25
- package/dist/tab-bar/scroller/mdc-tab-scroller.js.map +1 -1
- package/dist/tab-bar/tab/mdc-tab.js +41 -44
- package/dist/tab-bar/tab/mdc-tab.js.map +1 -1
- package/dist/text-field/enhance-mdc-text-field.js +6 -9
- package/dist/text-field/enhance-mdc-text-field.js.map +1 -1
- package/dist/text-field/mdc-default-text-field-configuration.js +1 -5
- package/dist/text-field/mdc-default-text-field-configuration.js.map +1 -1
- package/dist/text-field/mdc-inputmask.js +12 -15
- package/dist/text-field/mdc-inputmask.js.map +1 -1
- package/dist/text-field/mdc-text-field-character-counter.js +10 -13
- package/dist/text-field/mdc-text-field-character-counter.js.map +1 -1
- package/dist/text-field/mdc-text-field-helper-line/mdc-text-field-helper-line.js +11 -14
- package/dist/text-field/mdc-text-field-helper-line/mdc-text-field-helper-line.js.map +1 -1
- package/dist/text-field/mdc-text-field-helper-text/mdc-text-field-helper-text.js +19 -22
- package/dist/text-field/mdc-text-field-helper-text/mdc-text-field-helper-text.js.map +1 -1
- package/dist/text-field/mdc-text-field-icon.js +19 -22
- package/dist/text-field/mdc-text-field-icon.js.map +1 -1
- package/dist/text-field/mdc-text-field.js +109 -112
- package/dist/text-field/mdc-text-field.js.map +1 -1
- package/dist/text-field/styles/_index.scss +1 -0
- package/dist/text-field/styles/mdc-text-field.import.scss +1 -0
- package/dist/text-field/styles/mdc-text-field.scss +8 -0
- package/dist/tooltip/mdc-default-tooltip-configuration.js +1 -5
- package/dist/tooltip/mdc-default-tooltip-configuration.js.map +1 -1
- package/dist/tooltip/mdc-tooltip-attribute.js +36 -39
- package/dist/tooltip/mdc-tooltip-attribute.js.map +1 -1
- package/dist/tooltip/mdc-tooltip.js +57 -60
- package/dist/tooltip/mdc-tooltip.js.map +1 -1
- package/dist/top-app-bar/enhance-top-app-bar-actions.js +6 -9
- package/dist/top-app-bar/enhance-top-app-bar-actions.js.map +1 -1
- package/dist/top-app-bar/mdc-top-app-bar-action-item.js +6 -9
- package/dist/top-app-bar/mdc-top-app-bar-action-item.js.map +1 -1
- package/dist/top-app-bar/mdc-top-app-bar-fixed-adjust.js +6 -9
- package/dist/top-app-bar/mdc-top-app-bar-fixed-adjust.js.map +1 -1
- package/dist/top-app-bar/mdc-top-app-bar-nav-icon.js +6 -9
- package/dist/top-app-bar/mdc-top-app-bar-nav-icon.js.map +1 -1
- package/dist/top-app-bar/mdc-top-app-bar-row.js +6 -9
- package/dist/top-app-bar/mdc-top-app-bar-row.js.map +1 -1
- package/dist/top-app-bar/mdc-top-app-bar-section/mdc-top-app-bar-section.js +12 -15
- package/dist/top-app-bar/mdc-top-app-bar-section/mdc-top-app-bar-section.js.map +1 -1
- package/dist/top-app-bar/mdc-top-app-bar-title.js +6 -9
- package/dist/top-app-bar/mdc-top-app-bar-title.js.map +1 -1
- package/dist/top-app-bar/mdc-top-app-bar.js +40 -43
- package/dist/top-app-bar/mdc-top-app-bar.js.map +1 -1
- package/dist/tree-view/i-tree-node.js +1 -2
- package/dist/tree-view/mdc-tree-node-meta.js +6 -9
- package/dist/tree-view/mdc-tree-node-meta.js.map +1 -1
- package/dist/tree-view/mdc-tree-node.js +6 -9
- package/dist/tree-view/mdc-tree-node.js.map +1 -1
- package/dist/tree-view/mdc-tree-view.js +25 -29
- package/dist/tree-view/mdc-tree-view.js.map +1 -1
- package/dist/tree-view/node-filter.js +6 -9
- package/dist/tree-view/node-filter.js.map +1 -1
- package/dist/tree-view/styles/_index.scss +1 -0
- package/dist/tree-view/styles/_mixins.scss +145 -0
- package/dist/tree-view/styles/_variables.scss +8 -0
- package/dist/tree-view/styles/mdc-tree-view.import.scss +1 -0
- package/dist/tree-view/styles/mdc-tree-view.scss +3 -0
- package/dist/typography/mdc-typography.js +57 -60
- package/dist/typography/mdc-typography.js.map +1 -1
- package/dist/validation/mdc-validation-controller-factory.js +6 -10
- package/dist/validation/mdc-validation-controller-factory.js.map +1 -1
- package/dist/validation/mdc-validation-result-presenter.js +1 -5
- package/dist/validation/mdc-validation-result-presenter.js.map +1 -1
- package/dist/validation/validate.js +1 -4
- package/dist/validation/validate.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,23 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
const util_1 = require("@material/animation/util");
|
|
8
|
-
const aurelia_1 = require("aurelia");
|
|
9
|
-
const mdc_checkbox_html_raw_1 = tslib_1.__importDefault(require("./mdc-checkbox.html?raw"));
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { MdcComponent, booleanAttr } from '../base';
|
|
3
|
+
import { MDCCheckboxFoundation } from '@material/checkbox';
|
|
4
|
+
import { getCorrectEventName } from '@material/animation/util';
|
|
5
|
+
import { customElement, inject, bindable, BindingMode, CustomElement } from 'aurelia';
|
|
6
|
+
import template from './mdc-checkbox.html?raw';
|
|
10
7
|
let checkboxId = 0;
|
|
11
8
|
/**
|
|
12
9
|
* @selector mdc-checkbox
|
|
13
10
|
* @emits change | Event dispatched on checked change.
|
|
14
11
|
*/
|
|
15
12
|
let MdcCheckbox = (() => {
|
|
16
|
-
let _classDecorators = [
|
|
13
|
+
let _classDecorators = [inject(Element), customElement({ name: 'mdc-checkbox', template })];
|
|
17
14
|
let _classDescriptor;
|
|
18
15
|
let _classExtraInitializers = [];
|
|
19
16
|
let _classThis;
|
|
20
|
-
let _classSuper =
|
|
17
|
+
let _classSuper = MdcComponent;
|
|
21
18
|
let _disabled_decorators;
|
|
22
19
|
let _disabled_initializers = [];
|
|
23
20
|
let _disabled_extraInitializers = [];
|
|
@@ -37,24 +34,24 @@ let MdcCheckbox = (() => {
|
|
|
37
34
|
static { _classThis = this; }
|
|
38
35
|
static {
|
|
39
36
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
40
|
-
_disabled_decorators = [
|
|
41
|
-
_touch_decorators = [
|
|
42
|
-
_disableRipple_decorators = [
|
|
43
|
-
_indeterminateToChecked_decorators = [
|
|
44
|
-
_indeterminate_decorators = [
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
37
|
+
_disabled_decorators = [bindable({ set: booleanAttr })];
|
|
38
|
+
_touch_decorators = [bindable({ set: booleanAttr })];
|
|
39
|
+
_disableRipple_decorators = [bindable({ set: booleanAttr })];
|
|
40
|
+
_indeterminateToChecked_decorators = [bindable({ set: booleanAttr })];
|
|
41
|
+
_indeterminate_decorators = [bindable({ set: booleanAttr, mode: BindingMode.twoWay })];
|
|
42
|
+
__esDecorate(null, null, _disabled_decorators, { kind: "field", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
|
|
43
|
+
__esDecorate(null, null, _touch_decorators, { kind: "field", name: "touch", static: false, private: false, access: { has: obj => "touch" in obj, get: obj => obj.touch, set: (obj, value) => { obj.touch = value; } }, metadata: _metadata }, _touch_initializers, _touch_extraInitializers);
|
|
44
|
+
__esDecorate(null, null, _disableRipple_decorators, { kind: "field", name: "disableRipple", static: false, private: false, access: { has: obj => "disableRipple" in obj, get: obj => obj.disableRipple, set: (obj, value) => { obj.disableRipple = value; } }, metadata: _metadata }, _disableRipple_initializers, _disableRipple_extraInitializers);
|
|
45
|
+
__esDecorate(null, null, _indeterminateToChecked_decorators, { kind: "field", name: "indeterminateToChecked", static: false, private: false, access: { has: obj => "indeterminateToChecked" in obj, get: obj => obj.indeterminateToChecked, set: (obj, value) => { obj.indeterminateToChecked = value; } }, metadata: _metadata }, _indeterminateToChecked_initializers, _indeterminateToChecked_extraInitializers);
|
|
46
|
+
__esDecorate(null, null, _indeterminate_decorators, { kind: "field", name: "indeterminate", static: false, private: false, access: { has: obj => "indeterminate" in obj, get: obj => obj.indeterminate, set: (obj, value) => { obj.indeterminate = value; } }, metadata: _metadata }, _indeterminate_initializers, _indeterminate_extraInitializers);
|
|
47
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
51
48
|
MdcCheckbox = _classThis = _classDescriptor.value;
|
|
52
49
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
53
|
-
|
|
50
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
54
51
|
}
|
|
55
52
|
constructor(root) {
|
|
56
53
|
super(root);
|
|
57
|
-
|
|
54
|
+
__runInitializers(this, _indeterminate_extraInitializers);
|
|
58
55
|
defineMdcCheckboxElementApis(this.root);
|
|
59
56
|
}
|
|
60
57
|
nativeControl_;
|
|
@@ -62,7 +59,7 @@ let MdcCheckbox = (() => {
|
|
|
62
59
|
/**
|
|
63
60
|
* Disables the component.
|
|
64
61
|
*/
|
|
65
|
-
disabled =
|
|
62
|
+
disabled = __runInitializers(this, _disabled_initializers, void 0);
|
|
66
63
|
disabledChanged() {
|
|
67
64
|
if (this.nativeControl_) {
|
|
68
65
|
this.nativeControl_.disabled = this.disabled;
|
|
@@ -71,16 +68,16 @@ let MdcCheckbox = (() => {
|
|
|
71
68
|
/**
|
|
72
69
|
* Set the component touch target to 48 x 48 px.
|
|
73
70
|
*/
|
|
74
|
-
touch = (
|
|
71
|
+
touch = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _touch_initializers, void 0));
|
|
75
72
|
/**
|
|
76
73
|
* Whether ripple ink is disabled.
|
|
77
74
|
*/
|
|
78
|
-
disableRipple = (
|
|
75
|
+
disableRipple = (__runInitializers(this, _touch_extraInitializers), __runInitializers(this, _disableRipple_initializers, void 0));
|
|
79
76
|
/**
|
|
80
77
|
* Whether the checkbox should go to checked state or unchecked when toggled from indeterminate state.
|
|
81
78
|
*/
|
|
82
|
-
indeterminateToChecked = (
|
|
83
|
-
initialChecked =
|
|
79
|
+
indeterminateToChecked = (__runInitializers(this, _disableRipple_extraInitializers), __runInitializers(this, _indeterminateToChecked_initializers, true));
|
|
80
|
+
initialChecked = __runInitializers(this, _indeterminateToChecked_extraInitializers);
|
|
84
81
|
get checked() {
|
|
85
82
|
if (this.nativeControl_) {
|
|
86
83
|
return this.nativeControl_.checked;
|
|
@@ -103,7 +100,7 @@ let MdcCheckbox = (() => {
|
|
|
103
100
|
/**
|
|
104
101
|
* Represent a checkbox with three states (e.g. a nested list of checkable items).
|
|
105
102
|
*/
|
|
106
|
-
indeterminate =
|
|
103
|
+
indeterminate = __runInitializers(this, _indeterminate_initializers, void 0);
|
|
107
104
|
indeterminateChanged() {
|
|
108
105
|
if (this.nativeControl_) {
|
|
109
106
|
this.nativeControl_.indeterminate = this.indeterminate;
|
|
@@ -117,7 +114,7 @@ let MdcCheckbox = (() => {
|
|
|
117
114
|
this.nativeControl_.value = value;
|
|
118
115
|
}
|
|
119
116
|
attaching() {
|
|
120
|
-
this.listen(
|
|
117
|
+
this.listen(getCorrectEventName(window, 'animationend'), this.handleAnimationEnd_);
|
|
121
118
|
if (this.root.hasAttribute('checked')) {
|
|
122
119
|
const attributeValue = this.root.getAttribute('checked');
|
|
123
120
|
if (attributeValue || attributeValue === '') {
|
|
@@ -138,7 +135,7 @@ let MdcCheckbox = (() => {
|
|
|
138
135
|
}
|
|
139
136
|
}
|
|
140
137
|
destroy() {
|
|
141
|
-
this.unlisten(
|
|
138
|
+
this.unlisten(getCorrectEventName(window, 'animationend'), this.handleAnimationEnd_);
|
|
142
139
|
}
|
|
143
140
|
handleChange_() {
|
|
144
141
|
if (this.indeterminate) {
|
|
@@ -173,7 +170,7 @@ let MdcCheckbox = (() => {
|
|
|
173
170
|
this.nativeControl_.disabled = disabled;
|
|
174
171
|
},
|
|
175
172
|
};
|
|
176
|
-
return new
|
|
173
|
+
return new MDCCheckboxFoundation(adapter);
|
|
177
174
|
}
|
|
178
175
|
/**
|
|
179
176
|
* Set focus to the checkbox.
|
|
@@ -190,7 +187,7 @@ let MdcCheckbox = (() => {
|
|
|
190
187
|
};
|
|
191
188
|
return MdcCheckbox = _classThis;
|
|
192
189
|
})();
|
|
193
|
-
|
|
190
|
+
export { MdcCheckbox };
|
|
194
191
|
function defineMdcCheckboxElementApis(element) {
|
|
195
192
|
Object.defineProperties(element, {
|
|
196
193
|
type: {
|
|
@@ -198,22 +195,22 @@ function defineMdcCheckboxElementApis(element) {
|
|
|
198
195
|
},
|
|
199
196
|
checked: {
|
|
200
197
|
get() {
|
|
201
|
-
return
|
|
198
|
+
return CustomElement.for(this).viewModel.checked;
|
|
202
199
|
},
|
|
203
200
|
set(value) {
|
|
204
|
-
|
|
201
|
+
CustomElement.for(this).viewModel.checked = value;
|
|
205
202
|
},
|
|
206
203
|
configurable: true
|
|
207
204
|
},
|
|
208
205
|
focus: {
|
|
209
206
|
value() {
|
|
210
|
-
|
|
207
|
+
CustomElement.for(this).viewModel.focus();
|
|
211
208
|
},
|
|
212
209
|
configurable: true
|
|
213
210
|
},
|
|
214
211
|
blur: {
|
|
215
212
|
value() {
|
|
216
|
-
|
|
213
|
+
CustomElement.for(this).viewModel.blur();
|
|
217
214
|
},
|
|
218
215
|
configurable: true
|
|
219
216
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mdc-checkbox.js","sourceRoot":"","sources":["../../src/checkbox/mdc-checkbox.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent, booleanAttr } from '../base';\r\nimport { MDCCheckboxFoundation, MDCCheckboxAdapter } from '@material/checkbox';\r\nimport { getCorrectEventName } from '@material/animation/util';\r\nimport { customElement, inject, bindable, BindingMode, CustomElement } from 'aurelia';\r\nimport template from './mdc-checkbox.html?raw';\r\n\r\nlet checkboxId = 0;\r\n\r\n/**\r\n * @selector mdc-checkbox\r\n * @emits change | Event dispatched on checked change.\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-checkbox', template })\r\nexport class MdcCheckbox extends MdcComponent<MDCCheckboxFoundation> {\r\n constructor(root: IMdcCheckboxElement) {\r\n super(root);\r\n defineMdcCheckboxElementApis(this.root);\r\n }\r\n\r\n nativeControl_: HTMLInputElement;\r\n\r\n id = `mdc-checkbox-${++checkboxId}-input`;\r\n\r\n /**\r\n * Disables the component.\r\n */\r\n @bindable({ set: booleanAttr })\r\n disabled: boolean;\r\n disabledChanged() {\r\n if (this.nativeControl_) {\r\n this.nativeControl_.disabled = this.disabled;\r\n }\r\n }\r\n\r\n /**\r\n * Set the component touch target to 48 x 48 px.\r\n */\r\n @bindable({ set: booleanAttr })\r\n touch: boolean;\r\n\r\n /**\r\n * Whether ripple ink is disabled.\r\n */\r\n @bindable({ set: booleanAttr })\r\n disableRipple: boolean;\r\n\r\n /**\r\n * Whether the checkbox should go to checked state or unchecked when toggled from indeterminate state.\r\n */\r\n @bindable({ set: booleanAttr })\r\n indeterminateToChecked: boolean = true;\r\n\r\n initialChecked?: boolean;\r\n\r\n get checked(): boolean {\r\n if (this.nativeControl_) {\r\n return this.nativeControl_.checked;\r\n } else {\r\n return this.initialChecked ?? false;\r\n }\r\n }\r\n\r\n /**\r\n * Whether the checkbox is checked.\r\n */\r\n set checked(checked: boolean) {\r\n if (this.nativeControl_) {\r\n this.nativeControl_.checked = checked;\r\n } else {\r\n this.initialChecked = checked;\r\n }\r\n }\r\n\r\n /**\r\n * Represent a checkbox with three states (e.g. a nested list of checkable items).\r\n */\r\n @bindable({ set: booleanAttr, mode: BindingMode.twoWay })\r\n indeterminate: boolean;\r\n indeterminateChanged() {\r\n if (this.nativeControl_) {\r\n this.nativeControl_.indeterminate = this.indeterminate;\r\n }\r\n this.foundation?.handleChange();\r\n }\r\n\r\n get value(): string {\r\n return this.nativeControl_.value;\r\n }\r\n\r\n set value(value: string) {\r\n this.nativeControl_.value = value;\r\n }\r\n\r\n attaching() {\r\n this.listen(getCorrectEventName(window, 'animationend'), this.handleAnimationEnd_);\r\n\r\n if (this.root.hasAttribute('checked')) {\r\n const attributeValue = this.root.getAttribute('checked');\r\n\r\n if (attributeValue || attributeValue === '') {\r\n (this.root as IMdcCheckboxElement).checked = true;\r\n }\r\n }\r\n\r\n if (this.root.hasAttribute('indeterminate')) {\r\n const attributeValue = this.root.getAttribute('indeterminate');\r\n\r\n if (attributeValue || attributeValue === '') {\r\n (this.root as IMdcCheckboxElement).indeterminate = true;\r\n }\r\n }\r\n }\r\n\r\n initialSyncWithDOM() {\r\n this.disabledChanged();\r\n if (this.initialChecked !== undefined) {\r\n this.checked = this.initialChecked;\r\n }\r\n }\r\n\r\n destroy() {\r\n this.unlisten(getCorrectEventName(window, 'animationend'), this.handleAnimationEnd_);\r\n }\r\n\r\n handleChange_() {\r\n if (this.indeterminate) {\r\n this.indeterminate = false;\r\n this.checked = this.indeterminateToChecked;\r\n }\r\n this.foundation?.handleChange();\r\n }\r\n\r\n handleAnimationEnd_() {\r\n this.foundation?.handleAnimationEnd();\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: MDCCheckboxAdapter = {\r\n addClass: (className) => this.root.classList.add(className),\r\n forceLayout: () => (this.root).offsetWidth,\r\n hasNativeControl: () => !!this.nativeControl_,\r\n isAttachedToDOM: () => Boolean(this.root.parentNode),\r\n isChecked: () => this.checked,\r\n isIndeterminate: () => this.indeterminate,\r\n removeClass: (className) => {\r\n this.root.classList.remove(className);\r\n },\r\n removeNativeControlAttr: (attr) => {\r\n this.nativeControl_.removeAttribute(attr);\r\n },\r\n setNativeControlAttr: (attr, value) => {\r\n this.nativeControl_.setAttribute(attr, value);\r\n },\r\n setNativeControlDisabled: (disabled) => {\r\n this.nativeControl_.disabled = disabled;\r\n },\r\n };\r\n return new MDCCheckboxFoundation(adapter);\r\n }\r\n\r\n /**\r\n * Set focus to the checkbox.\r\n */\r\n focus() {\r\n this.nativeControl_.focus();\r\n }\r\n\r\n /**\r\n * Moves focus from the checkbox.\r\n */\r\n blur() {\r\n this.nativeControl_.blur();\r\n }\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcCheckboxElement extends HTMLElement {\r\n checked: boolean;\r\n indeterminate: boolean;\r\n $au: {\r\n 'au:resource:custom-element': {\r\n viewModel: MdcCheckbox;\r\n };\r\n };\r\n}\r\n\r\nfunction defineMdcCheckboxElementApis(element: HTMLElement) {\r\n Object.defineProperties(element, {\r\n type: {\r\n value: 'checkbox',\r\n },\r\n checked: {\r\n get(this: IMdcCheckboxElement) {\r\n return CustomElement.for<MdcCheckbox>(this).viewModel.checked;\r\n },\r\n set(this: IMdcCheckboxElement, value: boolean) {\r\n CustomElement.for<MdcCheckbox>(this).viewModel.checked = value;\r\n },\r\n configurable: true\r\n },\r\n focus: {\r\n value(this: IMdcCheckboxElement) {\r\n CustomElement.for<MdcCheckbox>(this).viewModel.focus();\r\n },\r\n configurable: true\r\n },\r\n blur: {\r\n value(this: IMdcCheckboxElement) {\r\n CustomElement.for<MdcCheckbox>(this).viewModel.blur();\r\n },\r\n configurable: true\r\n }\r\n });\r\n}\r\n"]}
|
|
1
|
+
{"version":3,"file":"mdc-checkbox.js","sourceRoot":"","sources":["../../src/checkbox/mdc-checkbox.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent, booleanAttr } from '../base';\r\nimport { MDCCheckboxFoundation, MDCCheckboxAdapter } from '@material/checkbox';\r\nimport { getCorrectEventName } from '@material/animation/util';\r\nimport { customElement, inject, bindable, BindingMode, CustomElement } from 'aurelia';\r\nimport template from './mdc-checkbox.html?raw';\r\n\r\nlet checkboxId = 0;\r\n\r\n/**\r\n * @selector mdc-checkbox\r\n * @emits change | Event dispatched on checked change.\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-checkbox', template })\r\nexport class MdcCheckbox extends MdcComponent<MDCCheckboxFoundation> {\r\n constructor(root: IMdcCheckboxElement) {\r\n super(root);\r\n defineMdcCheckboxElementApis(this.root);\r\n }\r\n\r\n nativeControl_: HTMLInputElement;\r\n\r\n id = `mdc-checkbox-${++checkboxId}-input`;\r\n\r\n /**\r\n * Disables the component.\r\n */\r\n @bindable({ set: booleanAttr })\r\n disabled: boolean;\r\n disabledChanged() {\r\n if (this.nativeControl_) {\r\n this.nativeControl_.disabled = this.disabled;\r\n }\r\n }\r\n\r\n /**\r\n * Set the component touch target to 48 x 48 px.\r\n */\r\n @bindable({ set: booleanAttr })\r\n touch: boolean;\r\n\r\n /**\r\n * Whether ripple ink is disabled.\r\n */\r\n @bindable({ set: booleanAttr })\r\n disableRipple: boolean;\r\n\r\n /**\r\n * Whether the checkbox should go to checked state or unchecked when toggled from indeterminate state.\r\n */\r\n @bindable({ set: booleanAttr })\r\n indeterminateToChecked: boolean = true;\r\n\r\n initialChecked?: boolean;\r\n\r\n get checked(): boolean {\r\n if (this.nativeControl_) {\r\n return this.nativeControl_.checked;\r\n } else {\r\n return this.initialChecked ?? false;\r\n }\r\n }\r\n\r\n /**\r\n * Whether the checkbox is checked.\r\n */\r\n set checked(checked: boolean) {\r\n if (this.nativeControl_) {\r\n this.nativeControl_.checked = checked;\r\n } else {\r\n this.initialChecked = checked;\r\n }\r\n }\r\n\r\n /**\r\n * Represent a checkbox with three states (e.g. a nested list of checkable items).\r\n */\r\n @bindable({ set: booleanAttr, mode: BindingMode.twoWay })\r\n indeterminate: boolean;\r\n indeterminateChanged() {\r\n if (this.nativeControl_) {\r\n this.nativeControl_.indeterminate = this.indeterminate;\r\n }\r\n this.foundation?.handleChange();\r\n }\r\n\r\n get value(): string {\r\n return this.nativeControl_.value;\r\n }\r\n\r\n set value(value: string) {\r\n this.nativeControl_.value = value;\r\n }\r\n\r\n attaching() {\r\n this.listen(getCorrectEventName(window, 'animationend'), this.handleAnimationEnd_);\r\n\r\n if (this.root.hasAttribute('checked')) {\r\n const attributeValue = this.root.getAttribute('checked');\r\n\r\n if (attributeValue || attributeValue === '') {\r\n (this.root as IMdcCheckboxElement).checked = true;\r\n }\r\n }\r\n\r\n if (this.root.hasAttribute('indeterminate')) {\r\n const attributeValue = this.root.getAttribute('indeterminate');\r\n\r\n if (attributeValue || attributeValue === '') {\r\n (this.root as IMdcCheckboxElement).indeterminate = true;\r\n }\r\n }\r\n }\r\n\r\n initialSyncWithDOM() {\r\n this.disabledChanged();\r\n if (this.initialChecked !== undefined) {\r\n this.checked = this.initialChecked;\r\n }\r\n }\r\n\r\n destroy() {\r\n this.unlisten(getCorrectEventName(window, 'animationend'), this.handleAnimationEnd_);\r\n }\r\n\r\n handleChange_() {\r\n if (this.indeterminate) {\r\n this.indeterminate = false;\r\n this.checked = this.indeterminateToChecked;\r\n }\r\n this.foundation?.handleChange();\r\n }\r\n\r\n handleAnimationEnd_() {\r\n this.foundation?.handleAnimationEnd();\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: MDCCheckboxAdapter = {\r\n addClass: (className) => this.root.classList.add(className),\r\n forceLayout: () => (this.root).offsetWidth,\r\n hasNativeControl: () => !!this.nativeControl_,\r\n isAttachedToDOM: () => Boolean(this.root.parentNode),\r\n isChecked: () => this.checked,\r\n isIndeterminate: () => this.indeterminate,\r\n removeClass: (className) => {\r\n this.root.classList.remove(className);\r\n },\r\n removeNativeControlAttr: (attr) => {\r\n this.nativeControl_.removeAttribute(attr);\r\n },\r\n setNativeControlAttr: (attr, value) => {\r\n this.nativeControl_.setAttribute(attr, value);\r\n },\r\n setNativeControlDisabled: (disabled) => {\r\n this.nativeControl_.disabled = disabled;\r\n },\r\n };\r\n return new MDCCheckboxFoundation(adapter);\r\n }\r\n\r\n /**\r\n * Set focus to the checkbox.\r\n */\r\n focus() {\r\n this.nativeControl_.focus();\r\n }\r\n\r\n /**\r\n * Moves focus from the checkbox.\r\n */\r\n blur() {\r\n this.nativeControl_.blur();\r\n }\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcCheckboxElement extends HTMLElement {\r\n checked: boolean;\r\n indeterminate: boolean;\r\n $au: {\r\n 'au:resource:custom-element': {\r\n viewModel: MdcCheckbox;\r\n };\r\n };\r\n}\r\n\r\nfunction defineMdcCheckboxElementApis(element: HTMLElement) {\r\n Object.defineProperties(element, {\r\n type: {\r\n value: 'checkbox',\r\n },\r\n checked: {\r\n get(this: IMdcCheckboxElement) {\r\n return CustomElement.for<MdcCheckbox>(this).viewModel.checked;\r\n },\r\n set(this: IMdcCheckboxElement, value: boolean) {\r\n CustomElement.for<MdcCheckbox>(this).viewModel.checked = value;\r\n },\r\n configurable: true\r\n },\r\n focus: {\r\n value(this: IMdcCheckboxElement) {\r\n CustomElement.for<MdcCheckbox>(this).viewModel.focus();\r\n },\r\n configurable: true\r\n },\r\n blur: {\r\n value(this: IMdcCheckboxElement) {\r\n CustomElement.for<MdcCheckbox>(this).viewModel.blur();\r\n },\r\n configurable: true\r\n }\r\n });\r\n}\r\n"]}
|
|
@@ -1,16 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
chips_1.MDCChipEvents.INTERACTION = chips_1.MDCChipEvents.INTERACTION.toLowerCase();
|
|
12
|
-
chips_1.MDCChipEvents.ANIMATION = chips_1.MDCChipEvents.ANIMATION.toLowerCase();
|
|
13
|
-
chips_1.MDCChipEvents.NAVIGATION = chips_1.MDCChipEvents.NAVIGATION.toLowerCase();
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { inject, customElement, bindable } from 'aurelia';
|
|
3
|
+
import { MdcComponent, booleanAttr } from '../../base';
|
|
4
|
+
import { processContent, CustomElement } from '@aurelia/runtime-html';
|
|
5
|
+
import { MDCChipFoundation } from '@material/chips/chip/foundation';
|
|
6
|
+
import { MDCChipEvents, MDCChipActionType } from '@material/chips';
|
|
7
|
+
import template from './mdc-chip.html?raw';
|
|
8
|
+
MDCChipEvents.INTERACTION = MDCChipEvents.INTERACTION.toLowerCase();
|
|
9
|
+
MDCChipEvents.ANIMATION = MDCChipEvents.ANIMATION.toLowerCase();
|
|
10
|
+
MDCChipEvents.NAVIGATION = MDCChipEvents.NAVIGATION.toLowerCase();
|
|
14
11
|
let chipId = 0;
|
|
15
12
|
/**
|
|
16
13
|
* @selector mdc-chip
|
|
@@ -19,7 +16,7 @@ let chipId = 0;
|
|
|
19
16
|
* @emits mdcchip:selection | Indicates a selection event has occurred on a chip
|
|
20
17
|
*/
|
|
21
18
|
let MdcChip = (() => {
|
|
22
|
-
let _classDecorators = [
|
|
19
|
+
let _classDecorators = [inject(Element), customElement({ name: 'mdc-chip', template }), processContent(function processContent(node, platform) {
|
|
23
20
|
const element = node;
|
|
24
21
|
const primaryAction = element.querySelector('[as-element="mdc-chip-action"]:not([trailing])');
|
|
25
22
|
if (primaryAction) {
|
|
@@ -46,7 +43,7 @@ let MdcChip = (() => {
|
|
|
46
43
|
let _classDescriptor;
|
|
47
44
|
let _classExtraInitializers = [];
|
|
48
45
|
let _classThis;
|
|
49
|
-
let _classSuper =
|
|
46
|
+
let _classSuper = MdcComponent;
|
|
50
47
|
let _disabled_decorators;
|
|
51
48
|
let _disabled_initializers = [];
|
|
52
49
|
let _disabled_extraInitializers = [];
|
|
@@ -60,16 +57,16 @@ let MdcChip = (() => {
|
|
|
60
57
|
static { _classThis = this; }
|
|
61
58
|
static {
|
|
62
59
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
63
|
-
_disabled_decorators = [
|
|
64
|
-
_filter_decorators = [
|
|
65
|
-
_icon_decorators = [
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
60
|
+
_disabled_decorators = [bindable({ set: booleanAttr })];
|
|
61
|
+
_filter_decorators = [bindable({ set: booleanAttr })];
|
|
62
|
+
_icon_decorators = [bindable()];
|
|
63
|
+
__esDecorate(null, null, _disabled_decorators, { kind: "field", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
|
|
64
|
+
__esDecorate(null, null, _filter_decorators, { kind: "field", name: "filter", static: false, private: false, access: { has: obj => "filter" in obj, get: obj => obj.filter, set: (obj, value) => { obj.filter = value; } }, metadata: _metadata }, _filter_initializers, _filter_extraInitializers);
|
|
65
|
+
__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);
|
|
66
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
70
67
|
MdcChip = _classThis = _classDescriptor.value;
|
|
71
68
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
72
|
-
|
|
69
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
73
70
|
}
|
|
74
71
|
constructor(root) {
|
|
75
72
|
super(root);
|
|
@@ -81,17 +78,17 @@ let MdcChip = (() => {
|
|
|
81
78
|
* @return Whether the chip is selected.
|
|
82
79
|
*/
|
|
83
80
|
get selected() {
|
|
84
|
-
return this.foundation?.isActionSelected(
|
|
81
|
+
return this.foundation?.isActionSelected(MDCChipActionType.PRIMARY) ?? this._selected;
|
|
85
82
|
}
|
|
86
83
|
/** Sets selected state on the chip. */
|
|
87
84
|
set selected(selected) {
|
|
88
85
|
this._selected = selected;
|
|
89
|
-
this.foundation?.setActionSelected(
|
|
86
|
+
this.foundation?.setActionSelected(MDCChipActionType.PRIMARY, selected);
|
|
90
87
|
}
|
|
91
88
|
/** Marks the chip as disabled. */
|
|
92
|
-
disabled =
|
|
89
|
+
disabled = __runInitializers(this, _disabled_initializers, void 0);
|
|
93
90
|
/** Marks the chip as a filter chip. */
|
|
94
|
-
filter = (
|
|
91
|
+
filter = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _filter_initializers, void 0));
|
|
95
92
|
filterChanged() {
|
|
96
93
|
if (this.filter) {
|
|
97
94
|
this.root.setAttribute('role', 'presentation');
|
|
@@ -100,15 +97,15 @@ let MdcChip = (() => {
|
|
|
100
97
|
this.root.setAttribute('role', 'row');
|
|
101
98
|
}
|
|
102
99
|
}
|
|
103
|
-
icon = (
|
|
104
|
-
actions =
|
|
100
|
+
icon = (__runInitializers(this, _filter_extraInitializers), __runInitializers(this, _icon_initializers, void 0));
|
|
101
|
+
actions = __runInitializers(this, _icon_extraInitializers);
|
|
105
102
|
beforeFoundationCreated() {
|
|
106
103
|
this.actions = new Map();
|
|
107
|
-
const primaryAction =
|
|
108
|
-
this.actions.set(
|
|
104
|
+
const primaryAction = CustomElement.for(this.root.querySelector('.mdc-evolution-chip__action--primary')).viewModel;
|
|
105
|
+
this.actions.set(MDCChipActionType.PRIMARY, primaryAction);
|
|
109
106
|
const trailingAction = this.root.querySelector('.mdc-evolution-chip__action--trailing');
|
|
110
107
|
if (trailingAction) {
|
|
111
|
-
this.actions.set(
|
|
108
|
+
this.actions.set(MDCChipActionType.TRAILING, CustomElement.for(trailingAction).viewModel);
|
|
112
109
|
}
|
|
113
110
|
}
|
|
114
111
|
initialSyncWithDOM() {
|
|
@@ -202,7 +199,7 @@ let MdcChip = (() => {
|
|
|
202
199
|
},
|
|
203
200
|
};
|
|
204
201
|
// Default to the primary foundation
|
|
205
|
-
return new
|
|
202
|
+
return new MDCChipFoundation(adapter);
|
|
206
203
|
}
|
|
207
204
|
handleActionInteraction(event) {
|
|
208
205
|
this.foundation?.handleActionInteraction(event);
|
|
@@ -250,7 +247,7 @@ let MdcChip = (() => {
|
|
|
250
247
|
};
|
|
251
248
|
return MdcChip = _classThis;
|
|
252
249
|
})();
|
|
253
|
-
|
|
250
|
+
export { MdcChip };
|
|
254
251
|
function defineMdcChipElementApis(element) {
|
|
255
252
|
Object.defineProperties(element, {
|
|
256
253
|
type: {
|
|
@@ -258,17 +255,17 @@ function defineMdcChipElementApis(element) {
|
|
|
258
255
|
},
|
|
259
256
|
checked: {
|
|
260
257
|
get() {
|
|
261
|
-
const chip =
|
|
258
|
+
const chip = CustomElement.for(this).viewModel;
|
|
262
259
|
return chip.selected;
|
|
263
260
|
},
|
|
264
261
|
set(value) {
|
|
265
|
-
|
|
262
|
+
CustomElement.for(this).viewModel.selected = value;
|
|
266
263
|
},
|
|
267
264
|
configurable: true
|
|
268
265
|
},
|
|
269
266
|
focus: {
|
|
270
267
|
value() {
|
|
271
|
-
|
|
268
|
+
CustomElement.for(this).viewModel.focus();
|
|
272
269
|
},
|
|
273
270
|
configurable: true
|
|
274
271
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mdc-chip.js","sourceRoot":"","sources":["../../../src/chips/mdc-chip/mdc-chip.ts"],"names":[],"mappings":"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","sourcesContent":["import { inject, customElement, INode, IPlatform, bindable } from 'aurelia';\r\nimport { MdcComponent, booleanAttr } from '../../base';\r\nimport { processContent, CustomElement } from '@aurelia/runtime-html';\r\nimport { MdcChipAction } from '../mdc-chip-action/mdc-chip-action';\r\nimport { MDCChipFoundation } from '@material/chips/chip/foundation';\r\nimport { MDCChipEvents, MDCChipAdapter, MDCChipActionType, MDCChipActionFocusBehavior, MDCChipAnimation } from '@material/chips';\r\nimport { ActionInteractionEvent, ActionNavigationEvent } from '@material/chips/chip/types';\r\nimport template from './mdc-chip.html?raw';\r\n\r\n(MDCChipEvents as Record<string, string>).INTERACTION = MDCChipEvents.INTERACTION.toLowerCase();\r\n(MDCChipEvents as Record<string, string>).ANIMATION = MDCChipEvents.ANIMATION.toLowerCase();\r\n(MDCChipEvents as Record<string, string>).NAVIGATION = MDCChipEvents.NAVIGATION.toLowerCase();\r\n\r\nlet chipId = 0;\r\n\r\n/**\r\n * @selector mdc-chip\r\n * @emits mdcchip:interaction | Indicates the chip was interacted with (via click/tap or Enter key)\r\n * @emits mdcchip:removal | Indicates the chip removal event from a chip set\r\n * @emits mdcchip:selection | Indicates a selection event has occurred on a chip\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-chip', template })\r\n@processContent(function processContent(node: INode, platform: IPlatform) {\r\n const element = node as HTMLElement;\r\n\r\n const primaryAction = element.querySelector('[as-element=\"mdc-chip-action\"]:not([trailing])');\r\n if (primaryAction) {\r\n primaryAction.setAttribute('au-slot', 'primary-action');\r\n primaryAction.remove();\r\n }\r\n\r\n const trailingAction = element.querySelector('[as-element=\"mdc-chip-action\"][trailing]');\r\n if (trailingAction) {\r\n trailingAction.setAttribute('au-slot', trailingAction.hasAttribute('non-navigable') ? 'non-navigable-trailing-action' : 'trailing-action');\r\n trailingAction.remove();\r\n }\r\n\r\n const template = platform.document.createElement('template');\r\n template.setAttribute('au-slot', '');\r\n template.innerHTML = element.innerHTML;\r\n element.innerHTML = '';\r\n element.appendChild(template);\r\n\r\n if (primaryAction) {\r\n element.appendChild(primaryAction);\r\n }\r\n if (trailingAction) {\r\n element.appendChild(trailingAction);\r\n }\r\n}\r\n)\r\nexport class MdcChip extends MdcComponent<MDCChipFoundation> {\r\n constructor(root: IMdcChipElement) {\r\n super(root);\r\n defineMdcChipElementApis(this.root);\r\n this.root.id = `mdc-chip-${++chipId}`;\r\n }\r\n\r\n _selected: boolean;\r\n /**\r\n * @return Whether the chip is selected.\r\n */\r\n get selected(): boolean {\r\n return this.foundation?.isActionSelected(MDCChipActionType.PRIMARY) ?? this._selected;\r\n }\r\n\r\n /** Sets selected state on the chip. */\r\n set selected(selected: boolean) {\r\n this._selected = selected;\r\n this.foundation?.setActionSelected(MDCChipActionType.PRIMARY, selected);\r\n }\r\n\r\n /** Marks the chip as disabled. */\r\n @bindable({ set: booleanAttr })\r\n disabled: boolean;\r\n\r\n /** Marks the chip as a filter chip. */\r\n @bindable({ set: booleanAttr })\r\n filter: boolean;\r\n filterChanged() {\r\n if (this.filter) {\r\n this.root.setAttribute('role', 'presentation');\r\n } else {\r\n this.root.setAttribute('role', 'row');\r\n }\r\n }\r\n\r\n @bindable()\r\n icon: string;\r\n\r\n actions: Map<MDCChipActionType, MdcChipAction>;\r\n\r\n beforeFoundationCreated() {\r\n this.actions = new Map();\r\n const primaryAction = CustomElement.for<MdcChipAction>(this.root.querySelector('.mdc-evolution-chip__action--primary')!).viewModel;\r\n this.actions.set(MDCChipActionType.PRIMARY, primaryAction);\r\n const trailingAction = this.root.querySelector('.mdc-evolution-chip__action--trailing');\r\n if (trailingAction) {\r\n this.actions.set(MDCChipActionType.TRAILING, CustomElement.for<MdcChipAction>(trailingAction).viewModel);\r\n }\r\n }\r\n\r\n initialSyncWithDOM() {\r\n this.filterChanged();\r\n if (this._selected !== undefined) {\r\n this.selected = this._selected;\r\n }\r\n }\r\n\r\n /** Set focus to the chip. */\r\n focus() {\r\n this.root.focus();\r\n }\r\n\r\n getDefaultFoundation() {\r\n // DO NOT INLINE this variable. For backward compatibility, foundations take\r\n // a Partial<MDCFooAdapter>. To ensure we don't accidentally omit any\r\n // methods, we need a separate, strongly typed adapter variable.\r\n const adapter: MDCChipAdapter = {\r\n addClass: (className) => {\r\n this.root.classList.add(className);\r\n },\r\n emitEvent: (eventName, eventDetail) => {\r\n this.emit(eventName, eventDetail, true /* shouldBubble */);\r\n },\r\n getActions: () => {\r\n const actions: MDCChipActionType[] = [];\r\n for (const [key] of this.actions) {\r\n actions.push(key);\r\n }\r\n return actions;\r\n },\r\n getAttribute: (attrName) => this.root.getAttribute(attrName),\r\n getElementID: () => this.root.id,\r\n getOffsetWidth: () => {\r\n return this.root.offsetWidth;\r\n },\r\n hasClass: (className) => this.root.classList.contains(className),\r\n isActionSelectable: (actionType: MDCChipActionType) => {\r\n const action = this.actions.get(actionType);\r\n if (action) {\r\n return action.selectable;\r\n }\r\n return false;\r\n },\r\n isActionSelected: (actionType: MDCChipActionType) => {\r\n const action = this.actions.get(actionType);\r\n if (action) {\r\n return action.selected;\r\n }\r\n return false;\r\n },\r\n isActionFocusable: (actionType: MDCChipActionType) => {\r\n const action = this.actions.get(actionType);\r\n if (action) {\r\n return action.isFocusable();\r\n }\r\n return false;\r\n },\r\n isActionDisabled: (actionType: MDCChipActionType) => {\r\n const action = this.actions.get(actionType);\r\n if (action) {\r\n return action.disabled;\r\n }\r\n return false;\r\n },\r\n isRTL: () => window.getComputedStyle(this.root).getPropertyValue(\r\n 'direction') === 'rtl',\r\n removeClass: (className) => {\r\n this.root.classList.remove(className);\r\n },\r\n setActionDisabled: (actionType: MDCChipActionType, isDisabled: boolean) => {\r\n const action = this.actions.get(actionType);\r\n if (action) {\r\n action.disabled = isDisabled;\r\n }\r\n },\r\n setActionFocus: (actionType: MDCChipActionType, behavior: MDCChipActionFocusBehavior) => {\r\n const action = this.actions.get(actionType);\r\n if (action) {\r\n action.setFocus(behavior);\r\n }\r\n },\r\n setActionSelected: (actionType: MDCChipActionType, isSelected: boolean) => {\r\n const action = this.actions.get(actionType);\r\n if (action) {\r\n if (action.selected !== isSelected) {\r\n action.selected = isSelected;\r\n }\r\n }\r\n },\r\n setStyleProperty: (prop: string, value: string) => {\r\n this.root.style.setProperty(prop, value);\r\n },\r\n };\r\n\r\n // Default to the primary foundation\r\n return new MDCChipFoundation(adapter);\r\n }\r\n\r\n handleActionInteraction(event: ActionInteractionEvent): void {\r\n this.foundation?.handleActionInteraction(event);\r\n this.emit('change', {}, true);\r\n }\r\n\r\n handleActionNavigation(event: ActionNavigationEvent): void {\r\n this.foundation?.handleActionNavigation(event);\r\n }\r\n\r\n handleAnimationEnd(event: AnimationEvent) {\r\n this.foundation?.handleAnimationEnd(event);\r\n }\r\n\r\n handleTransitionEnd() {\r\n this.foundation?.handleTransitionEnd();\r\n }\r\n\r\n getActions(): MDCChipActionType[] {\r\n return this.foundation?.getActions() ?? [];\r\n }\r\n\r\n getElementID(): string {\r\n return this.foundation?.getElementID() ?? '';\r\n }\r\n\r\n isActionFocusable(action: MDCChipActionType): boolean {\r\n return this.foundation!.isActionFocusable(action);\r\n }\r\n\r\n isActionSelectable(action: MDCChipActionType): boolean {\r\n return this.foundation!.isActionSelectable(action);\r\n }\r\n\r\n isActionSelected(action: MDCChipActionType): boolean {\r\n return this.foundation!.isActionSelected(action);\r\n }\r\n\r\n setActionFocus(action: MDCChipActionType, focus: MDCChipActionFocusBehavior) {\r\n this.foundation!.setActionFocus(action, focus);\r\n }\r\n\r\n setActionSelected(action: MDCChipActionType, isSelected: boolean) {\r\n this.foundation!.setActionSelected(action, isSelected);\r\n }\r\n\r\n startAnimation(animation: MDCChipAnimation) {\r\n this.foundation!.startAnimation(animation);\r\n }\r\n\r\n remove() {\r\n const parent = this.root.parentNode;\r\n if (parent !== null) {\r\n parent.removeChild(this.root);\r\n }\r\n }\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcChipElement extends HTMLElement {\r\n $au: {\r\n 'au:resource:custom-element': {\r\n viewModel: MdcChip;\r\n };\r\n };\r\n}\r\n\r\nfunction defineMdcChipElementApis(element: HTMLElement) {\r\n Object.defineProperties(element, {\r\n type: {\r\n value: 'checkbox',\r\n },\r\n checked: {\r\n get(this: IMdcChipElement) {\r\n const chip = CustomElement.for<MdcChip>(this).viewModel;\r\n return chip.selected;\r\n },\r\n set(this: IMdcChipElement, value: boolean) {\r\n CustomElement.for<MdcChip>(this).viewModel.selected = value;\r\n },\r\n configurable: true\r\n },\r\n focus: {\r\n value(this: IMdcChipElement) {\r\n CustomElement.for<MdcChip>(this).viewModel.focus();\r\n },\r\n configurable: true\r\n }\r\n });\r\n}\r\n"]}
|
|
1
|
+
{"version":3,"file":"mdc-chip.js","sourceRoot":"","sources":["../../../src/chips/mdc-chip/mdc-chip.ts"],"names":[],"mappings":"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","sourcesContent":["import { inject, customElement, INode, IPlatform, bindable } from 'aurelia';\r\nimport { MdcComponent, booleanAttr } from '../../base';\r\nimport { processContent, CustomElement } from '@aurelia/runtime-html';\r\nimport { MdcChipAction } from '../mdc-chip-action/mdc-chip-action';\r\nimport { MDCChipFoundation } from '@material/chips/chip/foundation';\r\nimport { MDCChipEvents, MDCChipAdapter, MDCChipActionType, MDCChipActionFocusBehavior, MDCChipAnimation } from '@material/chips';\r\nimport { ActionInteractionEvent, ActionNavigationEvent } from '@material/chips/chip/types';\r\nimport template from './mdc-chip.html?raw';\r\n\r\n(MDCChipEvents as Record<string, string>).INTERACTION = MDCChipEvents.INTERACTION.toLowerCase();\r\n(MDCChipEvents as Record<string, string>).ANIMATION = MDCChipEvents.ANIMATION.toLowerCase();\r\n(MDCChipEvents as Record<string, string>).NAVIGATION = MDCChipEvents.NAVIGATION.toLowerCase();\r\n\r\nlet chipId = 0;\r\n\r\n/**\r\n * @selector mdc-chip\r\n * @emits mdcchip:interaction | Indicates the chip was interacted with (via click/tap or Enter key)\r\n * @emits mdcchip:removal | Indicates the chip removal event from a chip set\r\n * @emits mdcchip:selection | Indicates a selection event has occurred on a chip\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-chip', template })\r\n@processContent(function processContent(node: INode, platform: IPlatform) {\r\n const element = node as HTMLElement;\r\n\r\n const primaryAction = element.querySelector('[as-element=\"mdc-chip-action\"]:not([trailing])');\r\n if (primaryAction) {\r\n primaryAction.setAttribute('au-slot', 'primary-action');\r\n primaryAction.remove();\r\n }\r\n\r\n const trailingAction = element.querySelector('[as-element=\"mdc-chip-action\"][trailing]');\r\n if (trailingAction) {\r\n trailingAction.setAttribute('au-slot', trailingAction.hasAttribute('non-navigable') ? 'non-navigable-trailing-action' : 'trailing-action');\r\n trailingAction.remove();\r\n }\r\n\r\n const template = platform.document.createElement('template');\r\n template.setAttribute('au-slot', '');\r\n template.innerHTML = element.innerHTML;\r\n element.innerHTML = '';\r\n element.appendChild(template);\r\n\r\n if (primaryAction) {\r\n element.appendChild(primaryAction);\r\n }\r\n if (trailingAction) {\r\n element.appendChild(trailingAction);\r\n }\r\n}\r\n)\r\nexport class MdcChip extends MdcComponent<MDCChipFoundation> {\r\n constructor(root: IMdcChipElement) {\r\n super(root);\r\n defineMdcChipElementApis(this.root);\r\n this.root.id = `mdc-chip-${++chipId}`;\r\n }\r\n\r\n _selected: boolean;\r\n /**\r\n * @return Whether the chip is selected.\r\n */\r\n get selected(): boolean {\r\n return this.foundation?.isActionSelected(MDCChipActionType.PRIMARY) ?? this._selected;\r\n }\r\n\r\n /** Sets selected state on the chip. */\r\n set selected(selected: boolean) {\r\n this._selected = selected;\r\n this.foundation?.setActionSelected(MDCChipActionType.PRIMARY, selected);\r\n }\r\n\r\n /** Marks the chip as disabled. */\r\n @bindable({ set: booleanAttr })\r\n disabled: boolean;\r\n\r\n /** Marks the chip as a filter chip. */\r\n @bindable({ set: booleanAttr })\r\n filter: boolean;\r\n filterChanged() {\r\n if (this.filter) {\r\n this.root.setAttribute('role', 'presentation');\r\n } else {\r\n this.root.setAttribute('role', 'row');\r\n }\r\n }\r\n\r\n @bindable()\r\n icon: string;\r\n\r\n actions: Map<MDCChipActionType, MdcChipAction>;\r\n\r\n beforeFoundationCreated() {\r\n this.actions = new Map();\r\n const primaryAction = CustomElement.for<MdcChipAction>(this.root.querySelector('.mdc-evolution-chip__action--primary')!).viewModel;\r\n this.actions.set(MDCChipActionType.PRIMARY, primaryAction);\r\n const trailingAction = this.root.querySelector('.mdc-evolution-chip__action--trailing');\r\n if (trailingAction) {\r\n this.actions.set(MDCChipActionType.TRAILING, CustomElement.for<MdcChipAction>(trailingAction).viewModel);\r\n }\r\n }\r\n\r\n initialSyncWithDOM() {\r\n this.filterChanged();\r\n if (this._selected !== undefined) {\r\n this.selected = this._selected;\r\n }\r\n }\r\n\r\n /** Set focus to the chip. */\r\n focus() {\r\n this.root.focus();\r\n }\r\n\r\n getDefaultFoundation() {\r\n // DO NOT INLINE this variable. For backward compatibility, foundations take\r\n // a Partial<MDCFooAdapter>. To ensure we don't accidentally omit any\r\n // methods, we need a separate, strongly typed adapter variable.\r\n const adapter: MDCChipAdapter = {\r\n addClass: (className) => {\r\n this.root.classList.add(className);\r\n },\r\n emitEvent: (eventName, eventDetail) => {\r\n this.emit(eventName, eventDetail, true /* shouldBubble */);\r\n },\r\n getActions: () => {\r\n const actions: MDCChipActionType[] = [];\r\n for (const [key] of this.actions) {\r\n actions.push(key);\r\n }\r\n return actions;\r\n },\r\n getAttribute: (attrName) => this.root.getAttribute(attrName),\r\n getElementID: () => this.root.id,\r\n getOffsetWidth: () => {\r\n return this.root.offsetWidth;\r\n },\r\n hasClass: (className) => this.root.classList.contains(className),\r\n isActionSelectable: (actionType: MDCChipActionType) => {\r\n const action = this.actions.get(actionType);\r\n if (action) {\r\n return action.selectable;\r\n }\r\n return false;\r\n },\r\n isActionSelected: (actionType: MDCChipActionType) => {\r\n const action = this.actions.get(actionType);\r\n if (action) {\r\n return action.selected;\r\n }\r\n return false;\r\n },\r\n isActionFocusable: (actionType: MDCChipActionType) => {\r\n const action = this.actions.get(actionType);\r\n if (action) {\r\n return action.isFocusable();\r\n }\r\n return false;\r\n },\r\n isActionDisabled: (actionType: MDCChipActionType) => {\r\n const action = this.actions.get(actionType);\r\n if (action) {\r\n return action.disabled;\r\n }\r\n return false;\r\n },\r\n isRTL: () => window.getComputedStyle(this.root).getPropertyValue(\r\n 'direction') === 'rtl',\r\n removeClass: (className) => {\r\n this.root.classList.remove(className);\r\n },\r\n setActionDisabled: (actionType: MDCChipActionType, isDisabled: boolean) => {\r\n const action = this.actions.get(actionType);\r\n if (action) {\r\n action.disabled = isDisabled;\r\n }\r\n },\r\n setActionFocus: (actionType: MDCChipActionType, behavior: MDCChipActionFocusBehavior) => {\r\n const action = this.actions.get(actionType);\r\n if (action) {\r\n action.setFocus(behavior);\r\n }\r\n },\r\n setActionSelected: (actionType: MDCChipActionType, isSelected: boolean) => {\r\n const action = this.actions.get(actionType);\r\n if (action) {\r\n if (action.selected !== isSelected) {\r\n action.selected = isSelected;\r\n }\r\n }\r\n },\r\n setStyleProperty: (prop: string, value: string) => {\r\n this.root.style.setProperty(prop, value);\r\n },\r\n };\r\n\r\n // Default to the primary foundation\r\n return new MDCChipFoundation(adapter);\r\n }\r\n\r\n handleActionInteraction(event: ActionInteractionEvent): void {\r\n this.foundation?.handleActionInteraction(event);\r\n this.emit('change', {}, true);\r\n }\r\n\r\n handleActionNavigation(event: ActionNavigationEvent): void {\r\n this.foundation?.handleActionNavigation(event);\r\n }\r\n\r\n handleAnimationEnd(event: AnimationEvent) {\r\n this.foundation?.handleAnimationEnd(event);\r\n }\r\n\r\n handleTransitionEnd() {\r\n this.foundation?.handleTransitionEnd();\r\n }\r\n\r\n getActions(): MDCChipActionType[] {\r\n return this.foundation?.getActions() ?? [];\r\n }\r\n\r\n getElementID(): string {\r\n return this.foundation?.getElementID() ?? '';\r\n }\r\n\r\n isActionFocusable(action: MDCChipActionType): boolean {\r\n return this.foundation!.isActionFocusable(action);\r\n }\r\n\r\n isActionSelectable(action: MDCChipActionType): boolean {\r\n return this.foundation!.isActionSelectable(action);\r\n }\r\n\r\n isActionSelected(action: MDCChipActionType): boolean {\r\n return this.foundation!.isActionSelected(action);\r\n }\r\n\r\n setActionFocus(action: MDCChipActionType, focus: MDCChipActionFocusBehavior) {\r\n this.foundation!.setActionFocus(action, focus);\r\n }\r\n\r\n setActionSelected(action: MDCChipActionType, isSelected: boolean) {\r\n this.foundation!.setActionSelected(action, isSelected);\r\n }\r\n\r\n startAnimation(animation: MDCChipAnimation) {\r\n this.foundation!.startAnimation(animation);\r\n }\r\n\r\n remove() {\r\n const parent = this.root.parentNode;\r\n if (parent !== null) {\r\n parent.removeChild(this.root);\r\n }\r\n }\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcChipElement extends HTMLElement {\r\n $au: {\r\n 'au:resource:custom-element': {\r\n viewModel: MdcChip;\r\n };\r\n };\r\n}\r\n\r\nfunction defineMdcChipElementApis(element: HTMLElement) {\r\n Object.defineProperties(element, {\r\n type: {\r\n value: 'checkbox',\r\n },\r\n checked: {\r\n get(this: IMdcChipElement) {\r\n const chip = CustomElement.for<MdcChip>(this).viewModel;\r\n return chip.selected;\r\n },\r\n set(this: IMdcChipElement, value: boolean) {\r\n CustomElement.for<MdcChip>(this).viewModel.selected = value;\r\n },\r\n configurable: true\r\n },\r\n focus: {\r\n value(this: IMdcChipElement) {\r\n CustomElement.for<MdcChip>(this).viewModel.focus();\r\n },\r\n configurable: true\r\n }\r\n });\r\n}\r\n"]}
|
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.EnhanceMdcChipAction = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const aurelia_1 = require("aurelia");
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { templateCompilerHooks } from 'aurelia';
|
|
6
3
|
let EnhanceMdcChipAction = (() => {
|
|
7
|
-
let _classDecorators = [
|
|
4
|
+
let _classDecorators = [templateCompilerHooks];
|
|
8
5
|
let _classDescriptor;
|
|
9
6
|
let _classExtraInitializers = [];
|
|
10
7
|
let _classThis;
|
|
@@ -12,10 +9,10 @@ let EnhanceMdcChipAction = (() => {
|
|
|
12
9
|
static { _classThis = this; }
|
|
13
10
|
static {
|
|
14
11
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
|
|
15
|
-
|
|
12
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
16
13
|
EnhanceMdcChipAction = _classThis = _classDescriptor.value;
|
|
17
14
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
18
|
-
|
|
15
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
19
16
|
}
|
|
20
17
|
compiling(template) {
|
|
21
18
|
template.innerHTML = template.innerHTML.replaceAll('mdc-chip-action=""', 'as-element="mdc-chip-action"');
|
|
@@ -23,5 +20,5 @@ let EnhanceMdcChipAction = (() => {
|
|
|
23
20
|
};
|
|
24
21
|
return EnhanceMdcChipAction = _classThis;
|
|
25
22
|
})();
|
|
26
|
-
|
|
23
|
+
export { EnhanceMdcChipAction };
|
|
27
24
|
//# sourceMappingURL=enhance-mdc-chip-action.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"enhance-mdc-chip-action.js","sourceRoot":"","sources":["../../../src/chips/mdc-chip-action/enhance-mdc-chip-action.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"enhance-mdc-chip-action.js","sourceRoot":"","sources":["../../../src/chips/mdc-chip-action/enhance-mdc-chip-action.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;IAGnC,oBAAoB;4BADhC,qBAAqB;;;;;;;;YACtB,6KAIC;;;YAJY,uDAAoB;;QAC/B,SAAS,CAAC,QAA2C;YACnD,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,oBAAoB,EAAC,8BAA8B,CAAC,CAAC;QAC1G,CAAC;;;;SAHU,oBAAoB","sourcesContent":["import { templateCompilerHooks } from 'aurelia';\r\n\r\n@templateCompilerHooks\r\nexport class EnhanceMdcChipAction {\r\n compiling(template: HTMLElement | HTMLTemplateElement) {\r\n template.innerHTML = template.innerHTML.replaceAll('mdc-chip-action=\"\"','as-element=\"mdc-chip-action\"');\r\n }\r\n}\r\n"]}
|