@aurelia-mdc-web/all 9.3.3-au2 → 9.3.5-au2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/alert/alert-configuration.js +5 -9
- package/dist/alert/alert-configuration.js.map +1 -1
- package/dist/alert/alert-modal/alert-modal.js +8 -11
- package/dist/alert/alert-modal/alert-modal.js.map +1 -1
- package/dist/alert/alert-modal/alert-modal.scss +10 -0
- package/dist/alert/alert-modal/i-alert-modal-payload.js +8 -7
- package/dist/alert/alert-modal/i-alert-modal-payload.js.map +1 -1
- package/dist/alert/alert-service.js +52 -37
- package/dist/alert/alert-service.js.map +1 -1
- package/dist/alert/decorators/confirm-action.js +1 -4
- package/dist/alert/decorators/confirm-action.js.map +1 -1
- package/dist/alert/decorators/using-progress.js +1 -4
- package/dist/alert/decorators/using-progress.js.map +1 -1
- package/dist/alert/exceptions-tracker.js +1 -5
- package/dist/alert/exceptions-tracker.js.map +1 -1
- package/dist/alert/global-progress/global-progress.js +24 -27
- package/dist/alert/global-progress/global-progress.js.map +1 -1
- package/dist/alert/global-progress/global-progress.scss +38 -0
- package/dist/alert/prompt-dialog/prompt-dialog.js +9 -12
- package/dist/alert/prompt-dialog/prompt-dialog.js.map +1 -1
- package/dist/banner/mdc-banner.js +42 -45
- package/dist/banner/mdc-banner.js.map +1 -1
- package/dist/base/attributes/mdc-focus-trap.js +22 -25
- package/dist/base/attributes/mdc-focus-trap.js.map +1 -1
- package/dist/base/elements/i-validated-element.js +1 -2
- package/dist/base/elements/mdc-promisify-reference.js +13 -16
- package/dist/base/elements/mdc-promisify-reference.js.map +1 -1
- package/dist/base/index.js +9 -21
- package/dist/base/index.js.map +1 -1
- package/dist/base/interceptors.js +5 -12
- package/dist/base/interceptors.js.map +1 -1
- package/dist/base/material-palette.js +1 -4
- package/dist/base/material-palette.js.map +1 -1
- package/dist/base/mdc-component.js +1 -5
- package/dist/base/mdc-component.js.map +1 -1
- package/dist/base/next-element.js +1 -4
- package/dist/base/next-element.js.map +1 -1
- package/dist/button/enhance-mdc-button.js +6 -9
- package/dist/button/enhance-mdc-button.js.map +1 -1
- package/dist/button/mdc-button-label.js +6 -9
- package/dist/button/mdc-button-label.js.map +1 -1
- package/dist/button/mdc-button.js +27 -30
- package/dist/button/mdc-button.js.map +1 -1
- package/dist/card/mdc-card-action-buttons.js +6 -9
- package/dist/card/mdc-card-action-buttons.js.map +1 -1
- package/dist/card/mdc-card-action-icons.js +6 -9
- package/dist/card/mdc-card-action-icons.js.map +1 -1
- package/dist/card/mdc-card-actions/mdc-card-actions.js +12 -15
- package/dist/card/mdc-card-actions/mdc-card-actions.js.map +1 -1
- package/dist/card/mdc-card-media/mdc-card-media.js +15 -18
- package/dist/card/mdc-card-media/mdc-card-media.js.map +1 -1
- package/dist/card/mdc-card-primary-action.js +12 -15
- package/dist/card/mdc-card-primary-action.js.map +1 -1
- package/dist/card/mdc-card.js +12 -15
- package/dist/card/mdc-card.js.map +1 -1
- package/dist/checkbox/mdc-checkbox.js +35 -38
- package/dist/checkbox/mdc-checkbox.js.map +1 -1
- package/dist/chips/mdc-chip/mdc-chip.js +34 -37
- package/dist/chips/mdc-chip/mdc-chip.js.map +1 -1
- package/dist/chips/mdc-chip-action/enhance-mdc-chip-action.js +6 -9
- package/dist/chips/mdc-chip-action/enhance-mdc-chip-action.js.map +1 -1
- package/dist/chips/mdc-chip-action/mdc-chip-action.js +37 -40
- package/dist/chips/mdc-chip-action/mdc-chip-action.js.map +1 -1
- package/dist/chips/mdc-chip-set/mdc-chip-set.js +24 -27
- package/dist/chips/mdc-chip-set/mdc-chip-set.js.map +1 -1
- package/dist/chips/styles/_index.scss +1 -0
- package/dist/chips/styles/mdc-chips.import.scss +1 -0
- package/dist/chips/styles/mdc-chips.scss +11 -0
- package/dist/circular-progress/mdc-circular-progress.js +22 -25
- package/dist/circular-progress/mdc-circular-progress.js.map +1 -1
- package/dist/circular-progress/styles/_index.scss +1 -0
- package/dist/circular-progress/styles/mdc-circular-progress.import.scss +1 -0
- package/dist/circular-progress/styles/mdc-circular-progress.scss +14 -0
- package/dist/data-table/mdc-data-table-row.js +10 -13
- package/dist/data-table/mdc-data-table-row.js.map +1 -1
- package/dist/data-table/mdc-data-table.js +88 -91
- package/dist/data-table/mdc-data-table.js.map +1 -1
- package/dist/data-table/styles/_index.scss +1 -0
- package/dist/data-table/styles/mdc-data-table.import.scss +1 -0
- package/dist/data-table/styles/mdc-data-table.scss +64 -0
- package/dist/dialog/mdc-dialog-actions.js +10 -13
- package/dist/dialog/mdc-dialog-actions.js.map +1 -1
- package/dist/dialog/mdc-dialog-content.js +6 -9
- package/dist/dialog/mdc-dialog-content.js.map +1 -1
- package/dist/dialog/mdc-dialog-service.js +13 -17
- package/dist/dialog/mdc-dialog-service.js.map +1 -1
- package/dist/dialog/mdc-dialog-title.js +6 -9
- package/dist/dialog/mdc-dialog-title.js.map +1 -1
- package/dist/dialog/mdc-dialog.js +46 -49
- package/dist/dialog/mdc-dialog.js.map +1 -1
- package/dist/drawer/mdc-drawer-app-content.js +6 -9
- package/dist/drawer/mdc-drawer-app-content.js.map +1 -1
- package/dist/drawer/mdc-drawer-content.js +6 -9
- package/dist/drawer/mdc-drawer-content.js.map +1 -1
- package/dist/drawer/mdc-drawer-header/mdc-drawer-header.js +14 -17
- package/dist/drawer/mdc-drawer-header/mdc-drawer-header.js.map +1 -1
- package/dist/drawer/mdc-drawer.js +21 -24
- package/dist/drawer/mdc-drawer.js.map +1 -1
- package/dist/drawer/styles/_index.scss +1 -0
- package/dist/drawer/styles/mdc-drawer.import.scss +1 -0
- package/dist/drawer/styles/mdc-drawer.scss +0 -0
- package/dist/elevation/mdc-elevation.js +6 -9
- package/dist/elevation/mdc-elevation.js.map +1 -1
- package/dist/expandable/mdc-expandable.js +17 -20
- package/dist/expandable/mdc-expandable.js.map +1 -1
- package/dist/expandable/styles/_icon-variables.scss +3 -0
- package/dist/expandable/styles/_index.scss +1 -0
- package/dist/expandable/styles/_mixins.scss +287 -0
- package/dist/expandable/styles/_variables.scss +17 -0
- package/dist/expandable/styles/mdc-expandable.import.scss +1 -0
- package/dist/expandable/styles/mdc-expandable.scss +3 -0
- package/dist/fab/enhance-mdc-fab.js +6 -9
- package/dist/fab/enhance-mdc-fab.js.map +1 -1
- package/dist/fab/mdc-fab-icon.js +6 -9
- package/dist/fab/mdc-fab-icon.js.map +1 -1
- package/dist/fab/mdc-fab.js +30 -33
- package/dist/fab/mdc-fab.js.map +1 -1
- package/dist/floating-label/mdc-floating-label.js +13 -16
- package/dist/floating-label/mdc-floating-label.js.map +1 -1
- package/dist/form-field/mdc-form-field.js +24 -27
- package/dist/form-field/mdc-form-field.js.map +1 -1
- package/dist/icon/mdc-icon.js +7 -10
- package/dist/icon/mdc-icon.js.map +1 -1
- package/dist/icon-button/enhance-mdc-icon-button.js +6 -9
- package/dist/icon-button/enhance-mdc-icon-button.js.map +1 -1
- package/dist/icon-button/mdc-icon-button-icon/mdc-icon-button-icon.js +15 -18
- package/dist/icon-button/mdc-icon-button-icon/mdc-icon-button-icon.js.map +1 -1
- package/dist/icon-button/mdc-icon-button.js +25 -28
- package/dist/icon-button/mdc-icon-button.js.map +1 -1
- package/dist/image-list/mdc-image-list-item/mdc-image-list-item.js +19 -22
- package/dist/image-list/mdc-image-list-item/mdc-image-list-item.js.map +1 -1
- package/dist/image-list/mdc-image-list.js +18 -21
- package/dist/image-list/mdc-image-list.js.map +1 -1
- package/dist/image-list/styles/_index.scss +1 -0
- package/dist/image-list/styles/mdc-image-list.import.scss +1 -0
- package/dist/image-list/styles/mdc-image-list.scss +7 -0
- package/dist/index.js +151 -297
- package/dist/index.js.map +1 -1
- package/dist/layout-grid/mdc-layout-grid-cell/mdc-layout-grid-cell.js +33 -36
- package/dist/layout-grid/mdc-layout-grid-cell/mdc-layout-grid-cell.js.map +1 -1
- package/dist/layout-grid/mdc-layout-grid-inner.js +6 -9
- package/dist/layout-grid/mdc-layout-grid-inner.js.map +1 -1
- package/dist/layout-grid/mdc-layout-grid.js +30 -33
- package/dist/layout-grid/mdc-layout-grid.js.map +1 -1
- package/dist/layout-grid/styles/_index.scss +1 -0
- package/dist/layout-grid/styles/mdc-layout-grid.import.scss +1 -0
- package/dist/layout-grid/styles/mdc-layout-grid.scss +11 -0
- package/dist/line-ripple/mdc-line-ripple.js +10 -13
- package/dist/line-ripple/mdc-line-ripple.js.map +1 -1
- package/dist/linear-progress/mdc-linear-progress.js +23 -26
- package/dist/linear-progress/mdc-linear-progress.js.map +1 -1
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-divider/mdc-deprecated-list-divider.js +15 -18
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-divider/mdc-deprecated-list-divider.js.map +1 -1
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-group.js +14 -17
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-group.js.map +1 -1
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item/enhance-mdc-deprecated-list-item.js +6 -9
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item/enhance-mdc-deprecated-list-item.js.map +1 -1
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item-graphic.js +6 -9
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item-graphic.js.map +1 -1
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item-meta.js +6 -9
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item-meta.js.map +1 -1
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item.js +25 -28
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item.js.map +1 -1
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item-primary-text.js +6 -9
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item-primary-text.js.map +1 -1
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item-secondary-text.js +6 -9
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list-item-secondary-text.js.map +1 -1
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list.js +75 -78
- package/dist/list/mdc-deprecated-list/mdc-deprecated-list.js.map +1 -1
- package/dist/list/mdc-list-divider/mdc-list-divider.js +18 -21
- package/dist/list/mdc-list-divider/mdc-list-divider.js.map +1 -1
- package/dist/list/mdc-list-group.js +14 -17
- package/dist/list/mdc-list-group.js.map +1 -1
- package/dist/list/mdc-list-item/enhance-mdc-list-item.js +6 -9
- package/dist/list/mdc-list-item/enhance-mdc-list-item.js.map +1 -1
- package/dist/list/mdc-list-item/mdc-list-item-leading.js +6 -9
- package/dist/list/mdc-list-item/mdc-list-item-leading.js.map +1 -1
- package/dist/list/mdc-list-item/mdc-list-item-trailing.js +6 -9
- package/dist/list/mdc-list-item/mdc-list-item-trailing.js.map +1 -1
- package/dist/list/mdc-list-item/mdc-list-item.js +37 -40
- package/dist/list/mdc-list-item/mdc-list-item.js.map +1 -1
- package/dist/list/mdc-list-item-overline-text.js +6 -9
- package/dist/list/mdc-list-item-overline-text.js.map +1 -1
- package/dist/list/mdc-list-item-primary-text.js +6 -9
- package/dist/list/mdc-list-item-primary-text.js.map +1 -1
- package/dist/list/mdc-list-item-secondary-text.js +6 -9
- package/dist/list/mdc-list-item-secondary-text.js.map +1 -1
- package/dist/list/mdc-list.js +55 -58
- package/dist/list/mdc-list.js.map +1 -1
- package/dist/list/styles/_index.scss +1 -0
- package/dist/list/styles/mdc-list.import.scss +1 -0
- package/dist/list/styles/mdc-list.scss +6 -0
- package/dist/lookup/discardable-promise.js +1 -5
- package/dist/lookup/discardable-promise.js.map +1 -1
- package/dist/lookup/mdc-lookup-configuration.js +1 -5
- package/dist/lookup/mdc-lookup-configuration.js.map +1 -1
- package/dist/lookup/mdc-lookup.js +66 -69
- package/dist/lookup/mdc-lookup.js.map +1 -1
- package/dist/mdc-configuration.js +11 -15
- package/dist/mdc-configuration.js.map +1 -1
- package/dist/menu/mdc-menu-selection-group-icon.js +6 -9
- package/dist/menu/mdc-menu-selection-group-icon.js.map +1 -1
- package/dist/menu/mdc-menu-selection-group.js +6 -9
- package/dist/menu/mdc-menu-selection-group.js.map +1 -1
- package/dist/menu/mdc-menu.js +68 -71
- package/dist/menu/mdc-menu.js.map +1 -1
- package/dist/menu-surface/mdc-menu-surface-anchor.js +8 -11
- package/dist/menu-surface/mdc-menu-surface-anchor.js.map +1 -1
- package/dist/menu-surface/mdc-menu-surface.js +58 -61
- package/dist/menu-surface/mdc-menu-surface.js.map +1 -1
- package/dist/notched-outline/mdc-notched-outline.js +17 -20
- package/dist/notched-outline/mdc-notched-outline.js.map +1 -1
- package/dist/radio/mdc-radio.js +24 -27
- package/dist/radio/mdc-radio.js.map +1 -1
- package/dist/ripple/mdc-ripple.js +48 -51
- package/dist/ripple/mdc-ripple.js.map +1 -1
- package/dist/ripple/styles/_index.scss +1 -0
- package/dist/ripple/styles/mdc-ripple.import.scss +1 -0
- package/dist/ripple/styles/mdc-ripple.scss +10 -0
- package/dist/segmented-button/mdc-segmented-button-segment/enhance-mdc-segmented-button-segment.js +6 -9
- package/dist/segmented-button/mdc-segmented-button-segment/enhance-mdc-segmented-button-segment.js.map +1 -1
- package/dist/segmented-button/mdc-segmented-button-segment/mdc-segmented-button-segment.js +24 -27
- package/dist/segmented-button/mdc-segmented-button-segment/mdc-segmented-button-segment.js.map +1 -1
- package/dist/segmented-button/mdc-segmented-button.js +21 -24
- package/dist/segmented-button/mdc-segmented-button.js.map +1 -1
- package/dist/select/mdc-default-select-configuration.js +1 -5
- package/dist/select/mdc-default-select-configuration.js.map +1 -1
- package/dist/select/mdc-select-adapter-aurelia.js +1 -2
- package/dist/select/mdc-select-adapter-aurelia.js.map +1 -1
- package/dist/select/mdc-select-foundation-aurelia.js +43 -47
- package/dist/select/mdc-select-foundation-aurelia.js.map +1 -1
- package/dist/select/mdc-select-helper-text/mdc-select-helper-text.js +24 -27
- package/dist/select/mdc-select-helper-text/mdc-select-helper-text.js.map +1 -1
- package/dist/select/mdc-select-icon.js +13 -16
- package/dist/select/mdc-select-icon.js.map +1 -1
- package/dist/select/mdc-select-value-observer.js +11 -14
- package/dist/select/mdc-select-value-observer.js.map +1 -1
- package/dist/select/mdc-select.js +64 -67
- package/dist/select/mdc-select.js.map +1 -1
- package/dist/slider/mdc-slider-foundation-aurelia.js +2 -6
- package/dist/slider/mdc-slider-foundation-aurelia.js.map +1 -1
- package/dist/slider/mdc-slider.js +76 -79
- package/dist/slider/mdc-slider.js.map +1 -1
- package/dist/slider/styles/_index.scss +1 -0
- package/dist/slider/styles/mdc-slider.import.scss +1 -0
- package/dist/slider/styles/mdc-slider.scss +8 -0
- package/dist/snackbar/mdc-snackbar-service.js +4 -8
- package/dist/snackbar/mdc-snackbar-service.js.map +1 -1
- package/dist/snackbar/mdc-snackbar.js +52 -55
- package/dist/snackbar/mdc-snackbar.js.map +1 -1
- package/dist/switch/enhance-mdc-switch.js +6 -9
- package/dist/switch/enhance-mdc-switch.js.map +1 -1
- package/dist/switch/mdc-switch.js +13 -16
- package/dist/switch/mdc-switch.js.map +1 -1
- package/dist/tab-bar/indicator/mdc-tab-indicator.js +23 -26
- package/dist/tab-bar/indicator/mdc-tab-indicator.js.map +1 -1
- package/dist/tab-bar/mdc-tab-bar.js +26 -29
- package/dist/tab-bar/mdc-tab-bar.js.map +1 -1
- package/dist/tab-bar/scroller/mdc-tab-scroller.js +22 -25
- package/dist/tab-bar/scroller/mdc-tab-scroller.js.map +1 -1
- package/dist/tab-bar/tab/mdc-tab.js +41 -44
- package/dist/tab-bar/tab/mdc-tab.js.map +1 -1
- package/dist/text-field/enhance-mdc-text-field.js +6 -9
- package/dist/text-field/enhance-mdc-text-field.js.map +1 -1
- package/dist/text-field/mdc-default-text-field-configuration.js +1 -5
- package/dist/text-field/mdc-default-text-field-configuration.js.map +1 -1
- package/dist/text-field/mdc-inputmask.js +12 -15
- package/dist/text-field/mdc-inputmask.js.map +1 -1
- package/dist/text-field/mdc-text-field-character-counter.js +10 -13
- package/dist/text-field/mdc-text-field-character-counter.js.map +1 -1
- package/dist/text-field/mdc-text-field-helper-line/mdc-text-field-helper-line.js +11 -14
- package/dist/text-field/mdc-text-field-helper-line/mdc-text-field-helper-line.js.map +1 -1
- package/dist/text-field/mdc-text-field-helper-text/mdc-text-field-helper-text.js +19 -22
- package/dist/text-field/mdc-text-field-helper-text/mdc-text-field-helper-text.js.map +1 -1
- package/dist/text-field/mdc-text-field-icon.js +19 -22
- package/dist/text-field/mdc-text-field-icon.js.map +1 -1
- package/dist/text-field/mdc-text-field.js +109 -112
- package/dist/text-field/mdc-text-field.js.map +1 -1
- package/dist/text-field/styles/_index.scss +1 -0
- package/dist/text-field/styles/mdc-text-field.import.scss +1 -0
- package/dist/text-field/styles/mdc-text-field.scss +8 -0
- package/dist/tooltip/mdc-default-tooltip-configuration.js +1 -5
- package/dist/tooltip/mdc-default-tooltip-configuration.js.map +1 -1
- package/dist/tooltip/mdc-tooltip-attribute.js +36 -39
- package/dist/tooltip/mdc-tooltip-attribute.js.map +1 -1
- package/dist/tooltip/mdc-tooltip.js +57 -60
- package/dist/tooltip/mdc-tooltip.js.map +1 -1
- package/dist/top-app-bar/enhance-top-app-bar-actions.js +6 -9
- package/dist/top-app-bar/enhance-top-app-bar-actions.js.map +1 -1
- package/dist/top-app-bar/mdc-top-app-bar-action-item.js +6 -9
- package/dist/top-app-bar/mdc-top-app-bar-action-item.js.map +1 -1
- package/dist/top-app-bar/mdc-top-app-bar-fixed-adjust.js +6 -9
- package/dist/top-app-bar/mdc-top-app-bar-fixed-adjust.js.map +1 -1
- package/dist/top-app-bar/mdc-top-app-bar-nav-icon.js +6 -9
- package/dist/top-app-bar/mdc-top-app-bar-nav-icon.js.map +1 -1
- package/dist/top-app-bar/mdc-top-app-bar-row.js +6 -9
- package/dist/top-app-bar/mdc-top-app-bar-row.js.map +1 -1
- package/dist/top-app-bar/mdc-top-app-bar-section/mdc-top-app-bar-section.js +12 -15
- package/dist/top-app-bar/mdc-top-app-bar-section/mdc-top-app-bar-section.js.map +1 -1
- package/dist/top-app-bar/mdc-top-app-bar-title.js +6 -9
- package/dist/top-app-bar/mdc-top-app-bar-title.js.map +1 -1
- package/dist/top-app-bar/mdc-top-app-bar.js +40 -43
- package/dist/top-app-bar/mdc-top-app-bar.js.map +1 -1
- package/dist/tree-view/i-tree-node.js +1 -2
- package/dist/tree-view/mdc-tree-node-meta.js +6 -9
- package/dist/tree-view/mdc-tree-node-meta.js.map +1 -1
- package/dist/tree-view/mdc-tree-node.js +6 -9
- package/dist/tree-view/mdc-tree-node.js.map +1 -1
- package/dist/tree-view/mdc-tree-view.js +25 -29
- package/dist/tree-view/mdc-tree-view.js.map +1 -1
- package/dist/tree-view/node-filter.js +6 -9
- package/dist/tree-view/node-filter.js.map +1 -1
- package/dist/tree-view/styles/_index.scss +1 -0
- package/dist/tree-view/styles/_mixins.scss +145 -0
- package/dist/tree-view/styles/_variables.scss +8 -0
- package/dist/tree-view/styles/mdc-tree-view.import.scss +1 -0
- package/dist/tree-view/styles/mdc-tree-view.scss +3 -0
- package/dist/types/alert/alert-modal/i-alert-modal-payload.d.ts +7 -2
- package/dist/types/index.d.ts +1 -0
- package/dist/typography/mdc-typography.js +57 -60
- package/dist/typography/mdc-typography.js.map +1 -1
- package/dist/validation/mdc-validation-controller-factory.js +6 -10
- package/dist/validation/mdc-validation-controller-factory.js.map +1 -1
- package/dist/validation/mdc-validation-result-presenter.js +1 -5
- package/dist/validation/mdc-validation-result-presenter.js.map +1 -1
- package/dist/validation/validate.js +1 -4
- package/dist/validation/validate.js.map +1 -1
- package/package.json +2 -2
- package/src/alert/alert-modal/i-alert-modal-payload.ts +14 -9
- package/src/alert/alert-service.ts +29 -10
- package/src/index.ts +1 -0
|
@@ -1,18 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
const ponyfill_1 = require("@material/dom/ponyfill");
|
|
8
|
-
const events_1 = require("@material/dom/events");
|
|
9
|
-
const aurelia_1 = require("aurelia");
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { MdcComponent, booleanAttr } from '../base';
|
|
3
|
+
import { MDCRippleFoundation, util } from '@material/ripple';
|
|
4
|
+
import { matches } from '@material/dom/ponyfill';
|
|
5
|
+
import { applyPassive } from '@material/dom/events';
|
|
6
|
+
import { customAttribute, bindable, inject } from 'aurelia';
|
|
10
7
|
let MdcRipple = (() => {
|
|
11
|
-
let _classDecorators = [
|
|
8
|
+
let _classDecorators = [inject(Element), customAttribute('mdc-ripple')];
|
|
12
9
|
let _classDescriptor;
|
|
13
10
|
let _classExtraInitializers = [];
|
|
14
11
|
let _classThis;
|
|
15
|
-
let _classSuper =
|
|
12
|
+
let _classSuper = MdcComponent;
|
|
16
13
|
let _input_decorators;
|
|
17
14
|
let _input_initializers = [];
|
|
18
15
|
let _input_extraInitializers = [];
|
|
@@ -44,41 +41,41 @@ let MdcRipple = (() => {
|
|
|
44
41
|
static { _classThis = this; }
|
|
45
42
|
static {
|
|
46
43
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
47
|
-
_input_decorators = [
|
|
48
|
-
_surface_decorators = [
|
|
49
|
-
_computeBoundingRect_decorators = [
|
|
50
|
-
_disabled_decorators = [
|
|
51
|
-
_unbounded_decorators = [
|
|
52
|
-
_activeSurface_decorators = [
|
|
53
|
-
_noClass_decorators = [
|
|
54
|
-
_primary_decorators = [
|
|
55
|
-
_accent_decorators = [
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
44
|
+
_input_decorators = [bindable()];
|
|
45
|
+
_surface_decorators = [bindable()];
|
|
46
|
+
_computeBoundingRect_decorators = [bindable()];
|
|
47
|
+
_disabled_decorators = [bindable({ set: booleanAttr })];
|
|
48
|
+
_unbounded_decorators = [bindable({ set: booleanAttr })];
|
|
49
|
+
_activeSurface_decorators = [bindable({ set: booleanAttr })];
|
|
50
|
+
_noClass_decorators = [bindable({ set: booleanAttr })];
|
|
51
|
+
_primary_decorators = [bindable({ set: booleanAttr })];
|
|
52
|
+
_accent_decorators = [bindable({ set: booleanAttr })];
|
|
53
|
+
__esDecorate(null, null, _input_decorators, { kind: "field", name: "input", static: false, private: false, access: { has: obj => "input" in obj, get: obj => obj.input, set: (obj, value) => { obj.input = value; } }, metadata: _metadata }, _input_initializers, _input_extraInitializers);
|
|
54
|
+
__esDecorate(null, null, _surface_decorators, { kind: "field", name: "surface", static: false, private: false, access: { has: obj => "surface" in obj, get: obj => obj.surface, set: (obj, value) => { obj.surface = value; } }, metadata: _metadata }, _surface_initializers, _surface_extraInitializers);
|
|
55
|
+
__esDecorate(null, null, _computeBoundingRect_decorators, { kind: "field", name: "computeBoundingRect", static: false, private: false, access: { has: obj => "computeBoundingRect" in obj, get: obj => obj.computeBoundingRect, set: (obj, value) => { obj.computeBoundingRect = value; } }, metadata: _metadata }, _computeBoundingRect_initializers, _computeBoundingRect_extraInitializers);
|
|
56
|
+
__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);
|
|
57
|
+
__esDecorate(null, null, _unbounded_decorators, { kind: "field", name: "unbounded", static: false, private: false, access: { has: obj => "unbounded" in obj, get: obj => obj.unbounded, set: (obj, value) => { obj.unbounded = value; } }, metadata: _metadata }, _unbounded_initializers, _unbounded_extraInitializers);
|
|
58
|
+
__esDecorate(null, null, _activeSurface_decorators, { kind: "field", name: "activeSurface", static: false, private: false, access: { has: obj => "activeSurface" in obj, get: obj => obj.activeSurface, set: (obj, value) => { obj.activeSurface = value; } }, metadata: _metadata }, _activeSurface_initializers, _activeSurface_extraInitializers);
|
|
59
|
+
__esDecorate(null, null, _noClass_decorators, { kind: "field", name: "noClass", static: false, private: false, access: { has: obj => "noClass" in obj, get: obj => obj.noClass, set: (obj, value) => { obj.noClass = value; } }, metadata: _metadata }, _noClass_initializers, _noClass_extraInitializers);
|
|
60
|
+
__esDecorate(null, null, _primary_decorators, { kind: "field", name: "primary", static: false, private: false, access: { has: obj => "primary" in obj, get: obj => obj.primary, set: (obj, value) => { obj.primary = value; } }, metadata: _metadata }, _primary_initializers, _primary_extraInitializers);
|
|
61
|
+
__esDecorate(null, null, _accent_decorators, { kind: "field", name: "accent", static: false, private: false, access: { has: obj => "accent" in obj, get: obj => obj.accent, set: (obj, value) => { obj.accent = value; } }, metadata: _metadata }, _accent_initializers, _accent_extraInitializers);
|
|
62
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
66
63
|
MdcRipple = _classThis = _classDescriptor.value;
|
|
67
64
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
68
|
-
|
|
65
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
69
66
|
}
|
|
70
|
-
input =
|
|
71
|
-
surface = (
|
|
72
|
-
computeBoundingRect = (
|
|
73
|
-
disabled = (
|
|
74
|
-
unbounded = (
|
|
67
|
+
input = __runInitializers(this, _input_initializers, void 0);
|
|
68
|
+
surface = (__runInitializers(this, _input_extraInitializers), __runInitializers(this, _surface_initializers, void 0));
|
|
69
|
+
computeBoundingRect = (__runInitializers(this, _surface_extraInitializers), __runInitializers(this, _computeBoundingRect_initializers, void 0));
|
|
70
|
+
disabled = (__runInitializers(this, _computeBoundingRect_extraInitializers), __runInitializers(this, _disabled_initializers, void 0));
|
|
71
|
+
unbounded = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _unbounded_initializers, void 0));
|
|
75
72
|
unboundedChanged() {
|
|
76
73
|
this.foundation?.setUnbounded(Boolean(this.unbounded));
|
|
77
74
|
}
|
|
78
|
-
activeSurface = (
|
|
79
|
-
noClass = (
|
|
80
|
-
primary = (
|
|
81
|
-
accent = (
|
|
75
|
+
activeSurface = (__runInitializers(this, _unbounded_extraInitializers), __runInitializers(this, _activeSurface_initializers, void 0));
|
|
76
|
+
noClass = (__runInitializers(this, _activeSurface_extraInitializers), __runInitializers(this, _noClass_initializers, void 0));
|
|
77
|
+
primary = (__runInitializers(this, _noClass_extraInitializers), __runInitializers(this, _primary_initializers, void 0));
|
|
78
|
+
accent = (__runInitializers(this, _primary_extraInitializers), __runInitializers(this, _accent_initializers, void 0));
|
|
82
79
|
attaching() {
|
|
83
80
|
if (!this.noClass) {
|
|
84
81
|
(this.surface ?? this.root).classList.add('mdc-ripple-surface');
|
|
@@ -103,35 +100,35 @@ let MdcRipple = (() => {
|
|
|
103
100
|
this.foundation?.layout();
|
|
104
101
|
}
|
|
105
102
|
getDefaultFoundation() {
|
|
106
|
-
return new
|
|
103
|
+
return new MDCRippleFoundation(this.createAdapter());
|
|
107
104
|
}
|
|
108
105
|
createAdapter() {
|
|
109
106
|
return {
|
|
110
107
|
addClass: (className) => (this.surface ?? this.root).classList.add(className),
|
|
111
|
-
browserSupportsCssVars: () =>
|
|
108
|
+
browserSupportsCssVars: () => util.supportsCssVariables(window),
|
|
112
109
|
computeBoundingRect: this.computeBoundingRect ?? (() => (this.surface ?? this.root).getBoundingClientRect()),
|
|
113
110
|
containsEventTarget: (target) => this.root.contains(target),
|
|
114
|
-
deregisterDocumentInteractionHandler: (evtType, handler) => document.documentElement.removeEventListener(evtType, handler,
|
|
111
|
+
deregisterDocumentInteractionHandler: (evtType, handler) => document.documentElement.removeEventListener(evtType, handler, applyPassive()),
|
|
115
112
|
deregisterInteractionHandler: (evtType, handler) => {
|
|
116
113
|
if (this.input) {
|
|
117
|
-
this.input.removeEventListener(evtType, handler,
|
|
114
|
+
this.input.removeEventListener(evtType, handler, applyPassive());
|
|
118
115
|
}
|
|
119
116
|
else {
|
|
120
|
-
this.root.removeEventListener(evtType, handler,
|
|
117
|
+
this.root.removeEventListener(evtType, handler, applyPassive());
|
|
121
118
|
}
|
|
122
119
|
},
|
|
123
120
|
deregisterResizeHandler: (handler) => window.removeEventListener('resize', handler),
|
|
124
121
|
getWindowPageOffset: () => ({ x: window.pageXOffset, y: window.pageYOffset }),
|
|
125
|
-
isSurfaceActive: () => this.activeSurface &&
|
|
122
|
+
isSurfaceActive: () => this.activeSurface && matches(this.input ?? this.root, ':active'),
|
|
126
123
|
isSurfaceDisabled: () => this.disabled,
|
|
127
124
|
isUnbounded: () => this.unbounded,
|
|
128
|
-
registerDocumentInteractionHandler: (evtType, handler) => document.documentElement.addEventListener(evtType, handler,
|
|
125
|
+
registerDocumentInteractionHandler: (evtType, handler) => document.documentElement.addEventListener(evtType, handler, applyPassive()),
|
|
129
126
|
registerInteractionHandler: (evtType, handler) => {
|
|
130
127
|
if (this.input) {
|
|
131
|
-
this.input.addEventListener(evtType, handler,
|
|
128
|
+
this.input.addEventListener(evtType, handler, applyPassive());
|
|
132
129
|
}
|
|
133
130
|
else {
|
|
134
|
-
this.root.addEventListener(evtType, handler,
|
|
131
|
+
this.root.addEventListener(evtType, handler, applyPassive());
|
|
135
132
|
}
|
|
136
133
|
},
|
|
137
134
|
registerResizeHandler: (handler) => window.addEventListener('resize', handler),
|
|
@@ -141,10 +138,10 @@ let MdcRipple = (() => {
|
|
|
141
138
|
}
|
|
142
139
|
constructor() {
|
|
143
140
|
super(...arguments);
|
|
144
|
-
|
|
141
|
+
__runInitializers(this, _accent_extraInitializers);
|
|
145
142
|
}
|
|
146
143
|
};
|
|
147
144
|
return MdcRipple = _classThis;
|
|
148
145
|
})();
|
|
149
|
-
|
|
146
|
+
export { MdcRipple };
|
|
150
147
|
//# sourceMappingURL=mdc-ripple.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mdc-ripple.js","sourceRoot":"","sources":["../../src/ripple/mdc-ripple.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"mdc-ripple.js","sourceRoot":"","sources":["../../src/ripple/mdc-ripple.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent, booleanAttr } from '../base';\r\nimport { MDCRippleFoundation, MDCRippleAdapter, util } from '@material/ripple';\r\nimport { matches } from '@material/dom/ponyfill';\r\nimport { applyPassive } from '@material/dom/events';\r\nimport { customAttribute, bindable, inject } from 'aurelia';\r\n\r\n@inject(Element)\r\n@customAttribute('mdc-ripple')\r\nexport class MdcRipple extends MdcComponent<MDCRippleFoundation> {\r\n @bindable()\r\n input?: HTMLInputElement;\r\n\r\n @bindable()\r\n surface?: HTMLElement;\r\n\r\n @bindable()\r\n computeBoundingRect: () => ClientRect;\r\n\r\n @bindable({ set: booleanAttr })\r\n disabled: boolean;\r\n\r\n @bindable({ set: booleanAttr })\r\n unbounded: boolean;\r\n unboundedChanged() {\r\n this.foundation?.setUnbounded(Boolean(this.unbounded));\r\n }\r\n\r\n @bindable({ set: booleanAttr })\r\n activeSurface: boolean;\r\n\r\n @bindable({ set: booleanAttr })\r\n noClass: boolean;\r\n\r\n @bindable({ set: booleanAttr })\r\n primary: boolean;\r\n\r\n @bindable({ set: booleanAttr })\r\n accent: boolean;\r\n\r\n attaching() {\r\n if (!this.noClass) {\r\n (this.surface ?? this.root).classList.add('mdc-ripple-surface');\r\n if (this.primary) {\r\n (this.surface ?? this.root).classList.add('mdc-ripple-surface--primary');\r\n }\r\n if (this.accent) {\r\n (this.surface ?? this.root).classList.add('mdc-ripple-surface--accent');\r\n }\r\n }\r\n }\r\n\r\n initialSyncWithDOM() {\r\n this.unboundedChanged();\r\n }\r\n\r\n activate() {\r\n this.foundation?.activate();\r\n }\r\n\r\n deactivate() {\r\n this.foundation?.deactivate();\r\n }\r\n\r\n layout() {\r\n this.foundation?.layout();\r\n }\r\n\r\n getDefaultFoundation() {\r\n return new MDCRippleFoundation(this.createAdapter());\r\n }\r\n\r\n createAdapter(): MDCRippleAdapter {\r\n return {\r\n addClass: (className) => (this.surface ?? this.root).classList.add(className),\r\n browserSupportsCssVars: () => util.supportsCssVariables(window),\r\n computeBoundingRect: this.computeBoundingRect ?? (() => (this.surface ?? this.root).getBoundingClientRect()),\r\n containsEventTarget: (target) => this.root.contains(target as Node),\r\n deregisterDocumentInteractionHandler: (evtType, handler) => document.documentElement.removeEventListener(evtType, handler, applyPassive()),\r\n deregisterInteractionHandler: (evtType, handler) => {\r\n if (this.input) {\r\n this.input.removeEventListener(evtType, handler, applyPassive());\r\n } else {\r\n this.root.removeEventListener(evtType, handler, applyPassive());\r\n }\r\n },\r\n deregisterResizeHandler: (handler) => window.removeEventListener('resize', handler),\r\n getWindowPageOffset: () => ({ x: window.pageXOffset, y: window.pageYOffset }),\r\n isSurfaceActive: () => this.activeSurface && matches(this.input ?? this.root, ':active'),\r\n isSurfaceDisabled: () => this.disabled,\r\n isUnbounded: () => this.unbounded,\r\n registerDocumentInteractionHandler: (evtType, handler) => document.documentElement.addEventListener(evtType, handler, applyPassive()),\r\n registerInteractionHandler: (evtType, handler) => {\r\n if (this.input) {\r\n this.input.addEventListener(evtType, handler, applyPassive());\r\n } else {\r\n this.root.addEventListener(evtType, handler, applyPassive());\r\n }\r\n },\r\n registerResizeHandler: (handler) => window.addEventListener('resize', handler),\r\n removeClass: (className) => (this.surface ?? this.root).classList.remove(className),\r\n updateCssVariable: (varName, value) => (this.surface ?? this.root).style.setProperty(varName, value),\r\n };\r\n }\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcRippleElement extends HTMLElement {\r\n $au: {\r\n 'au:resource:custom-attribute:mdc-ripple': {\r\n viewModel: MdcRipple;\r\n // boundProperties: { binding: Binding & { targetProperty: string }; observer: BehaviorPropertyObserver }[];\r\n };\r\n };\r\n}\r\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@forward './mdc-ripple.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@forward './mdc-ripple.scss';
|
package/dist/segmented-button/mdc-segmented-button-segment/enhance-mdc-segmented-button-segment.js
CHANGED
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.EnhanceMdcSegmentedButtonSegment = 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 EnhanceMdcSegmentedButtonSegment = (() => {
|
|
7
|
-
let _classDecorators = [
|
|
4
|
+
let _classDecorators = [templateCompilerHooks];
|
|
8
5
|
let _classDescriptor;
|
|
9
6
|
let _classExtraInitializers = [];
|
|
10
7
|
let _classThis;
|
|
@@ -12,10 +9,10 @@ let EnhanceMdcSegmentedButtonSegment = (() => {
|
|
|
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
|
EnhanceMdcSegmentedButtonSegment = _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-segmented-button-segment=""', 'as-element="mdc-segmented-button-segment" mdc-segmented-button-segment-element');
|
|
@@ -23,5 +20,5 @@ let EnhanceMdcSegmentedButtonSegment = (() => {
|
|
|
23
20
|
};
|
|
24
21
|
return EnhanceMdcSegmentedButtonSegment = _classThis;
|
|
25
22
|
})();
|
|
26
|
-
|
|
23
|
+
export { EnhanceMdcSegmentedButtonSegment };
|
|
27
24
|
//# sourceMappingURL=enhance-mdc-segmented-button-segment.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"enhance-mdc-segmented-button-segment.js","sourceRoot":"","sources":["../../../src/segmented-button/mdc-segmented-button-segment/enhance-mdc-segmented-button-segment.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"enhance-mdc-segmented-button-segment.js","sourceRoot":"","sources":["../../../src/segmented-button/mdc-segmented-button-segment/enhance-mdc-segmented-button-segment.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;IAGnC,gCAAgC;4BAD5C,qBAAqB;;;;;;;;YACtB,6KAIC;;;YAJY,uDAAgC;;QAC3C,SAAS,CAAC,QAA2C;YACnD,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,iCAAiC,EAAE,gFAAgF,CAAC,CAAC;QAC1K,CAAC;;;;SAHU,gCAAgC","sourcesContent":["import { templateCompilerHooks } from 'aurelia';\r\n\r\n@templateCompilerHooks\r\nexport class EnhanceMdcSegmentedButtonSegment {\r\n compiling(template: HTMLElement | HTMLTemplateElement) {\r\n template.innerHTML = template.innerHTML.replaceAll('mdc-segmented-button-segment=\"\"', 'as-element=\"mdc-segmented-button-segment\" mdc-segmented-button-segment-element');\r\n }\r\n}\r\n"]}
|
|
@@ -1,23 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
const constants_1 = require("@material/segmented-button/segmented-button/constants");
|
|
10
|
-
const mdc_segmented_button_segment_html_raw_1 = tslib_1.__importDefault(require("./mdc-segmented-button-segment.html?raw"));
|
|
11
|
-
const mdc_segmented_button_1 = require("../mdc-segmented-button");
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { booleanAttr, MdcComponent } from '../../base';
|
|
3
|
+
import { CustomElement } from '@aurelia/runtime-html';
|
|
4
|
+
import { inject, customElement, bindable } from 'aurelia';
|
|
5
|
+
import { MDCSegmentedButtonSegmentFoundation } from '@material/segmented-button';
|
|
6
|
+
import { events } from '@material/segmented-button/segmented-button/constants';
|
|
7
|
+
import template from './mdc-segmented-button-segment.html?raw';
|
|
8
|
+
import { MdcSegmentedButton } from '../mdc-segmented-button';
|
|
12
9
|
/**
|
|
13
10
|
* @selector button[mdc-segmented-button-segment]
|
|
14
11
|
*/
|
|
15
12
|
let MdcSegmentedButtonSegment = (() => {
|
|
16
|
-
let _classDecorators = [
|
|
13
|
+
let _classDecorators = [inject(Element, MdcSegmentedButton), customElement({ name: 'mdc-segmented-button-segment', template })];
|
|
17
14
|
let _classDescriptor;
|
|
18
15
|
let _classExtraInitializers = [];
|
|
19
16
|
let _classThis;
|
|
20
|
-
let _classSuper =
|
|
17
|
+
let _classSuper = MdcComponent;
|
|
21
18
|
let _touch_decorators;
|
|
22
19
|
let _touch_initializers = [];
|
|
23
20
|
let _touch_extraInitializers = [];
|
|
@@ -28,14 +25,14 @@ let MdcSegmentedButtonSegment = (() => {
|
|
|
28
25
|
static { _classThis = this; }
|
|
29
26
|
static {
|
|
30
27
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
31
|
-
_touch_decorators = [
|
|
32
|
-
_icon_decorators = [
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
28
|
+
_touch_decorators = [bindable({ set: booleanAttr })];
|
|
29
|
+
_icon_decorators = [bindable()];
|
|
30
|
+
__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);
|
|
31
|
+
__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);
|
|
32
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
36
33
|
MdcSegmentedButtonSegment = _classThis = _classDescriptor.value;
|
|
37
34
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
38
|
-
|
|
35
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
39
36
|
}
|
|
40
37
|
constructor(root) {
|
|
41
38
|
super(root);
|
|
@@ -44,10 +41,10 @@ let MdcSegmentedButtonSegment = (() => {
|
|
|
44
41
|
isSingleSelect;
|
|
45
42
|
index;
|
|
46
43
|
/** Indicates the segment has touch target support */
|
|
47
|
-
touch =
|
|
44
|
+
touch = __runInitializers(this, _touch_initializers, void 0);
|
|
48
45
|
/** Sets an icon in the segment */
|
|
49
|
-
icon = (
|
|
50
|
-
_checked =
|
|
46
|
+
icon = (__runInitializers(this, _touch_extraInitializers), __runInitializers(this, _icon_initializers, void 0));
|
|
47
|
+
_checked = __runInitializers(this, _icon_extraInitializers);
|
|
51
48
|
/** Use to verify the checked value */
|
|
52
49
|
get checked() {
|
|
53
50
|
if (this.foundation) {
|
|
@@ -110,12 +107,12 @@ let MdcSegmentedButtonSegment = (() => {
|
|
|
110
107
|
hasClass: (className) => {
|
|
111
108
|
return this.root.classList.contains(className);
|
|
112
109
|
},
|
|
113
|
-
notifySelectedChange: selected => this.notifySelectedChange(
|
|
110
|
+
notifySelectedChange: selected => this.notifySelectedChange(events.SELECTED, selected),
|
|
114
111
|
getRootBoundingClientRect: () => {
|
|
115
112
|
return this.root.getBoundingClientRect();
|
|
116
113
|
}
|
|
117
114
|
};
|
|
118
|
-
return new
|
|
115
|
+
return new MDCSegmentedButtonSegmentFoundation(adapter);
|
|
119
116
|
}
|
|
120
117
|
notifySelectedChange(event, selected) {
|
|
121
118
|
this.emit(event, {
|
|
@@ -147,7 +144,7 @@ let MdcSegmentedButtonSegment = (() => {
|
|
|
147
144
|
};
|
|
148
145
|
return MdcSegmentedButtonSegment = _classThis;
|
|
149
146
|
})();
|
|
150
|
-
|
|
147
|
+
export { MdcSegmentedButtonSegment };
|
|
151
148
|
function defineMdcSegmentedButtonSegmentElementApis(element) {
|
|
152
149
|
Object.defineProperties(element, {
|
|
153
150
|
type: {
|
|
@@ -160,10 +157,10 @@ function defineMdcSegmentedButtonSegmentElementApis(element) {
|
|
|
160
157
|
},
|
|
161
158
|
checked: {
|
|
162
159
|
get() {
|
|
163
|
-
return
|
|
160
|
+
return CustomElement.for(this).viewModel.checked;
|
|
164
161
|
},
|
|
165
162
|
set(value) {
|
|
166
|
-
|
|
163
|
+
CustomElement.for(this).viewModel.checked = value;
|
|
167
164
|
},
|
|
168
165
|
configurable: true
|
|
169
166
|
}
|
package/dist/segmented-button/mdc-segmented-button-segment/mdc-segmented-button-segment.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mdc-segmented-button-segment.js","sourceRoot":"","sources":["../../../src/segmented-button/mdc-segmented-button-segment/mdc-segmented-button-segment.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"mdc-segmented-button-segment.js","sourceRoot":"","sources":["../../../src/segmented-button/mdc-segmented-button-segment/mdc-segmented-button-segment.ts"],"names":[],"mappings":"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","sourcesContent":["import { booleanAttr, MdcComponent } from '../../base';\r\nimport { CustomElement } from '@aurelia/runtime-html';\r\nimport { inject, customElement, bindable } from 'aurelia';\r\nimport { MDCSegmentedButtonSegmentAdapter, MDCSegmentedButtonSegmentFoundation, SegmentDetail } from '@material/segmented-button';\r\nimport { events } from '@material/segmented-button/segmented-button/constants';\r\nimport template from './mdc-segmented-button-segment.html?raw';\r\nimport { MdcSegmentedButton } from '../mdc-segmented-button';\r\n\r\n/**\r\n * @selector button[mdc-segmented-button-segment]\r\n */\r\n@inject(Element, MdcSegmentedButton)\r\n@customElement({ name: 'mdc-segmented-button-segment', template })\r\nexport class MdcSegmentedButtonSegment extends MdcComponent<MDCSegmentedButtonSegmentFoundation> {\r\n constructor(root: IMdcSegmentedButtonSegmentElement) {\r\n super(root);\r\n defineMdcSegmentedButtonSegmentElementApis(root);\r\n }\r\n\r\n private isSingleSelect: boolean;\r\n private index: number;\r\n\r\n /** Indicates the segment has touch target support */\r\n @bindable({ set: booleanAttr })\r\n touch: boolean;\r\n\r\n /** Sets an icon in the segment */\r\n @bindable()\r\n icon: string;\r\n\r\n private _checked?: boolean;\r\n /** Use to verify the checked value */\r\n get checked(): boolean {\r\n if (this.foundation) {\r\n return this.foundation?.isSelected();\r\n } else {\r\n return this._checked ?? false;\r\n }\r\n }\r\n\r\n /**\r\n * Whether the segment is checked.\r\n */\r\n set checked(value: boolean) {\r\n this._checked = value;\r\n if (value) {\r\n this.foundation?.setSelected();\r\n } else {\r\n this.foundation?.setUnselected();\r\n }\r\n }\r\n\r\n handleClick() {\r\n this.foundation?.handleClick();\r\n }\r\n\r\n // eslint-disable-next-line @typescript-eslint/require-await\r\n async beforeFoundationCreated() {\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.checked = true;\r\n }\r\n }\r\n }\r\n\r\n initialSyncWithDOM() {\r\n if (this._checked !== undefined) {\r\n this.checked = this._checked;\r\n }\r\n }\r\n\r\n getDefaultFoundation(): MDCSegmentedButtonSegmentFoundation {\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 // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.\r\n const adapter: MDCSegmentedButtonSegmentAdapter = {\r\n isSingleSelect: () => {\r\n return this.isSingleSelect;\r\n },\r\n getAttr: (attrName) => {\r\n return this.root.getAttribute(attrName);\r\n },\r\n setAttr: (attrName, value) => {\r\n this.root.setAttribute(attrName, value);\r\n },\r\n addClass: (className) => {\r\n this.root.classList.add(className);\r\n },\r\n removeClass: (className) => {\r\n this.root.classList.remove(className);\r\n },\r\n hasClass: (className) => {\r\n return this.root.classList.contains(className);\r\n },\r\n notifySelectedChange: selected => this.notifySelectedChange(events.SELECTED, selected),\r\n getRootBoundingClientRect: () => {\r\n return this.root.getBoundingClientRect();\r\n }\r\n };\r\n return new MDCSegmentedButtonSegmentFoundation(adapter);\r\n }\r\n\r\n notifySelectedChange(event: string, selected: boolean) {\r\n this.emit<SegmentDetail>(\r\n event, {\r\n index: this.index,\r\n selected,\r\n segmentId: this.getSegmentId()\r\n }, true /* shouldBubble */);\r\n }\r\n\r\n setIsSingleSelect(isSingleSelect: boolean) {\r\n this.isSingleSelect = isSingleSelect;\r\n this.root.setAttribute('role', isSingleSelect ? 'radio' : '');\r\n }\r\n\r\n /**\r\n * Sets segment's index value\r\n *\r\n * @hidden\r\n * @param index Segment's index within wrapping segmented button\r\n */\r\n setIndex(index: number) {\r\n this.index = index;\r\n }\r\n\r\n /**\r\n * @hidden\r\n * @return Returns segment's segmentId if it was set by client\r\n */\r\n getSegmentId(): string | undefined {\r\n return this.foundation?.getSegmentId();\r\n }\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcSegmentedButtonSegmentElement extends HTMLElement {\r\n checked: boolean;\r\n indeterminate: boolean;\r\n $au: {\r\n 'au:resource:custom-element': {\r\n viewModel: MdcSegmentedButtonSegment;\r\n };\r\n };\r\n}\r\n\r\nfunction defineMdcSegmentedButtonSegmentElementApis(element: IMdcSegmentedButtonSegmentElement) {\r\n Object.defineProperties(element, {\r\n type: {\r\n value: 'checkbox'\r\n },\r\n tagName: {\r\n get() {\r\n return 'MDC-SEGMENTED-BUTTON-SEGMENT';\r\n }\r\n },\r\n checked: {\r\n get(this: IMdcSegmentedButtonSegmentElement) {\r\n return CustomElement.for<MdcSegmentedButtonSegment>(this).viewModel.checked;\r\n },\r\n set(this: IMdcSegmentedButtonSegmentElement, value: boolean) {\r\n CustomElement.for<MdcSegmentedButtonSegment>(this).viewModel.checked = value;\r\n },\r\n configurable: true\r\n }\r\n });\r\n}\r\n"]}
|
|
@@ -1,21 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
const constants_1 = require("@material/segmented-button/segmented-button/constants");
|
|
8
|
-
const aurelia_1 = require("aurelia");
|
|
9
|
-
const mdc_segmented_button_html_raw_1 = tslib_1.__importDefault(require("./mdc-segmented-button.html?raw"));
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { booleanAttr, MdcComponent } from '../base';
|
|
3
|
+
import { MDCSegmentedButtonFoundation } from '@material/segmented-button';
|
|
4
|
+
import { events } from '@material/segmented-button/segmented-button/constants';
|
|
5
|
+
import { inject, customElement, bindable, slotted, CustomElement } from 'aurelia';
|
|
6
|
+
import template from './mdc-segmented-button.html?raw';
|
|
10
7
|
/**
|
|
11
8
|
* @selector mdc-segmented-button
|
|
12
9
|
*/
|
|
13
10
|
let MdcSegmentedButton = (() => {
|
|
14
|
-
let _classDecorators = [
|
|
11
|
+
let _classDecorators = [inject(Element), customElement({ name: 'mdc-segmented-button', template })];
|
|
15
12
|
let _classDescriptor;
|
|
16
13
|
let _classExtraInitializers = [];
|
|
17
14
|
let _classThis;
|
|
18
|
-
let _classSuper =
|
|
15
|
+
let _classSuper = MdcComponent;
|
|
19
16
|
let _single_decorators;
|
|
20
17
|
let _single_initializers = [];
|
|
21
18
|
let _single_extraInitializers = [];
|
|
@@ -26,23 +23,23 @@ let MdcSegmentedButton = (() => {
|
|
|
26
23
|
static { _classThis = this; }
|
|
27
24
|
static {
|
|
28
25
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
29
|
-
_single_decorators = [
|
|
30
|
-
_segmentElements_decorators = [
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
26
|
+
_single_decorators = [bindable({ set: booleanAttr })];
|
|
27
|
+
_segmentElements_decorators = [slotted({ query: 'button' })];
|
|
28
|
+
__esDecorate(null, null, _single_decorators, { kind: "field", name: "single", static: false, private: false, access: { has: obj => "single" in obj, get: obj => obj.single, set: (obj, value) => { obj.single = value; } }, metadata: _metadata }, _single_initializers, _single_extraInitializers);
|
|
29
|
+
__esDecorate(null, null, _segmentElements_decorators, { kind: "field", name: "segmentElements", static: false, private: false, access: { has: obj => "segmentElements" in obj, get: obj => obj.segmentElements, set: (obj, value) => { obj.segmentElements = value; } }, metadata: _metadata }, _segmentElements_initializers, _segmentElements_extraInitializers);
|
|
30
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
34
31
|
MdcSegmentedButton = _classThis = _classDescriptor.value;
|
|
35
32
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
36
|
-
|
|
33
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
37
34
|
}
|
|
38
35
|
/** Indicates the segmented button only allows one segment to be selected at a time */
|
|
39
|
-
single =
|
|
36
|
+
single = __runInitializers(this, _single_initializers, void 0);
|
|
40
37
|
singleChanged() {
|
|
41
38
|
this.root.setAttribute('role', this.single ? 'radiogroup' : 'group');
|
|
42
39
|
}
|
|
43
|
-
segmentElements = (
|
|
40
|
+
segmentElements = (__runInitializers(this, _single_extraInitializers), __runInitializers(this, _segmentElements_initializers, void 0));
|
|
44
41
|
get segmentsList() {
|
|
45
|
-
return this.segmentElements.map(x =>
|
|
42
|
+
return this.segmentElements.map(x => CustomElement.for(x).viewModel);
|
|
46
43
|
}
|
|
47
44
|
initialSyncWithDOM() {
|
|
48
45
|
const isSingleSelect = this.foundation.isSingleSelect();
|
|
@@ -79,10 +76,10 @@ let MdcSegmentedButton = (() => {
|
|
|
79
76
|
}
|
|
80
77
|
},
|
|
81
78
|
notifySelectedChange: (detail) => {
|
|
82
|
-
this.emit(
|
|
79
|
+
this.emit(events.CHANGE, detail, true /* shouldBubble */);
|
|
83
80
|
}
|
|
84
81
|
};
|
|
85
|
-
return new
|
|
82
|
+
return new MDCSegmentedButtonFoundation(adapter);
|
|
86
83
|
}
|
|
87
84
|
/**
|
|
88
85
|
* @return Returns child segments mapped to readonly SegmentDetail list
|
|
@@ -98,10 +95,10 @@ let MdcSegmentedButton = (() => {
|
|
|
98
95
|
}
|
|
99
96
|
constructor() {
|
|
100
97
|
super(...arguments);
|
|
101
|
-
|
|
98
|
+
__runInitializers(this, _segmentElements_extraInitializers);
|
|
102
99
|
}
|
|
103
100
|
};
|
|
104
101
|
return MdcSegmentedButton = _classThis;
|
|
105
102
|
})();
|
|
106
|
-
|
|
103
|
+
export { MdcSegmentedButton };
|
|
107
104
|
//# sourceMappingURL=mdc-segmented-button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mdc-segmented-button.js","sourceRoot":"","sources":["../../src/segmented-button/mdc-segmented-button.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"mdc-segmented-button.js","sourceRoot":"","sources":["../../src/segmented-button/mdc-segmented-button.ts"],"names":[],"mappings":"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","sourcesContent":["import { booleanAttr, MdcComponent } from '../base';\r\nimport { MDCSegmentedButtonAdapter, MDCSegmentedButtonFoundation, SegmentDetail } from '@material/segmented-button';\r\nimport { events } from '@material/segmented-button/segmented-button/constants';\r\nimport { inject, customElement, bindable, slotted, CustomElement } from 'aurelia';\r\nimport { MdcSegmentedButtonSegment } from './mdc-segmented-button-segment/mdc-segmented-button-segment';\r\nimport template from './mdc-segmented-button.html?raw';\r\n\r\n/**\r\n * @selector mdc-segmented-button\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-segmented-button', template })\r\nexport class MdcSegmentedButton extends MdcComponent<MDCSegmentedButtonFoundation> {\r\n\r\n /** Indicates the segmented button only allows one segment to be selected at a time */\r\n @bindable({ set: booleanAttr })\r\n single: boolean;\r\n singleChanged() {\r\n this.root.setAttribute('role', this.single ? 'radiogroup' : 'group');\r\n }\r\n\r\n @slotted({ query: 'button' })\r\n segmentElements!: HTMLElement[];\r\n\r\n get segmentsList(): MdcSegmentedButtonSegment[] {\r\n return this.segmentElements.map(x => CustomElement.for<MdcSegmentedButtonSegment>(x).viewModel);\r\n }\r\n\r\n initialSyncWithDOM() {\r\n const isSingleSelect = this.foundation!.isSingleSelect();\r\n for (let i = 0; i < this.segmentsList.length; i++) {\r\n const segment = this.segmentsList[i];\r\n segment.setIndex(i);\r\n segment.setIsSingleSelect(isSingleSelect);\r\n }\r\n }\r\n\r\n handleSelected(event: CustomEvent<SegmentDetail>) {\r\n this.foundation?.handleSelected(event.detail);\r\n }\r\n\r\n getDefaultFoundation(): MDCSegmentedButtonFoundation {\r\n const adapter: MDCSegmentedButtonAdapter = {\r\n hasClass: (className) => {\r\n return this.root.classList.contains(className);\r\n },\r\n getSegments: () => {\r\n return this.mappedSegments();\r\n },\r\n selectSegment: (indexOrSegmentId) => {\r\n const segmentDetail = this.mappedSegments().find(\r\n (detail) => detail.index === indexOrSegmentId ||\r\n detail.segmentId === indexOrSegmentId);\r\n if (segmentDetail) {\r\n this.segmentsList[segmentDetail.index].checked = true;\r\n }\r\n },\r\n unselectSegment: (indexOrSegmentId) => {\r\n const segmentDetail = this.mappedSegments().find(\r\n (detail) => detail.index === indexOrSegmentId ||\r\n detail.segmentId === indexOrSegmentId);\r\n if (segmentDetail) {\r\n this.segmentsList[segmentDetail.index].checked = false;\r\n this.segmentsList[segmentDetail.index].notifySelectedChange('unselected', false);\r\n }\r\n },\r\n notifySelectedChange: (detail) => {\r\n this.emit<SegmentDetail>(\r\n events.CHANGE, detail, true /* shouldBubble */\r\n );\r\n }\r\n };\r\n return new MDCSegmentedButtonFoundation(adapter);\r\n }\r\n\r\n /**\r\n * @return Returns child segments mapped to readonly SegmentDetail list\r\n */\r\n private mappedSegments(): readonly SegmentDetail[] {\r\n return this.segmentsList.map(\r\n (segment: MdcSegmentedButtonSegment, index: number) => {\r\n return {\r\n index,\r\n selected: segment.checked,\r\n segmentId: segment.getSegmentId()\r\n };\r\n });\r\n }\r\n}\r\n"]}
|
|
@@ -1,8 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.MdcDefaultSelectConfiguration = void 0;
|
|
4
|
-
class MdcDefaultSelectConfiguration {
|
|
1
|
+
export class MdcDefaultSelectConfiguration {
|
|
5
2
|
outlined;
|
|
6
3
|
}
|
|
7
|
-
exports.MdcDefaultSelectConfiguration = MdcDefaultSelectConfiguration;
|
|
8
4
|
//# sourceMappingURL=mdc-default-select-configuration.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mdc-default-select-configuration.js","sourceRoot":"","sources":["../../src/select/mdc-default-select-configuration.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"mdc-default-select-configuration.js","sourceRoot":"","sources":["../../src/select/mdc-default-select-configuration.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,6BAA6B;IACxC,QAAQ,CAAW;CACpB","sourcesContent":["export class MdcDefaultSelectConfiguration {\r\n outlined?: boolean;\r\n}\r\n"]}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
/**
|
|
3
2
|
* @license
|
|
4
3
|
* Copyright 2018 Google Inc.
|
|
@@ -21,5 +20,5 @@
|
|
|
21
20
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
22
21
|
* THE SOFTWARE.
|
|
23
22
|
*/
|
|
24
|
-
|
|
23
|
+
export {};
|
|
25
24
|
//# sourceMappingURL=mdc-select-adapter-aurelia.js.map
|