@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,21 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
snackbar_1.strings.OPENED_EVENT = snackbar_1.strings.OPENED_EVENT.toLowerCase();
|
|
11
|
-
snackbar_1.strings.CLOSING_EVENT = snackbar_1.strings.CLOSING_EVENT.toLowerCase();
|
|
12
|
-
snackbar_1.strings.CLOSED_EVENT = snackbar_1.strings.CLOSED_EVENT.toLowerCase();
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { customElement, inject, bindable } from 'aurelia';
|
|
3
|
+
import { MdcComponent, booleanAttr, number } from '../base';
|
|
4
|
+
import { MDCSnackbarFoundation, util, strings } from '@material/snackbar';
|
|
5
|
+
import template from './mdc-snackbar.html?raw';
|
|
6
|
+
strings.OPENING_EVENT = strings.OPENING_EVENT.toLowerCase();
|
|
7
|
+
strings.OPENED_EVENT = strings.OPENED_EVENT.toLowerCase();
|
|
8
|
+
strings.CLOSING_EVENT = strings.CLOSING_EVENT.toLowerCase();
|
|
9
|
+
strings.CLOSED_EVENT = strings.CLOSED_EVENT.toLowerCase();
|
|
13
10
|
let MdcSnackbar = (() => {
|
|
14
|
-
let _classDecorators = [
|
|
11
|
+
let _classDecorators = [inject(Element), customElement({ name: 'mdc-snackbar', template })];
|
|
15
12
|
let _classDescriptor;
|
|
16
13
|
let _classExtraInitializers = [];
|
|
17
14
|
let _classThis;
|
|
18
|
-
let _classSuper =
|
|
15
|
+
let _classSuper = MdcComponent;
|
|
19
16
|
let _label_decorators;
|
|
20
17
|
let _label_initializers = [];
|
|
21
18
|
let _label_extraInitializers = [];
|
|
@@ -50,50 +47,50 @@ let MdcSnackbar = (() => {
|
|
|
50
47
|
static { _classThis = this; }
|
|
51
48
|
static {
|
|
52
49
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
53
|
-
_label_decorators = [
|
|
54
|
-
_actions_decorators = [
|
|
55
|
-
_dismissible_decorators = [
|
|
56
|
-
_stacked_decorators = [
|
|
57
|
-
_timeout_decorators = [
|
|
58
|
-
_closeOnEscape_decorators = [
|
|
59
|
-
_classes_decorators = [
|
|
60
|
-
_actionClasses_decorators = [
|
|
61
|
-
_dismissClasses_decorators = [
|
|
62
|
-
_leading_decorators = [
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
50
|
+
_label_decorators = [bindable()];
|
|
51
|
+
_actions_decorators = [bindable()];
|
|
52
|
+
_dismissible_decorators = [bindable({ set: booleanAttr })];
|
|
53
|
+
_stacked_decorators = [bindable({ set: booleanAttr })];
|
|
54
|
+
_timeout_decorators = [bindable({ set: number })];
|
|
55
|
+
_closeOnEscape_decorators = [bindable({ set: booleanAttr })];
|
|
56
|
+
_classes_decorators = [bindable()];
|
|
57
|
+
_actionClasses_decorators = [bindable()];
|
|
58
|
+
_dismissClasses_decorators = [bindable()];
|
|
59
|
+
_leading_decorators = [bindable({ set: booleanAttr })];
|
|
60
|
+
__esDecorate(null, null, _label_decorators, { kind: "field", name: "label", static: false, private: false, access: { has: obj => "label" in obj, get: obj => obj.label, set: (obj, value) => { obj.label = value; } }, metadata: _metadata }, _label_initializers, _label_extraInitializers);
|
|
61
|
+
__esDecorate(null, null, _actions_decorators, { kind: "field", name: "actions", static: false, private: false, access: { has: obj => "actions" in obj, get: obj => obj.actions, set: (obj, value) => { obj.actions = value; } }, metadata: _metadata }, _actions_initializers, _actions_extraInitializers);
|
|
62
|
+
__esDecorate(null, null, _dismissible_decorators, { kind: "field", name: "dismissible", static: false, private: false, access: { has: obj => "dismissible" in obj, get: obj => obj.dismissible, set: (obj, value) => { obj.dismissible = value; } }, metadata: _metadata }, _dismissible_initializers, _dismissible_extraInitializers);
|
|
63
|
+
__esDecorate(null, null, _stacked_decorators, { kind: "field", name: "stacked", static: false, private: false, access: { has: obj => "stacked" in obj, get: obj => obj.stacked, set: (obj, value) => { obj.stacked = value; } }, metadata: _metadata }, _stacked_initializers, _stacked_extraInitializers);
|
|
64
|
+
__esDecorate(null, null, _timeout_decorators, { kind: "field", name: "timeout", static: false, private: false, access: { has: obj => "timeout" in obj, get: obj => obj.timeout, set: (obj, value) => { obj.timeout = value; } }, metadata: _metadata }, _timeout_initializers, _timeout_extraInitializers);
|
|
65
|
+
__esDecorate(null, null, _closeOnEscape_decorators, { kind: "field", name: "closeOnEscape", static: false, private: false, access: { has: obj => "closeOnEscape" in obj, get: obj => obj.closeOnEscape, set: (obj, value) => { obj.closeOnEscape = value; } }, metadata: _metadata }, _closeOnEscape_initializers, _closeOnEscape_extraInitializers);
|
|
66
|
+
__esDecorate(null, null, _classes_decorators, { kind: "field", name: "classes", static: false, private: false, access: { has: obj => "classes" in obj, get: obj => obj.classes, set: (obj, value) => { obj.classes = value; } }, metadata: _metadata }, _classes_initializers, _classes_extraInitializers);
|
|
67
|
+
__esDecorate(null, null, _actionClasses_decorators, { kind: "field", name: "actionClasses", static: false, private: false, access: { has: obj => "actionClasses" in obj, get: obj => obj.actionClasses, set: (obj, value) => { obj.actionClasses = value; } }, metadata: _metadata }, _actionClasses_initializers, _actionClasses_extraInitializers);
|
|
68
|
+
__esDecorate(null, null, _dismissClasses_decorators, { kind: "field", name: "dismissClasses", static: false, private: false, access: { has: obj => "dismissClasses" in obj, get: obj => obj.dismissClasses, set: (obj, value) => { obj.dismissClasses = value; } }, metadata: _metadata }, _dismissClasses_initializers, _dismissClasses_extraInitializers);
|
|
69
|
+
__esDecorate(null, null, _leading_decorators, { kind: "field", name: "leading", static: false, private: false, access: { has: obj => "leading" in obj, get: obj => obj.leading, set: (obj, value) => { obj.leading = value; } }, metadata: _metadata }, _leading_initializers, _leading_extraInitializers);
|
|
70
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
74
71
|
MdcSnackbar = _classThis = _classDescriptor.value;
|
|
75
72
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
76
|
-
|
|
73
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
77
74
|
}
|
|
78
75
|
labelEl_; // assigned in html
|
|
79
|
-
label =
|
|
80
|
-
actions = (
|
|
81
|
-
dismissible = (
|
|
82
|
-
stacked = (
|
|
83
|
-
timeout = (
|
|
76
|
+
label = __runInitializers(this, _label_initializers, void 0);
|
|
77
|
+
actions = (__runInitializers(this, _label_extraInitializers), __runInitializers(this, _actions_initializers, void 0));
|
|
78
|
+
dismissible = (__runInitializers(this, _actions_extraInitializers), __runInitializers(this, _dismissible_initializers, void 0));
|
|
79
|
+
stacked = (__runInitializers(this, _dismissible_extraInitializers), __runInitializers(this, _stacked_initializers, void 0));
|
|
80
|
+
timeout = (__runInitializers(this, _stacked_extraInitializers), __runInitializers(this, _timeout_initializers, void 0));
|
|
84
81
|
timeoutChanged() {
|
|
85
82
|
if (this.timeout !== undefined && !isNaN(this.timeout)) {
|
|
86
83
|
this.foundation?.setTimeoutMs(this.timeout);
|
|
87
84
|
}
|
|
88
85
|
}
|
|
89
|
-
closeOnEscape = (
|
|
86
|
+
closeOnEscape = (__runInitializers(this, _timeout_extraInitializers), __runInitializers(this, _closeOnEscape_initializers, true));
|
|
90
87
|
closeOnEscapeChanged() {
|
|
91
88
|
this.foundation?.setCloseOnEscape(this.closeOnEscape);
|
|
92
89
|
}
|
|
93
|
-
classes = (
|
|
94
|
-
actionClasses = (
|
|
95
|
-
dismissClasses = (
|
|
96
|
-
leading = (
|
|
90
|
+
classes = (__runInitializers(this, _closeOnEscape_extraInitializers), __runInitializers(this, _classes_initializers, void 0));
|
|
91
|
+
actionClasses = (__runInitializers(this, _classes_extraInitializers), __runInitializers(this, _actionClasses_initializers, void 0));
|
|
92
|
+
dismissClasses = (__runInitializers(this, _actionClasses_extraInitializers), __runInitializers(this, _dismissClasses_initializers, void 0));
|
|
93
|
+
leading = (__runInitializers(this, _dismissClasses_extraInitializers), __runInitializers(this, _leading_initializers, void 0));
|
|
97
94
|
initialSyncWithDOM() {
|
|
98
95
|
this.timeoutChanged();
|
|
99
96
|
this.closeOnEscapeChanged();
|
|
@@ -103,14 +100,14 @@ let MdcSnackbar = (() => {
|
|
|
103
100
|
// To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.
|
|
104
101
|
const adapter = {
|
|
105
102
|
addClass: (className) => this.root.classList.add(className),
|
|
106
|
-
announce: () =>
|
|
107
|
-
notifyClosed: (reason) => this.emit(
|
|
108
|
-
notifyClosing: (reason) => this.emit(
|
|
109
|
-
notifyOpened: () => this.emit(
|
|
110
|
-
notifyOpening: () => this.emit(
|
|
103
|
+
announce: () => util.announce(this.labelEl_),
|
|
104
|
+
notifyClosed: (reason) => this.emit(strings.CLOSED_EVENT, reason ? { reason } : {}),
|
|
105
|
+
notifyClosing: (reason) => this.emit(strings.CLOSING_EVENT, reason ? { reason } : {}),
|
|
106
|
+
notifyOpened: () => this.emit(strings.OPENED_EVENT, {}),
|
|
107
|
+
notifyOpening: () => this.emit(strings.OPENING_EVENT, {}),
|
|
111
108
|
removeClass: (className) => this.root.classList.remove(className),
|
|
112
109
|
};
|
|
113
|
-
return new
|
|
110
|
+
return new MDCSnackbarFoundation(adapter);
|
|
114
111
|
}
|
|
115
112
|
open() {
|
|
116
113
|
this.foundation?.open();
|
|
@@ -127,7 +124,7 @@ let MdcSnackbar = (() => {
|
|
|
127
124
|
this.foundation?.close(action);
|
|
128
125
|
}
|
|
129
126
|
handleDismiss() {
|
|
130
|
-
this.close(
|
|
127
|
+
this.close(strings.REASON_DISMISS);
|
|
131
128
|
}
|
|
132
129
|
handleKeyDown(evt) {
|
|
133
130
|
this.foundation?.handleKeyDown(evt);
|
|
@@ -135,10 +132,10 @@ let MdcSnackbar = (() => {
|
|
|
135
132
|
}
|
|
136
133
|
constructor() {
|
|
137
134
|
super(...arguments);
|
|
138
|
-
|
|
135
|
+
__runInitializers(this, _leading_extraInitializers);
|
|
139
136
|
}
|
|
140
137
|
};
|
|
141
138
|
return MdcSnackbar = _classThis;
|
|
142
139
|
})();
|
|
143
|
-
|
|
140
|
+
export { MdcSnackbar };
|
|
144
141
|
//# sourceMappingURL=mdc-snackbar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mdc-snackbar.js","sourceRoot":"","sources":["../../src/snackbar/mdc-snackbar.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"mdc-snackbar.js","sourceRoot":"","sources":["../../src/snackbar/mdc-snackbar.ts"],"names":[],"mappings":"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","sourcesContent":["import { customElement, inject, bindable } from 'aurelia';\r\nimport { MdcComponent, booleanAttr, number } from '../base';\r\nimport { MDCSnackbarFoundation, MDCSnackbarAdapter, util, MDCSnackbarCloseEventDetail, strings } from '@material/snackbar';\r\nimport template from './mdc-snackbar.html?raw';\r\n\r\nstrings.OPENING_EVENT = strings.OPENING_EVENT.toLowerCase();\r\nstrings.OPENED_EVENT = strings.OPENED_EVENT.toLowerCase();\r\nstrings.CLOSING_EVENT = strings.CLOSING_EVENT.toLowerCase();\r\nstrings.CLOSED_EVENT = strings.CLOSED_EVENT.toLowerCase();\r\n\r\n@inject(Element)\r\n@customElement({ name: 'mdc-snackbar', template })\r\nexport class MdcSnackbar extends MdcComponent<MDCSnackbarFoundation> {\r\n\r\n private labelEl_!: Element; // assigned in html\r\n\r\n @bindable()\r\n label: string;\r\n\r\n @bindable()\r\n actions: string[];\r\n\r\n @bindable({ set: booleanAttr })\r\n dismissible: boolean;\r\n\r\n @bindable({ set: booleanAttr })\r\n stacked: boolean;\r\n\r\n @bindable({ set: number })\r\n timeout?: number;\r\n timeoutChanged() {\r\n if (this.timeout !== undefined && !isNaN(this.timeout)) {\r\n this.foundation?.setTimeoutMs(this.timeout);\r\n }\r\n }\r\n\r\n @bindable({ set: booleanAttr })\r\n closeOnEscape: boolean = true;\r\n closeOnEscapeChanged() {\r\n this.foundation?.setCloseOnEscape(this.closeOnEscape);\r\n }\r\n\r\n @bindable()\r\n classes: string;\r\n\r\n @bindable()\r\n actionClasses: string;\r\n\r\n @bindable()\r\n dismissClasses: string;\r\n\r\n @bindable({ set: booleanAttr })\r\n leading: boolean;\r\n\r\n initialSyncWithDOM() {\r\n this.timeoutChanged();\r\n this.closeOnEscapeChanged();\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: MDCSnackbarAdapter = {\r\n addClass: (className) => this.root.classList.add(className),\r\n announce: () => util.announce(this.labelEl_),\r\n notifyClosed: (reason) => this.emit<MDCSnackbarCloseEventDetail>(strings.CLOSED_EVENT, reason ? { reason } : {}),\r\n notifyClosing: (reason) => this.emit<MDCSnackbarCloseEventDetail>(strings.CLOSING_EVENT, reason ? { reason } : {}),\r\n notifyOpened: () => this.emit(strings.OPENED_EVENT, {}),\r\n notifyOpening: () => this.emit(strings.OPENING_EVENT, {}),\r\n removeClass: (className) => this.root.classList.remove(className),\r\n };\r\n return new MDCSnackbarFoundation(adapter);\r\n }\r\n\r\n open() {\r\n this.foundation?.open();\r\n }\r\n\r\n /**\r\n * @param reason Why the snackbar was closed. Value will be passed to CLOSING_EVENT and CLOSED_EVENT via the\r\n * `event.detail.reason` property. Standard values are REASON_ACTION and REASON_DISMISS, but custom\r\n * client-specific values may also be used if desired.\r\n */\r\n close(reason = '') {\r\n this.foundation?.close(reason);\r\n }\r\n\r\n handleAction(action: string) {\r\n this.foundation?.close(action);\r\n }\r\n\r\n handleDismiss() {\r\n this.close(strings.REASON_DISMISS);\r\n }\r\n\r\n handleKeyDown(evt: KeyboardEvent) {\r\n this.foundation?.handleKeyDown(evt);\r\n return true;\r\n }\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcSnackbarElement extends HTMLElement {\r\n $au: {\r\n 'au:resource:custom-element': {\r\n viewModel: MdcSnackbar;\r\n };\r\n };\r\n}\r\n"]}
|
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.EnhanceMdcSwitch = 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 EnhanceMdcSwitch = (() => {
|
|
7
|
-
let _classDecorators = [
|
|
4
|
+
let _classDecorators = [templateCompilerHooks];
|
|
8
5
|
let _classDescriptor;
|
|
9
6
|
let _classExtraInitializers = [];
|
|
10
7
|
let _classThis;
|
|
@@ -12,10 +9,10 @@ let EnhanceMdcSwitch = (() => {
|
|
|
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
|
EnhanceMdcSwitch = _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-switch=""', 'as-element="mdc-switch" mdc-switch-element');
|
|
@@ -23,5 +20,5 @@ let EnhanceMdcSwitch = (() => {
|
|
|
23
20
|
};
|
|
24
21
|
return EnhanceMdcSwitch = _classThis;
|
|
25
22
|
})();
|
|
26
|
-
|
|
23
|
+
export { EnhanceMdcSwitch };
|
|
27
24
|
//# sourceMappingURL=enhance-mdc-switch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"enhance-mdc-switch.js","sourceRoot":"","sources":["../../src/switch/enhance-mdc-switch.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"enhance-mdc-switch.js","sourceRoot":"","sources":["../../src/switch/enhance-mdc-switch.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;IAGnC,gBAAgB;4BAD5B,qBAAqB;;;;;;;;YACtB,6KAIC;;;YAJY,uDAAgB;;QAC3B,SAAS,CAAC,QAA2C;YACnD,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,eAAe,EAAC,4CAA4C,CAAC,CAAC;QACnH,CAAC;;;;SAHU,gBAAgB","sourcesContent":["import { templateCompilerHooks } from 'aurelia';\r\n\r\n@templateCompilerHooks\r\nexport class EnhanceMdcSwitch {\r\n compiling(template: HTMLElement | HTMLTemplateElement) {\r\n template.innerHTML = template.innerHTML.replaceAll('mdc-switch=\"\"','as-element=\"mdc-switch\" mdc-switch-element');\r\n }\r\n}\r\n"]}
|
|
@@ -1,26 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const switch_1 = require("@material/switch");
|
|
7
|
-
const aurelia_1 = require("aurelia");
|
|
8
|
-
const mdc_switch_html_raw_1 = tslib_1.__importDefault(require("./mdc-switch.html?raw"));
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { MdcComponent } from '../base';
|
|
3
|
+
import { MDCSwitchRenderFoundation } from '@material/switch';
|
|
4
|
+
import { inject, customElement, CustomElement } from 'aurelia';
|
|
5
|
+
import template from './mdc-switch.html?raw';
|
|
9
6
|
let switchId = 0;
|
|
10
7
|
let MdcSwitch = (() => {
|
|
11
|
-
let _classDecorators = [
|
|
8
|
+
let _classDecorators = [inject(Element), customElement({ name: 'mdc-switch', template })];
|
|
12
9
|
let _classDescriptor;
|
|
13
10
|
let _classExtraInitializers = [];
|
|
14
11
|
let _classThis;
|
|
15
|
-
let _classSuper =
|
|
12
|
+
let _classSuper = MdcComponent;
|
|
16
13
|
var MdcSwitch = class extends _classSuper {
|
|
17
14
|
static { _classThis = this; }
|
|
18
15
|
static {
|
|
19
16
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
20
|
-
|
|
17
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
21
18
|
MdcSwitch = _classThis = _classDescriptor.value;
|
|
22
19
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
23
|
-
|
|
20
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
24
21
|
}
|
|
25
22
|
root;
|
|
26
23
|
constructor(root) {
|
|
@@ -40,7 +37,7 @@ let MdcSwitch = (() => {
|
|
|
40
37
|
this.foundation?.initFromDOM();
|
|
41
38
|
}
|
|
42
39
|
getDefaultFoundation() {
|
|
43
|
-
return new
|
|
40
|
+
return new MDCSwitchRenderFoundation(this.createAdapter());
|
|
44
41
|
}
|
|
45
42
|
createAdapter() {
|
|
46
43
|
return {
|
|
@@ -66,7 +63,7 @@ let MdcSwitch = (() => {
|
|
|
66
63
|
};
|
|
67
64
|
return MdcSwitch = _classThis;
|
|
68
65
|
})();
|
|
69
|
-
|
|
66
|
+
export { MdcSwitch };
|
|
70
67
|
function defineMdcSwitchElementApis(element) {
|
|
71
68
|
Object.defineProperties(element, {
|
|
72
69
|
tagName: {
|
|
@@ -76,10 +73,10 @@ function defineMdcSwitchElementApis(element) {
|
|
|
76
73
|
},
|
|
77
74
|
selected: {
|
|
78
75
|
get() {
|
|
79
|
-
return
|
|
76
|
+
return CustomElement.for(this).viewModel.selected;
|
|
80
77
|
},
|
|
81
78
|
set(value) {
|
|
82
|
-
|
|
79
|
+
CustomElement.for(this).viewModel.selected = value;
|
|
83
80
|
},
|
|
84
81
|
configurable: true
|
|
85
82
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mdc-switch.js","sourceRoot":"","sources":["../../src/switch/mdc-switch.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"mdc-switch.js","sourceRoot":"","sources":["../../src/switch/mdc-switch.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent } from '../base';\r\nimport { MDCSwitchState, MDCSwitchRenderAdapter, MDCSwitchRenderFoundation } from '@material/switch';\r\nimport { inject, customElement, CustomElement } from 'aurelia';\r\nimport { MDCRippleCapableSurface } from '@material/ripple';\r\nimport template from './mdc-switch.html?raw';\r\n\r\nlet switchId = 0;\r\n\r\n@inject(Element)\r\n@customElement({ name: 'mdc-switch', template })\r\nexport class MdcSwitch extends MdcComponent<MDCSwitchRenderFoundation> implements MDCSwitchState, MDCRippleCapableSurface {\r\n constructor(public root: IMdcSwitchElement) {\r\n super(root);\r\n defineMdcSwitchElementApis(this.root);\r\n this.root.id = `mdc-switch-${++switchId}`;\r\n }\r\n\r\n disabled: boolean;\r\n selected: boolean;\r\n processing: boolean;\r\n\r\n initialSyncWithDOM() {\r\n if (this.selected) {\r\n this.root.classList.add('mdc-switch--selected');\r\n this.root.setAttribute('aria-checked', 'true');\r\n }\r\n this.foundation?.initFromDOM();\r\n }\r\n\r\n getDefaultFoundation() {\r\n return new MDCSwitchRenderFoundation(this.createAdapter());\r\n }\r\n\r\n protected createAdapter(): MDCSwitchRenderAdapter {\r\n return {\r\n addClass: className => {\r\n this.root.classList.add(className);\r\n },\r\n hasClass: className => this.root.classList.contains(className),\r\n isDisabled: () => this.root.disabled,\r\n removeClass: className => {\r\n this.root.classList.remove(className);\r\n },\r\n setAriaChecked: ariaChecked =>\r\n this.root.setAttribute('aria-checked', ariaChecked),\r\n setDisabled: disabled => {\r\n this.root.disabled = disabled;\r\n },\r\n state: this,\r\n };\r\n }\r\n\r\n handleClick() {\r\n this.foundation?.handleClick();\r\n this.emit('change', {}, true);\r\n }\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcSwitchElement extends HTMLButtonElement {\r\n selected: boolean;\r\n $au: {\r\n 'au:resource:custom-element': {\r\n viewModel: MdcSwitch;\r\n };\r\n };\r\n}\r\n\r\nfunction defineMdcSwitchElementApis(element: HTMLElement) {\r\n Object.defineProperties(element, {\r\n tagName: {\r\n get() {\r\n return 'MDC-SWITCH';\r\n }\r\n },\r\n selected: {\r\n get(this: IMdcSwitchElement) {\r\n return CustomElement.for<MdcSwitch>(this).viewModel.selected;\r\n },\r\n set(this: IMdcSwitchElement, value: boolean) {\r\n CustomElement.for<MdcSwitch>(this).viewModel.selected = value;\r\n },\r\n configurable: true\r\n }\r\n });\r\n}\r\n"]}
|
|
@@ -1,17 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const tab_indicator_1 = require("@material/tab-indicator");
|
|
7
|
-
const aurelia_1 = require("aurelia");
|
|
8
|
-
const mdc_tab_indicator_html_raw_1 = tslib_1.__importDefault(require("./mdc-tab-indicator.html?raw"));
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { MdcComponent, booleanAttr } from '../../base';
|
|
3
|
+
import { MDCTabIndicatorFoundation, MDCFadingTabIndicatorFoundation, MDCSlidingTabIndicatorFoundation } from '@material/tab-indicator';
|
|
4
|
+
import { inject, customElement, bindable } from 'aurelia';
|
|
5
|
+
import template from './mdc-tab-indicator.html?raw';
|
|
9
6
|
let MdcTabIndicator = (() => {
|
|
10
|
-
let _classDecorators = [
|
|
7
|
+
let _classDecorators = [inject(Element), customElement({ name: 'mdc-tab-indicator', template })];
|
|
11
8
|
let _classDescriptor;
|
|
12
9
|
let _classExtraInitializers = [];
|
|
13
10
|
let _classThis;
|
|
14
|
-
let _classSuper =
|
|
11
|
+
let _classSuper = MdcComponent;
|
|
15
12
|
let _fade_decorators;
|
|
16
13
|
let _fade_initializers = [];
|
|
17
14
|
let _fade_extraInitializers = [];
|
|
@@ -25,21 +22,21 @@ let MdcTabIndicator = (() => {
|
|
|
25
22
|
static { _classThis = this; }
|
|
26
23
|
static {
|
|
27
24
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
28
|
-
_fade_decorators = [
|
|
29
|
-
_active_decorators = [
|
|
30
|
-
_icon_decorators = [
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
25
|
+
_fade_decorators = [bindable({ set: booleanAttr })];
|
|
26
|
+
_active_decorators = [bindable({ set: booleanAttr })];
|
|
27
|
+
_icon_decorators = [bindable()];
|
|
28
|
+
__esDecorate(null, null, _fade_decorators, { kind: "field", name: "fade", static: false, private: false, access: { has: obj => "fade" in obj, get: obj => obj.fade, set: (obj, value) => { obj.fade = value; } }, metadata: _metadata }, _fade_initializers, _fade_extraInitializers);
|
|
29
|
+
__esDecorate(null, null, _active_decorators, { kind: "field", name: "active", static: false, private: false, access: { has: obj => "active" in obj, get: obj => obj.active, set: (obj, value) => { obj.active = value; } }, metadata: _metadata }, _active_initializers, _active_extraInitializers);
|
|
30
|
+
__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);
|
|
31
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
35
32
|
MdcTabIndicator = _classThis = _classDescriptor.value;
|
|
36
33
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
37
|
-
|
|
34
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
38
35
|
}
|
|
39
36
|
content; // assigned in html
|
|
40
|
-
fade =
|
|
41
|
-
active = (
|
|
42
|
-
icon = (
|
|
37
|
+
fade = __runInitializers(this, _fade_initializers, void 0);
|
|
38
|
+
active = (__runInitializers(this, _fade_extraInitializers), __runInitializers(this, _active_initializers, void 0));
|
|
39
|
+
icon = (__runInitializers(this, _active_extraInitializers), __runInitializers(this, _icon_initializers, void 0));
|
|
43
40
|
computeContentClientRect() {
|
|
44
41
|
return this.foundation.computeContentClientRect();
|
|
45
42
|
}
|
|
@@ -52,11 +49,11 @@ let MdcTabIndicator = (() => {
|
|
|
52
49
|
computeContentClientRect: () => this.content.getBoundingClientRect(),
|
|
53
50
|
setContentStyleProperty: (prop, value) => this.content.style.setProperty(prop, value),
|
|
54
51
|
};
|
|
55
|
-
if (this.root.classList.contains(
|
|
56
|
-
return new
|
|
52
|
+
if (this.root.classList.contains(MDCTabIndicatorFoundation.cssClasses.FADE)) {
|
|
53
|
+
return new MDCFadingTabIndicatorFoundation(adapter);
|
|
57
54
|
}
|
|
58
55
|
// Default to the sliding indicator
|
|
59
|
-
return new
|
|
56
|
+
return new MDCSlidingTabIndicatorFoundation(adapter);
|
|
60
57
|
}
|
|
61
58
|
activate(previousIndicatorClientRect) {
|
|
62
59
|
this.foundation?.activate(previousIndicatorClientRect);
|
|
@@ -66,10 +63,10 @@ let MdcTabIndicator = (() => {
|
|
|
66
63
|
}
|
|
67
64
|
constructor() {
|
|
68
65
|
super(...arguments);
|
|
69
|
-
|
|
66
|
+
__runInitializers(this, _icon_extraInitializers);
|
|
70
67
|
}
|
|
71
68
|
};
|
|
72
69
|
return MdcTabIndicator = _classThis;
|
|
73
70
|
})();
|
|
74
|
-
|
|
71
|
+
export { MdcTabIndicator };
|
|
75
72
|
//# sourceMappingURL=mdc-tab-indicator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mdc-tab-indicator.js","sourceRoot":"","sources":["../../../src/tab-bar/indicator/mdc-tab-indicator.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"mdc-tab-indicator.js","sourceRoot":"","sources":["../../../src/tab-bar/indicator/mdc-tab-indicator.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,yBAAyB,EAA0B,+BAA+B,EAAE,gCAAgC,EAAE,MAAM,yBAAyB,CAAC;AAC/J,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,QAAQ,MAAM,8BAA8B,CAAC;IAIvC,eAAe;4BAF3B,MAAM,CAAC,OAAO,CAAC,EACf,aAAa,CAAC,EAAE,IAAI,EAAE,mBAAmB,EAAE,QAAQ,EAAE,CAAC;;;;sBAClB,YAAY;;;;;;;;;;+BAApB,SAAQ,WAAuC;;;;gCAGzE,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;kCAG9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;gCAG9B,QAAQ,EAAE;YALX,8JAAA,IAAI,6BAAJ,IAAI,mFAAU;YAGd,oKAAA,MAAM,6BAAN,MAAM,uFAAU;YAGhB,8JAAA,IAAI,6BAAJ,IAAI,mFAAS;YAVf,6KA2CC;;;YA3CY,uDAAe;;QAClB,OAAO,CAAc,CAAC,mBAAmB;QAGjD,IAAI,uDAAU;QAGd,MAAM,6GAAU;QAGhB,IAAI,6GAAS;QAEb,wBAAwB;YACtB,OAAO,IAAI,CAAC,UAAW,CAAC,wBAAwB,EAAE,CAAC;QACrD,CAAC;QAED,oBAAoB;YAClB,sGAAsG;YACtG,yGAAyG;YACzG,MAAM,OAAO,GAA2B;gBACtC,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC;gBAC3D,WAAW,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;gBACjE,wBAAwB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE;gBACpE,uBAAuB,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC;aACtF,CAAC;YAEF,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAC9B,yBAAyB,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC7C,OAAO,IAAI,+BAA+B,CAAC,OAAO,CAAC,CAAC;YACtD,CAAC;YAED,mCAAmC;YACnC,OAAO,IAAI,gCAAgC,CAAC,OAAO,CAAC,CAAC;QACvD,CAAC;QAED,QAAQ,CAAC,2BAAwC;YAC/C,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,2BAA2B,CAAC,CAAC;QACzD,CAAC;QAED,UAAU;YACR,IAAI,CAAC,UAAU,EAAE,UAAU,EAAE,CAAC;QAChC,CAAC;;;;;;;;SAzCU,eAAe","sourcesContent":["import { MdcComponent, booleanAttr } from '../../base';\r\nimport { MDCTabIndicatorFoundation, MDCTabIndicatorAdapter, MDCFadingTabIndicatorFoundation, MDCSlidingTabIndicatorFoundation } from '@material/tab-indicator';\r\nimport { inject, customElement, bindable } from 'aurelia';\r\nimport template from './mdc-tab-indicator.html?raw';\r\n\r\n@inject(Element)\r\n@customElement({ name: 'mdc-tab-indicator', template })\r\nexport class MdcTabIndicator extends MdcComponent<MDCTabIndicatorFoundation> {\r\n private content: HTMLElement; // assigned in html\r\n\r\n @bindable({ set: booleanAttr })\r\n fade: boolean;\r\n\r\n @bindable({ set: booleanAttr })\r\n active: boolean;\r\n\r\n @bindable()\r\n icon: string;\r\n\r\n computeContentClientRect(): ClientRect {\r\n return this.foundation!.computeContentClientRect();\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: MDCTabIndicatorAdapter = {\r\n addClass: (className) => this.root.classList.add(className),\r\n removeClass: (className) => this.root.classList.remove(className),\r\n computeContentClientRect: () => this.content.getBoundingClientRect(),\r\n setContentStyleProperty: (prop, value) => this.content.style.setProperty(prop, value),\r\n };\r\n\r\n if (this.root.classList.contains(\r\n MDCTabIndicatorFoundation.cssClasses.FADE)) {\r\n return new MDCFadingTabIndicatorFoundation(adapter);\r\n }\r\n\r\n // Default to the sliding indicator\r\n return new MDCSlidingTabIndicatorFoundation(adapter);\r\n }\r\n\r\n activate(previousIndicatorClientRect?: ClientRect) {\r\n this.foundation?.activate(previousIndicatorClientRect);\r\n }\r\n\r\n deactivate() {\r\n this.foundation?.deactivate();\r\n }\r\n\r\n}\r\n"]}
|
|
@@ -1,21 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
const tab_1 = require("@material/tab");
|
|
8
|
-
const aurelia_1 = require("aurelia");
|
|
9
|
-
const mdc_tab_bar_html_raw_1 = tslib_1.__importDefault(require("./mdc-tab-bar.html?raw"));
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { MdcComponent, booleanAttr } from '../base';
|
|
3
|
+
import { MDCTabBarFoundation, strings } from '@material/tab-bar';
|
|
4
|
+
import { MDCTabFoundation } from '@material/tab';
|
|
5
|
+
import { inject, customElement, bindable } from 'aurelia';
|
|
6
|
+
import template from './mdc-tab-bar.html?raw';
|
|
10
7
|
// aurelia is case insensitive
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
MDCTabFoundation.strings.INTERACTED_EVENT = MDCTabFoundation.strings.INTERACTED_EVENT.toLowerCase();
|
|
9
|
+
strings.TAB_ACTIVATED_EVENT = strings.TAB_ACTIVATED_EVENT.toLowerCase();
|
|
13
10
|
let MdcTabBar = (() => {
|
|
14
|
-
let _classDecorators = [
|
|
11
|
+
let _classDecorators = [inject(Element), customElement({ name: 'mdc-tab-bar', template })];
|
|
15
12
|
let _classDescriptor;
|
|
16
13
|
let _classExtraInitializers = [];
|
|
17
14
|
let _classThis;
|
|
18
|
-
let _classSuper =
|
|
15
|
+
let _classSuper = MdcComponent;
|
|
19
16
|
let _focusOnActivate_decorators;
|
|
20
17
|
let _focusOnActivate_initializers = [];
|
|
21
18
|
let _focusOnActivate_extraInitializers = [];
|
|
@@ -29,27 +26,27 @@ let MdcTabBar = (() => {
|
|
|
29
26
|
static { _classThis = this; }
|
|
30
27
|
static {
|
|
31
28
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
32
|
-
_focusOnActivate_decorators = [
|
|
33
|
-
_useAutomaticActivation_decorators = [
|
|
34
|
-
_align_decorators = [
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
29
|
+
_focusOnActivate_decorators = [bindable({ set: booleanAttr })];
|
|
30
|
+
_useAutomaticActivation_decorators = [bindable({ set: booleanAttr })];
|
|
31
|
+
_align_decorators = [bindable()];
|
|
32
|
+
__esDecorate(null, null, _focusOnActivate_decorators, { kind: "field", name: "focusOnActivate", static: false, private: false, access: { has: obj => "focusOnActivate" in obj, get: obj => obj.focusOnActivate, set: (obj, value) => { obj.focusOnActivate = value; } }, metadata: _metadata }, _focusOnActivate_initializers, _focusOnActivate_extraInitializers);
|
|
33
|
+
__esDecorate(null, null, _useAutomaticActivation_decorators, { kind: "field", name: "useAutomaticActivation", static: false, private: false, access: { has: obj => "useAutomaticActivation" in obj, get: obj => obj.useAutomaticActivation, set: (obj, value) => { obj.useAutomaticActivation = value; } }, metadata: _metadata }, _useAutomaticActivation_initializers, _useAutomaticActivation_extraInitializers);
|
|
34
|
+
__esDecorate(null, null, _align_decorators, { kind: "field", name: "align", static: false, private: false, access: { has: obj => "align" in obj, get: obj => obj.align, set: (obj, value) => { obj.align = value; } }, metadata: _metadata }, _align_initializers, _align_extraInitializers);
|
|
35
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
39
36
|
MdcTabBar = _classThis = _classDescriptor.value;
|
|
40
37
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
41
|
-
|
|
38
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
42
39
|
}
|
|
43
40
|
tabScroller_; // assigned in html
|
|
44
|
-
focusOnActivate =
|
|
41
|
+
focusOnActivate = __runInitializers(this, _focusOnActivate_initializers, void 0);
|
|
45
42
|
focusOnActivateChanged() {
|
|
46
43
|
this.tabScroller_?.tabs.forEach((tab) => tab.focusOnActivate = this.focusOnActivate);
|
|
47
44
|
}
|
|
48
|
-
useAutomaticActivation = (
|
|
45
|
+
useAutomaticActivation = (__runInitializers(this, _focusOnActivate_extraInitializers), __runInitializers(this, _useAutomaticActivation_initializers, void 0));
|
|
49
46
|
useAutomaticActivationChanged() {
|
|
50
47
|
this.foundation?.setUseAutomaticActivation(this.useAutomaticActivation);
|
|
51
48
|
}
|
|
52
|
-
align = (
|
|
49
|
+
align = (__runInitializers(this, _useAutomaticActivation_extraInitializers), __runInitializers(this, _align_initializers, void 0));
|
|
53
50
|
initialSyncWithDOM() {
|
|
54
51
|
this.focusOnActivateChanged();
|
|
55
52
|
this.useAutomaticActivationChanged();
|
|
@@ -105,9 +102,9 @@ let MdcTabBar = (() => {
|
|
|
105
102
|
return -1;
|
|
106
103
|
},
|
|
107
104
|
getTabListLength: () => this.tabScroller_.tabs.length,
|
|
108
|
-
notifyTabActivated: (index) => this.emit(
|
|
105
|
+
notifyTabActivated: (index) => this.emit(strings.TAB_ACTIVATED_EVENT, { index }, true),
|
|
109
106
|
};
|
|
110
|
-
return new
|
|
107
|
+
return new MDCTabBarFoundation(adapter);
|
|
111
108
|
}
|
|
112
109
|
/**
|
|
113
110
|
* Activates the tab at the given index
|
|
@@ -127,14 +124,14 @@ let MdcTabBar = (() => {
|
|
|
127
124
|
* Returns all the tab elements in a nice clean array
|
|
128
125
|
*/
|
|
129
126
|
getTabElements_() {
|
|
130
|
-
return [].slice.call(this.root.querySelectorAll(
|
|
127
|
+
return [].slice.call(this.root.querySelectorAll(strings.TAB_SELECTOR));
|
|
131
128
|
}
|
|
132
129
|
constructor() {
|
|
133
130
|
super(...arguments);
|
|
134
|
-
|
|
131
|
+
__runInitializers(this, _align_extraInitializers);
|
|
135
132
|
}
|
|
136
133
|
};
|
|
137
134
|
return MdcTabBar = _classThis;
|
|
138
135
|
})();
|
|
139
|
-
|
|
136
|
+
export { MdcTabBar };
|
|
140
137
|
//# sourceMappingURL=mdc-tab-bar.js.map
|