@angular/material-experimental 14.0.0-next.2 → 14.0.0-next.5
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/esm2020/column-resize/column-resize-directives/column-resize-flex.mjs +4 -4
- package/esm2020/column-resize/column-resize-directives/column-resize.mjs +4 -4
- package/esm2020/column-resize/column-resize-directives/default-enabled-column-resize-flex.mjs +4 -4
- package/esm2020/column-resize/column-resize-directives/default-enabled-column-resize.mjs +4 -4
- package/esm2020/column-resize/column-resize-module.mjs +13 -13
- package/esm2020/column-resize/overlay-handle.mjs +4 -4
- package/esm2020/column-resize/resizable-directives/default-enabled-resizable.mjs +4 -4
- package/esm2020/column-resize/resizable-directives/resizable.mjs +4 -4
- package/esm2020/column-resize/resize-strategy.mjs +4 -4
- package/esm2020/mdc-autocomplete/autocomplete-origin.mjs +4 -4
- package/esm2020/mdc-autocomplete/autocomplete-trigger.mjs +6 -5
- package/esm2020/mdc-autocomplete/autocomplete.mjs +4 -4
- package/esm2020/mdc-autocomplete/module.mjs +5 -5
- package/esm2020/mdc-button/button-base.mjs +7 -7
- package/esm2020/mdc-button/button.mjs +7 -7
- package/esm2020/mdc-button/fab.mjs +13 -13
- package/esm2020/mdc-button/icon-button.mjs +7 -7
- package/esm2020/mdc-button/module.mjs +5 -5
- package/esm2020/mdc-card/card.mjs +44 -44
- package/esm2020/mdc-card/module.mjs +5 -5
- package/esm2020/mdc-checkbox/checkbox.mjs +6 -4
- package/esm2020/mdc-checkbox/module.mjs +5 -5
- package/esm2020/mdc-chips/chip-action.mjs +4 -4
- package/esm2020/mdc-chips/chip-edit-input.mjs +4 -4
- package/esm2020/mdc-chips/chip-grid.mjs +17 -9
- package/esm2020/mdc-chips/chip-icons.mjs +10 -10
- package/esm2020/mdc-chips/chip-input.mjs +4 -4
- package/esm2020/mdc-chips/chip-listbox.mjs +6 -9
- package/esm2020/mdc-chips/chip-option.mjs +4 -4
- package/esm2020/mdc-chips/chip-row.mjs +4 -4
- package/esm2020/mdc-chips/chip-set.mjs +11 -11
- package/esm2020/mdc-chips/chip.mjs +4 -4
- package/esm2020/mdc-chips/module.mjs +5 -5
- package/esm2020/mdc-chips/testing/public-api.mjs +2 -1
- package/esm2020/mdc-core/option/index.mjs +5 -5
- package/esm2020/mdc-core/option/optgroup.mjs +4 -4
- package/esm2020/mdc-core/option/option.mjs +4 -4
- package/esm2020/mdc-dialog/dialog-container.mjs +6 -6
- package/esm2020/mdc-dialog/dialog-content-directives.mjs +27 -15
- package/esm2020/mdc-dialog/dialog.mjs +4 -4
- package/esm2020/mdc-dialog/module.mjs +5 -5
- package/esm2020/mdc-form-field/directives/error.mjs +4 -4
- package/esm2020/mdc-form-field/directives/floating-label.mjs +5 -10
- package/esm2020/mdc-form-field/directives/hint.mjs +4 -4
- package/esm2020/mdc-form-field/directives/label.mjs +4 -4
- package/esm2020/mdc-form-field/directives/line-ripple.mjs +4 -4
- package/esm2020/mdc-form-field/directives/notched-outline.mjs +4 -4
- package/esm2020/mdc-form-field/directives/prefix.mjs +4 -4
- package/esm2020/mdc-form-field/directives/suffix.mjs +4 -4
- package/esm2020/mdc-form-field/form-field.mjs +47 -38
- package/esm2020/mdc-form-field/module.mjs +5 -5
- package/esm2020/mdc-input/input.mjs +4 -4
- package/esm2020/mdc-input/module.mjs +5 -5
- package/esm2020/mdc-list/action-list.mjs +5 -5
- package/esm2020/mdc-list/interactive-list-base.mjs +4 -4
- package/esm2020/mdc-list/list-base.mjs +7 -7
- package/esm2020/mdc-list/list-item-sections.mjs +19 -19
- package/esm2020/mdc-list/list-option.mjs +4 -4
- package/esm2020/mdc-list/list.mjs +20 -8
- package/esm2020/mdc-list/module.mjs +5 -5
- package/esm2020/mdc-list/nav-list.mjs +4 -4
- package/esm2020/mdc-list/selection-list.mjs +4 -4
- package/esm2020/mdc-list/subheader.mjs +4 -4
- package/esm2020/mdc-menu/directives.mjs +7 -7
- package/esm2020/mdc-menu/menu-item.mjs +4 -4
- package/esm2020/mdc-menu/menu.mjs +9 -9
- package/esm2020/mdc-menu/module.mjs +5 -5
- package/esm2020/mdc-paginator/module.mjs +5 -5
- package/esm2020/mdc-paginator/paginator.mjs +5 -5
- package/esm2020/mdc-paginator/public-api.mjs +1 -1
- package/esm2020/mdc-progress-bar/module.mjs +5 -5
- package/esm2020/mdc-progress-bar/progress-bar.mjs +5 -5
- package/esm2020/mdc-progress-spinner/module.mjs +5 -5
- package/esm2020/mdc-progress-spinner/progress-spinner.mjs +7 -4
- package/esm2020/mdc-radio/module.mjs +5 -5
- package/esm2020/mdc-radio/radio.mjs +7 -7
- package/esm2020/mdc-select/module.mjs +5 -5
- package/esm2020/mdc-select/select.mjs +9 -9
- package/esm2020/mdc-slide-toggle/module.mjs +5 -5
- package/esm2020/mdc-slide-toggle/slide-toggle.mjs +4 -4
- package/esm2020/mdc-slider/global-change-and-input-listener.mjs +4 -4
- package/esm2020/mdc-slider/module.mjs +5 -5
- package/esm2020/mdc-slider/slider.mjs +11 -11
- package/esm2020/mdc-snack-bar/module.mjs +5 -5
- package/esm2020/mdc-snack-bar/simple-snack-bar.mjs +4 -4
- package/esm2020/mdc-snack-bar/snack-bar-container.mjs +5 -5
- package/esm2020/mdc-snack-bar/snack-bar-content.mjs +10 -10
- package/esm2020/mdc-snack-bar/snack-bar.mjs +4 -4
- package/esm2020/mdc-table/cell.mjs +22 -22
- package/esm2020/mdc-table/module.mjs +5 -5
- package/esm2020/mdc-table/row.mjs +22 -22
- package/esm2020/mdc-table/table.mjs +9 -9
- package/esm2020/mdc-table/text-column.mjs +4 -4
- package/esm2020/mdc-tabs/module.mjs +5 -5
- package/esm2020/mdc-tabs/tab-body.mjs +7 -7
- package/esm2020/mdc-tabs/tab-content.mjs +4 -4
- package/esm2020/mdc-tabs/tab-group.mjs +4 -4
- package/esm2020/mdc-tabs/tab-header.mjs +5 -5
- package/esm2020/mdc-tabs/tab-label-wrapper.mjs +4 -4
- package/esm2020/mdc-tabs/tab-label.mjs +4 -4
- package/esm2020/mdc-tabs/tab-nav-bar/tab-nav-bar.mjs +11 -11
- package/esm2020/mdc-tabs/tab.mjs +4 -4
- package/esm2020/mdc-tooltip/module.mjs +5 -5
- package/esm2020/mdc-tooltip/tooltip.mjs +9 -8
- package/esm2020/menubar/menubar-item.mjs +4 -4
- package/esm2020/menubar/menubar-module.mjs +5 -5
- package/esm2020/menubar/menubar.mjs +4 -4
- package/esm2020/popover-edit/lens-directives.mjs +10 -10
- package/esm2020/popover-edit/popover-edit-module.mjs +5 -5
- package/esm2020/popover-edit/table-directives.mjs +13 -13
- package/esm2020/selection/row-selection.mjs +4 -4
- package/esm2020/selection/select-all.mjs +4 -4
- package/esm2020/selection/selection-column.mjs +4 -4
- package/esm2020/selection/selection-module.mjs +5 -5
- package/esm2020/selection/selection-toggle.mjs +4 -4
- package/esm2020/selection/selection.mjs +4 -4
- package/esm2020/version.mjs +1 -1
- package/fesm2015/column-resize.mjs +36 -36
- package/fesm2015/column-resize.mjs.map +1 -1
- package/fesm2015/material-experimental.mjs +1 -1
- package/fesm2015/material-experimental.mjs.map +1 -1
- package/fesm2015/mdc-autocomplete.mjs +15 -14
- package/fesm2015/mdc-autocomplete.mjs.map +1 -1
- package/fesm2015/mdc-button.mjs +34 -34
- package/fesm2015/mdc-button.mjs.map +1 -1
- package/fesm2015/mdc-card.mjs +47 -47
- package/fesm2015/mdc-card.mjs.map +1 -1
- package/fesm2015/mdc-checkbox.mjs +9 -7
- package/fesm2015/mdc-checkbox.mjs.map +1 -1
- package/fesm2015/mdc-chips/testing.mjs +2 -2
- package/fesm2015/mdc-chips/testing.mjs.map +1 -1
- package/fesm2015/mdc-chips.mjs +61 -57
- package/fesm2015/mdc-chips.mjs.map +1 -1
- package/fesm2015/mdc-core.mjs +10 -10
- package/fesm2015/mdc-core.mjs.map +1 -1
- package/fesm2015/mdc-dialog.mjs +38 -26
- package/fesm2015/mdc-dialog.mjs.map +1 -1
- package/fesm2015/mdc-form-field.mjs +76 -72
- package/fesm2015/mdc-form-field.mjs.map +1 -1
- package/fesm2015/mdc-input.mjs +7 -7
- package/fesm2015/mdc-input.mjs.map +1 -1
- package/fesm2015/mdc-list.mjs +64 -53
- package/fesm2015/mdc-list.mjs.map +1 -1
- package/fesm2015/mdc-menu.mjs +20 -20
- package/fesm2015/mdc-menu.mjs.map +1 -1
- package/fesm2015/mdc-paginator.mjs +8 -8
- package/fesm2015/mdc-paginator.mjs.map +1 -1
- package/fesm2015/mdc-progress-bar.mjs +8 -8
- package/fesm2015/mdc-progress-bar.mjs.map +1 -1
- package/fesm2015/mdc-progress-spinner.mjs +10 -7
- package/fesm2015/mdc-progress-spinner.mjs.map +1 -1
- package/fesm2015/mdc-radio.mjs +10 -10
- package/fesm2015/mdc-radio.mjs.map +1 -1
- package/fesm2015/mdc-select.mjs +12 -12
- package/fesm2015/mdc-select.mjs.map +1 -1
- package/fesm2015/mdc-slide-toggle.mjs +7 -7
- package/fesm2015/mdc-slide-toggle.mjs.map +1 -1
- package/fesm2015/mdc-slider.mjs +17 -17
- package/fesm2015/mdc-slider.mjs.map +1 -1
- package/fesm2015/mdc-snack-bar.mjs +23 -23
- package/fesm2015/mdc-snack-bar.mjs.map +1 -1
- package/fesm2015/mdc-table.mjs +57 -57
- package/fesm2015/mdc-table.mjs.map +1 -1
- package/fesm2015/mdc-tabs.mjs +39 -39
- package/fesm2015/mdc-tabs.mjs.map +1 -1
- package/fesm2015/mdc-tooltip.mjs +12 -11
- package/fesm2015/mdc-tooltip.mjs.map +1 -1
- package/fesm2015/menubar.mjs +10 -10
- package/fesm2015/menubar.mjs.map +1 -1
- package/fesm2015/popover-edit.mjs +25 -25
- package/fesm2015/popover-edit.mjs.map +1 -1
- package/fesm2015/selection.mjs +19 -19
- package/fesm2015/selection.mjs.map +1 -1
- package/fesm2020/column-resize.mjs +36 -36
- package/fesm2020/column-resize.mjs.map +1 -1
- package/fesm2020/material-experimental.mjs +1 -1
- package/fesm2020/material-experimental.mjs.map +1 -1
- package/fesm2020/mdc-autocomplete.mjs +15 -14
- package/fesm2020/mdc-autocomplete.mjs.map +1 -1
- package/fesm2020/mdc-button.mjs +34 -34
- package/fesm2020/mdc-button.mjs.map +1 -1
- package/fesm2020/mdc-card.mjs +47 -47
- package/fesm2020/mdc-card.mjs.map +1 -1
- package/fesm2020/mdc-checkbox.mjs +9 -7
- package/fesm2020/mdc-checkbox.mjs.map +1 -1
- package/fesm2020/mdc-chips/testing.mjs +1 -1
- package/fesm2020/mdc-chips/testing.mjs.map +1 -1
- package/fesm2020/mdc-chips.mjs +61 -57
- package/fesm2020/mdc-chips.mjs.map +1 -1
- package/fesm2020/mdc-core.mjs +10 -10
- package/fesm2020/mdc-core.mjs.map +1 -1
- package/fesm2020/mdc-dialog.mjs +38 -26
- package/fesm2020/mdc-dialog.mjs.map +1 -1
- package/fesm2020/mdc-form-field.mjs +75 -71
- package/fesm2020/mdc-form-field.mjs.map +1 -1
- package/fesm2020/mdc-input.mjs +7 -7
- package/fesm2020/mdc-input.mjs.map +1 -1
- package/fesm2020/mdc-list.mjs +64 -53
- package/fesm2020/mdc-list.mjs.map +1 -1
- package/fesm2020/mdc-menu.mjs +20 -20
- package/fesm2020/mdc-menu.mjs.map +1 -1
- package/fesm2020/mdc-paginator.mjs +8 -8
- package/fesm2020/mdc-paginator.mjs.map +1 -1
- package/fesm2020/mdc-progress-bar.mjs +8 -8
- package/fesm2020/mdc-progress-bar.mjs.map +1 -1
- package/fesm2020/mdc-progress-spinner.mjs +10 -7
- package/fesm2020/mdc-progress-spinner.mjs.map +1 -1
- package/fesm2020/mdc-radio.mjs +10 -10
- package/fesm2020/mdc-radio.mjs.map +1 -1
- package/fesm2020/mdc-select.mjs +12 -12
- package/fesm2020/mdc-select.mjs.map +1 -1
- package/fesm2020/mdc-slide-toggle.mjs +7 -7
- package/fesm2020/mdc-slide-toggle.mjs.map +1 -1
- package/fesm2020/mdc-slider.mjs +17 -17
- package/fesm2020/mdc-slider.mjs.map +1 -1
- package/fesm2020/mdc-snack-bar.mjs +23 -23
- package/fesm2020/mdc-snack-bar.mjs.map +1 -1
- package/fesm2020/mdc-table.mjs +57 -57
- package/fesm2020/mdc-table.mjs.map +1 -1
- package/fesm2020/mdc-tabs.mjs +39 -39
- package/fesm2020/mdc-tabs.mjs.map +1 -1
- package/fesm2020/mdc-tooltip.mjs +12 -11
- package/fesm2020/mdc-tooltip.mjs.map +1 -1
- package/fesm2020/menubar.mjs +10 -10
- package/fesm2020/menubar.mjs.map +1 -1
- package/fesm2020/popover-edit.mjs +25 -25
- package/fesm2020/popover-edit.mjs.map +1 -1
- package/fesm2020/selection.mjs +19 -19
- package/fesm2020/selection.mjs.map +1 -1
- package/mdc-button/_button-theme.scss +5 -2
- package/mdc-button/_icon-button-theme.scss +2 -1
- package/mdc-chips/chip-grid.d.ts +18 -5
- package/mdc-chips/chip-listbox.d.ts +1 -2
- package/mdc-chips/chip-set.d.ts +3 -1
- package/mdc-chips/testing/public-api.d.ts +1 -0
- package/mdc-dialog/dialog-content-directives.d.ts +5 -1
- package/mdc-form-field/_form-field-density.scss +2 -2
- package/mdc-form-field/_form-field-high-contrast.scss +14 -5
- package/mdc-form-field/_form-field-theme.scss +1 -1
- package/mdc-form-field/_mdc-text-field-structure-overrides.scss +2 -2
- package/mdc-form-field/directives/floating-label.d.ts +1 -3
- package/mdc-form-field/form-field.d.ts +17 -8
- package/mdc-list/_list-theme.scss +9 -0
- package/mdc-list/list.d.ts +5 -1
- package/mdc-menu/menu.d.ts +1 -1
- package/mdc-paginator/public-api.d.ts +1 -1
- package/mdc-select/_select-theme.scss +1 -1
- package/mdc-table/_table-theme.scss +2 -9
- package/mdc-tabs/_tabs-common.scss +9 -0
- package/mdc-theming/prebuilt/deeppurple-amber.css +1 -1
- package/mdc-theming/prebuilt/indigo-pink.css +1 -1
- package/mdc-theming/prebuilt/pink-bluegrey.css +1 -1
- package/mdc-theming/prebuilt/purple-green.css +1 -1
- package/package.json +8 -16
- package/esm2020/mdc-sidenav/index.mjs +0 -9
- package/esm2020/mdc-sidenav/mdc-sidenav_public_index.mjs +0 -5
- package/esm2020/mdc-sidenav/module.mjs +0 -23
- package/esm2020/mdc-sidenav/public-api.mjs +0 -9
- package/fesm2015/mdc-sidenav.mjs +0 -46
- package/fesm2015/mdc-sidenav.mjs.map +0 -1
- package/fesm2020/mdc-sidenav.mjs +0 -46
- package/fesm2020/mdc-sidenav.mjs.map +0 -1
- package/mdc-sidenav/_sidenav-theme.import.scss +0 -5
- package/mdc-sidenav/_sidenav-theme.scss +0 -28
- package/mdc-sidenav/index.d.ts +0 -8
- package/mdc-sidenav/mdc-sidenav_public_index.d.ts +0 -4
- package/mdc-sidenav/module.d.ts +0 -7
- package/mdc-sidenav/package.json +0 -9
- package/mdc-sidenav/public-api.d.ts +0 -8
|
@@ -18,9 +18,9 @@ import { MatCommonModule } from '@angular/material/core';
|
|
|
18
18
|
*/
|
|
19
19
|
class MatEditLens extends CdkEditControl {
|
|
20
20
|
}
|
|
21
|
-
MatEditLens.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
22
|
-
MatEditLens.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
21
|
+
MatEditLens.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatEditLens, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
22
|
+
MatEditLens.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "14.0.0-next.4", type: MatEditLens, selector: "form[matEditLens]", inputs: { clickOutBehavior: ["matEditLensClickOutBehavior", "clickOutBehavior"], preservedFormValue: ["matEditLensPreservedFormValue", "preservedFormValue"], ignoreSubmitUnlessValid: ["matEditLensIgnoreSubmitUnlessValid", "ignoreSubmitUnlessValid"] }, outputs: { preservedFormValueChange: "matEditLensPreservedFormValueChange" }, host: { classAttribute: "mat-edit-lens" }, providers: [EditRef], usesInheritance: true, ngImport: i0 });
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatEditLens, decorators: [{
|
|
24
24
|
type: Directive,
|
|
25
25
|
args: [{
|
|
26
26
|
selector: 'form[matEditLens]',
|
|
@@ -39,9 +39,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
39
39
|
/** Reverts the form to its initial or previously submitted state on click. */
|
|
40
40
|
class MatEditRevert extends CdkEditRevert {
|
|
41
41
|
}
|
|
42
|
-
MatEditRevert.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
43
|
-
MatEditRevert.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "
|
|
44
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
42
|
+
MatEditRevert.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatEditRevert, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
43
|
+
MatEditRevert.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "14.0.0-next.4", type: MatEditRevert, selector: "button[matEditRevert]", host: { attributes: { "type": "button" } }, usesInheritance: true, ngImport: i0 });
|
|
44
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatEditRevert, decorators: [{
|
|
45
45
|
type: Directive,
|
|
46
46
|
args: [{
|
|
47
47
|
selector: 'button[matEditRevert]',
|
|
@@ -53,9 +53,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
53
53
|
/** Closes the lens on click. */
|
|
54
54
|
class MatEditClose extends CdkEditClose {
|
|
55
55
|
}
|
|
56
|
-
MatEditClose.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
57
|
-
MatEditClose.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "
|
|
58
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
56
|
+
MatEditClose.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatEditClose, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
57
|
+
MatEditClose.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "14.0.0-next.4", type: MatEditClose, selector: "[matEditClose]", usesInheritance: true, ngImport: i0 });
|
|
58
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatEditClose, decorators: [{
|
|
59
59
|
type: Directive,
|
|
60
60
|
args: [{ selector: '[matEditClose]' }]
|
|
61
61
|
}] });
|
|
@@ -93,9 +93,9 @@ class MatPopoverEdit extends CdkPopoverEdit {
|
|
|
93
93
|
return EDIT_PANE_CLASS;
|
|
94
94
|
}
|
|
95
95
|
}
|
|
96
|
-
MatPopoverEdit.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
97
|
-
MatPopoverEdit.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "
|
|
98
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
96
|
+
MatPopoverEdit.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatPopoverEdit, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
97
|
+
MatPopoverEdit.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "14.0.0-next.4", type: MatPopoverEdit, selector: "[matPopoverEdit]:not([matPopoverEditTabOut])", inputs: { template: ["matPopoverEdit", "template"], context: ["matPopoverEditContext", "context"], colspan: ["matPopoverEditColspan", "colspan"], disabled: ["matPopoverEditDisabled", "disabled"] }, host: { properties: { "attr.tabindex": "disabled ? null : 0", "attr.aria-haspopup": "!disabled" }, classAttribute: "mat-popover-edit-cell" }, usesInheritance: true, ngImport: i0 });
|
|
98
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatPopoverEdit, decorators: [{
|
|
99
99
|
type: Directive,
|
|
100
100
|
args: [{
|
|
101
101
|
selector: '[matPopoverEdit]:not([matPopoverEditTabOut])',
|
|
@@ -113,9 +113,9 @@ class MatPopoverEditTabOut extends CdkPopoverEditTabOut {
|
|
|
113
113
|
return EDIT_PANE_CLASS;
|
|
114
114
|
}
|
|
115
115
|
}
|
|
116
|
-
MatPopoverEditTabOut.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
117
|
-
MatPopoverEditTabOut.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "
|
|
118
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
116
|
+
MatPopoverEditTabOut.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatPopoverEditTabOut, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
117
|
+
MatPopoverEditTabOut.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "14.0.0-next.4", type: MatPopoverEditTabOut, selector: "[matPopoverEdit][matPopoverEditTabOut]", inputs: { template: ["matPopoverEdit", "template"], context: ["matPopoverEditContext", "context"], colspan: ["matPopoverEditColspan", "colspan"], disabled: ["matPopoverEditDisabled", "disabled"] }, host: { properties: { "attr.tabindex": "disabled ? null : 0", "attr.aria-haspopup": "!disabled" }, classAttribute: "mat-popover-edit-cell" }, usesInheritance: true, ngImport: i0 });
|
|
118
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatPopoverEditTabOut, decorators: [{
|
|
119
119
|
type: Directive,
|
|
120
120
|
args: [{
|
|
121
121
|
selector: '[matPopoverEdit][matPopoverEditTabOut]',
|
|
@@ -151,9 +151,9 @@ class MatRowHoverContent extends CdkRowHoverContent {
|
|
|
151
151
|
});
|
|
152
152
|
}
|
|
153
153
|
}
|
|
154
|
-
MatRowHoverContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
155
|
-
MatRowHoverContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "
|
|
156
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
154
|
+
MatRowHoverContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatRowHoverContent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
155
|
+
MatRowHoverContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "14.0.0-next.4", type: MatRowHoverContent, selector: "[matRowHoverContent]", usesInheritance: true, ngImport: i0 });
|
|
156
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatRowHoverContent, decorators: [{
|
|
157
157
|
type: Directive,
|
|
158
158
|
args: [{
|
|
159
159
|
selector: '[matRowHoverContent]',
|
|
@@ -165,9 +165,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
165
165
|
*/
|
|
166
166
|
class MatEditOpen extends CdkEditOpen {
|
|
167
167
|
}
|
|
168
|
-
MatEditOpen.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
169
|
-
MatEditOpen.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "
|
|
170
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
168
|
+
MatEditOpen.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatEditOpen, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
169
|
+
MatEditOpen.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "14.0.0-next.4", type: MatEditOpen, selector: "[matEditOpen]", usesInheritance: true, ngImport: i0 });
|
|
170
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatEditOpen, decorators: [{
|
|
171
171
|
type: Directive,
|
|
172
172
|
args: [{
|
|
173
173
|
selector: '[matEditOpen]',
|
|
@@ -183,8 +183,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
183
183
|
*/
|
|
184
184
|
class MatPopoverEditModule {
|
|
185
185
|
}
|
|
186
|
-
MatPopoverEditModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
187
|
-
MatPopoverEditModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
186
|
+
MatPopoverEditModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatPopoverEditModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
187
|
+
MatPopoverEditModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatPopoverEditModule, declarations: [MatPopoverEdit,
|
|
188
188
|
MatPopoverEditTabOut,
|
|
189
189
|
MatRowHoverContent,
|
|
190
190
|
MatEditLens,
|
|
@@ -198,8 +198,8 @@ MatPopoverEditModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", ve
|
|
|
198
198
|
MatEditClose,
|
|
199
199
|
MatEditOpen,
|
|
200
200
|
CdkEditable] });
|
|
201
|
-
MatPopoverEditModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
202
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
201
|
+
MatPopoverEditModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatPopoverEditModule, imports: [[CdkPopoverEditModule, MatCommonModule]] });
|
|
202
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatPopoverEditModule, decorators: [{
|
|
203
203
|
type: NgModule,
|
|
204
204
|
args: [{
|
|
205
205
|
imports: [CdkPopoverEditModule, MatCommonModule],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover-edit.mjs","sources":["../../../../../../src/material-experimental/popover-edit/lens-directives.ts","../../../../../../src/material-experimental/popover-edit/table-directives.ts","../../../../../../src/material-experimental/popover-edit/popover-edit-module.ts","../../../../../../src/material-experimental/popover-edit/public-api.ts","../../../../../../src/material-experimental/popover-edit/index.ts","../../../../../../src/material-experimental/popover-edit/popover-edit_public_index.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {Directive} from '@angular/core';\n\nimport {\n CdkEditControl,\n CdkEditRevert,\n CdkEditClose,\n EditRef,\n} from '@angular/cdk-experimental/popover-edit';\n\n/**\n * A component that attaches to a form within the edit.\n * It coordinates the form state with the table-wide edit system and handles\n * closing the edit when the form is submitted or the user clicks\n * out.\n */\n@Directive({\n selector: 'form[matEditLens]',\n host: {\n 'class': 'mat-edit-lens',\n },\n inputs: [\n 'clickOutBehavior: matEditLensClickOutBehavior',\n 'preservedFormValue: matEditLensPreservedFormValue',\n 'ignoreSubmitUnlessValid: matEditLensIgnoreSubmitUnlessValid',\n ],\n outputs: ['preservedFormValueChange: matEditLensPreservedFormValueChange'],\n providers: [EditRef],\n})\nexport class MatEditLens<FormValue> extends CdkEditControl<FormValue> {}\n\n/** Reverts the form to its initial or previously submitted state on click. */\n@Directive({\n selector: 'button[matEditRevert]',\n host: {\n 'type': 'button', // Prevents accidental form submits.\n },\n})\nexport class MatEditRevert<FormValue> extends CdkEditRevert<FormValue> {}\n\n/** Closes the lens on click. */\n@Directive({selector: '[matEditClose]'})\nexport class MatEditClose<FormValue> extends CdkEditClose<FormValue> {}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nimport {Directive} from '@angular/core';\nimport {\n _CELL_SELECTOR,\n _closest,\n CdkPopoverEdit,\n CdkPopoverEditTabOut,\n CdkRowHoverContent,\n CdkEditOpen,\n} from '@angular/cdk-experimental/popover-edit';\n\nconst POPOVER_EDIT_HOST_BINDINGS = {\n '[attr.tabindex]': 'disabled ? null : 0',\n 'class': 'mat-popover-edit-cell',\n '[attr.aria-haspopup]': '!disabled',\n};\n\nconst POPOVER_EDIT_INPUTS = [\n 'template: matPopoverEdit',\n 'context: matPopoverEditContext',\n 'colspan: matPopoverEditColspan',\n 'disabled: matPopoverEditDisabled',\n];\n\nconst EDIT_PANE_CLASS = 'mat-edit-pane';\n\nconst MAT_ROW_HOVER_CLASS = 'mat-row-hover-content';\nconst MAT_ROW_HOVER_RTL_CLASS = MAT_ROW_HOVER_CLASS + '-rtl';\nconst MAT_ROW_HOVER_ANIMATE_CLASS = MAT_ROW_HOVER_CLASS + '-visible';\nconst MAT_ROW_HOVER_CELL_CLASS = MAT_ROW_HOVER_CLASS + '-host-cell';\n\n/**\n * Attaches an ng-template to a cell and shows it when instructed to by the\n * EditEventDispatcher service.\n * Makes the cell focusable.\n */\n@Directive({\n selector: '[matPopoverEdit]:not([matPopoverEditTabOut])',\n host: POPOVER_EDIT_HOST_BINDINGS,\n inputs: POPOVER_EDIT_INPUTS,\n})\nexport class MatPopoverEdit<C> extends CdkPopoverEdit<C> {\n protected override panelClass(): string {\n return EDIT_PANE_CLASS;\n }\n}\n\n/**\n * Attaches an ng-template to a cell and shows it when instructed to by the\n * EditEventDispatcher service.\n * Makes the cell focusable.\n */\n@Directive({\n selector: '[matPopoverEdit][matPopoverEditTabOut]',\n host: POPOVER_EDIT_HOST_BINDINGS,\n inputs: POPOVER_EDIT_INPUTS,\n})\nexport class MatPopoverEditTabOut<C> extends CdkPopoverEditTabOut<C> {\n protected override panelClass(): string {\n return EDIT_PANE_CLASS;\n }\n}\n\n/**\n * A structural directive that shows its contents when the table row containing\n * it is hovered or when an element in the row has focus.\n */\n@Directive({\n selector: '[matRowHoverContent]',\n})\nexport class MatRowHoverContent extends CdkRowHoverContent {\n protected override initElement(element: HTMLElement) {\n super.initElement(element);\n element.classList.add(MAT_ROW_HOVER_CLASS);\n }\n\n protected override makeElementHiddenButFocusable(element: HTMLElement): void {\n element.classList.remove(MAT_ROW_HOVER_ANIMATE_CLASS);\n }\n\n protected override makeElementVisible(element: HTMLElement): void {\n _closest(this.elementRef.nativeElement!, _CELL_SELECTOR)!.classList.add(\n MAT_ROW_HOVER_CELL_CLASS,\n );\n\n if (this.services.directionality.value === 'rtl') {\n element.classList.add(MAT_ROW_HOVER_RTL_CLASS);\n } else {\n element.classList.remove(MAT_ROW_HOVER_RTL_CLASS);\n }\n\n element.classList.remove(MAT_ROW_HOVER_ANIMATE_CLASS);\n this.services.ngZone.runOutsideAngular(() => {\n setTimeout(() => {\n element.classList.add(MAT_ROW_HOVER_ANIMATE_CLASS);\n });\n });\n }\n}\n\n/**\n * Opens the closest edit popover to this element, whether it's associated with this exact\n * element or an ancestor element.\n */\n@Directive({\n selector: '[matEditOpen]',\n})\nexport class MatEditOpen extends CdkEditOpen {}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {NgModule} from '@angular/core';\nimport {MatCommonModule} from '@angular/material/core';\nimport {CdkEditable, CdkPopoverEditModule} from '@angular/cdk-experimental/popover-edit';\nimport {\n MatPopoverEdit,\n MatPopoverEditTabOut,\n MatRowHoverContent,\n MatEditOpen,\n} from './table-directives';\nimport {MatEditLens, MatEditRevert, MatEditClose} from './lens-directives';\n\n@NgModule({\n imports: [CdkPopoverEditModule, MatCommonModule],\n exports: [\n MatPopoverEdit,\n MatPopoverEditTabOut,\n MatRowHoverContent,\n MatEditLens,\n MatEditRevert,\n MatEditClose,\n MatEditOpen,\n CdkEditable,\n ],\n declarations: [\n MatPopoverEdit,\n MatPopoverEditTabOut,\n MatRowHoverContent,\n MatEditLens,\n MatEditRevert,\n MatEditClose,\n MatEditOpen,\n ],\n})\nexport class MatPopoverEditModule {}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './lens-directives';\nexport * from './popover-edit-module';\nexport * from './table-directives';\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"popover-edit.mjs","sources":["../../../../../../src/material-experimental/popover-edit/lens-directives.ts","../../../../../../src/material-experimental/popover-edit/table-directives.ts","../../../../../../src/material-experimental/popover-edit/popover-edit-module.ts","../../../../../../src/material-experimental/popover-edit/public-api.ts","../../../../../../src/material-experimental/popover-edit/index.ts","../../../../../../src/material-experimental/popover-edit/popover-edit_public_index.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {Directive} from '@angular/core';\n\nimport {\n CdkEditControl,\n CdkEditRevert,\n CdkEditClose,\n EditRef,\n} from '@angular/cdk-experimental/popover-edit';\n\n/**\n * A component that attaches to a form within the edit.\n * It coordinates the form state with the table-wide edit system and handles\n * closing the edit when the form is submitted or the user clicks\n * out.\n */\n@Directive({\n selector: 'form[matEditLens]',\n host: {\n 'class': 'mat-edit-lens',\n },\n inputs: [\n 'clickOutBehavior: matEditLensClickOutBehavior',\n 'preservedFormValue: matEditLensPreservedFormValue',\n 'ignoreSubmitUnlessValid: matEditLensIgnoreSubmitUnlessValid',\n ],\n outputs: ['preservedFormValueChange: matEditLensPreservedFormValueChange'],\n providers: [EditRef],\n})\nexport class MatEditLens<FormValue> extends CdkEditControl<FormValue> {}\n\n/** Reverts the form to its initial or previously submitted state on click. */\n@Directive({\n selector: 'button[matEditRevert]',\n host: {\n 'type': 'button', // Prevents accidental form submits.\n },\n})\nexport class MatEditRevert<FormValue> extends CdkEditRevert<FormValue> {}\n\n/** Closes the lens on click. */\n@Directive({selector: '[matEditClose]'})\nexport class MatEditClose<FormValue> extends CdkEditClose<FormValue> {}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nimport {Directive} from '@angular/core';\nimport {\n _CELL_SELECTOR,\n _closest,\n CdkPopoverEdit,\n CdkPopoverEditTabOut,\n CdkRowHoverContent,\n CdkEditOpen,\n} from '@angular/cdk-experimental/popover-edit';\n\nconst POPOVER_EDIT_HOST_BINDINGS = {\n '[attr.tabindex]': 'disabled ? null : 0',\n 'class': 'mat-popover-edit-cell',\n '[attr.aria-haspopup]': '!disabled',\n};\n\nconst POPOVER_EDIT_INPUTS = [\n 'template: matPopoverEdit',\n 'context: matPopoverEditContext',\n 'colspan: matPopoverEditColspan',\n 'disabled: matPopoverEditDisabled',\n];\n\nconst EDIT_PANE_CLASS = 'mat-edit-pane';\n\nconst MAT_ROW_HOVER_CLASS = 'mat-row-hover-content';\nconst MAT_ROW_HOVER_RTL_CLASS = MAT_ROW_HOVER_CLASS + '-rtl';\nconst MAT_ROW_HOVER_ANIMATE_CLASS = MAT_ROW_HOVER_CLASS + '-visible';\nconst MAT_ROW_HOVER_CELL_CLASS = MAT_ROW_HOVER_CLASS + '-host-cell';\n\n/**\n * Attaches an ng-template to a cell and shows it when instructed to by the\n * EditEventDispatcher service.\n * Makes the cell focusable.\n */\n@Directive({\n selector: '[matPopoverEdit]:not([matPopoverEditTabOut])',\n host: POPOVER_EDIT_HOST_BINDINGS,\n inputs: POPOVER_EDIT_INPUTS,\n})\nexport class MatPopoverEdit<C> extends CdkPopoverEdit<C> {\n protected override panelClass(): string {\n return EDIT_PANE_CLASS;\n }\n}\n\n/**\n * Attaches an ng-template to a cell and shows it when instructed to by the\n * EditEventDispatcher service.\n * Makes the cell focusable.\n */\n@Directive({\n selector: '[matPopoverEdit][matPopoverEditTabOut]',\n host: POPOVER_EDIT_HOST_BINDINGS,\n inputs: POPOVER_EDIT_INPUTS,\n})\nexport class MatPopoverEditTabOut<C> extends CdkPopoverEditTabOut<C> {\n protected override panelClass(): string {\n return EDIT_PANE_CLASS;\n }\n}\n\n/**\n * A structural directive that shows its contents when the table row containing\n * it is hovered or when an element in the row has focus.\n */\n@Directive({\n selector: '[matRowHoverContent]',\n})\nexport class MatRowHoverContent extends CdkRowHoverContent {\n protected override initElement(element: HTMLElement) {\n super.initElement(element);\n element.classList.add(MAT_ROW_HOVER_CLASS);\n }\n\n protected override makeElementHiddenButFocusable(element: HTMLElement): void {\n element.classList.remove(MAT_ROW_HOVER_ANIMATE_CLASS);\n }\n\n protected override makeElementVisible(element: HTMLElement): void {\n _closest(this.elementRef.nativeElement!, _CELL_SELECTOR)!.classList.add(\n MAT_ROW_HOVER_CELL_CLASS,\n );\n\n if (this.services.directionality.value === 'rtl') {\n element.classList.add(MAT_ROW_HOVER_RTL_CLASS);\n } else {\n element.classList.remove(MAT_ROW_HOVER_RTL_CLASS);\n }\n\n element.classList.remove(MAT_ROW_HOVER_ANIMATE_CLASS);\n this.services.ngZone.runOutsideAngular(() => {\n setTimeout(() => {\n element.classList.add(MAT_ROW_HOVER_ANIMATE_CLASS);\n });\n });\n }\n}\n\n/**\n * Opens the closest edit popover to this element, whether it's associated with this exact\n * element or an ancestor element.\n */\n@Directive({\n selector: '[matEditOpen]',\n})\nexport class MatEditOpen extends CdkEditOpen {}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {NgModule} from '@angular/core';\nimport {MatCommonModule} from '@angular/material/core';\nimport {CdkEditable, CdkPopoverEditModule} from '@angular/cdk-experimental/popover-edit';\nimport {\n MatPopoverEdit,\n MatPopoverEditTabOut,\n MatRowHoverContent,\n MatEditOpen,\n} from './table-directives';\nimport {MatEditLens, MatEditRevert, MatEditClose} from './lens-directives';\n\n@NgModule({\n imports: [CdkPopoverEditModule, MatCommonModule],\n exports: [\n MatPopoverEdit,\n MatPopoverEditTabOut,\n MatRowHoverContent,\n MatEditLens,\n MatEditRevert,\n MatEditClose,\n MatEditOpen,\n CdkEditable,\n ],\n declarations: [\n MatPopoverEdit,\n MatPopoverEditTabOut,\n MatRowHoverContent,\n MatEditLens,\n MatEditRevert,\n MatEditClose,\n MatEditOpen,\n ],\n})\nexport class MatPopoverEditModule {}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './lens-directives';\nexport * from './popover-edit-module';\nexport * from './table-directives';\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/fesm2020/selection.mjs
CHANGED
|
@@ -37,9 +37,9 @@ class MatSelection extends CdkSelection {
|
|
|
37
37
|
this._multiple = coerceBooleanProperty(multiple);
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
|
-
MatSelection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
41
|
-
MatSelection.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "
|
|
42
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
40
|
+
MatSelection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatSelection, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
41
|
+
MatSelection.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "14.0.0-next.4", type: MatSelection, selector: "[matSelection]", inputs: { multiple: ["matSelectionMultiple", "multiple"] }, outputs: { change: "matSelectionChange" }, providers: [{ provide: CdkSelection, useExisting: MatSelection }], exportAs: ["matSelection"], usesInheritance: true, ngImport: i0 });
|
|
42
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatSelection, decorators: [{
|
|
43
43
|
type: Directive,
|
|
44
44
|
args: [{
|
|
45
45
|
selector: '[matSelection]',
|
|
@@ -73,9 +73,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
73
73
|
*/
|
|
74
74
|
class MatSelectAll extends CdkSelectAll {
|
|
75
75
|
}
|
|
76
|
-
MatSelectAll.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
77
|
-
MatSelectAll.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "
|
|
78
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
76
|
+
MatSelectAll.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatSelectAll, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
77
|
+
MatSelectAll.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "14.0.0-next.4", type: MatSelectAll, selector: "[matSelectAll]", providers: [{ provide: CdkSelectAll, useExisting: MatSelectAll }], exportAs: ["matSelectAll"], usesInheritance: true, ngImport: i0 });
|
|
78
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatSelectAll, decorators: [{
|
|
79
79
|
type: Directive,
|
|
80
80
|
args: [{
|
|
81
81
|
selector: '[matSelectAll]',
|
|
@@ -103,9 +103,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
103
103
|
*/
|
|
104
104
|
class MatSelectionToggle extends CdkSelectionToggle {
|
|
105
105
|
}
|
|
106
|
-
MatSelectionToggle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
107
|
-
MatSelectionToggle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "
|
|
108
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
106
|
+
MatSelectionToggle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatSelectionToggle, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
107
|
+
MatSelectionToggle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "14.0.0-next.4", type: MatSelectionToggle, selector: "[matSelectionToggle]", inputs: { index: ["matSelectionToggleIndex", "index"], value: ["matSelectionToggleValue", "value"] }, providers: [{ provide: CdkSelectionToggle, useExisting: MatSelectionToggle }], exportAs: ["matSelectionToggle"], usesInheritance: true, ngImport: i0 });
|
|
108
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatSelectionToggle, decorators: [{
|
|
109
109
|
type: Directive,
|
|
110
110
|
args: [{
|
|
111
111
|
selector: '[matSelectionToggle]',
|
|
@@ -169,8 +169,8 @@ class MatSelectionColumn {
|
|
|
169
169
|
}
|
|
170
170
|
}
|
|
171
171
|
}
|
|
172
|
-
MatSelectionColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
173
|
-
MatSelectionColumn.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
172
|
+
MatSelectionColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatSelectionColumn, deps: [{ token: MatTable, optional: true }, { token: MatSelection, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
173
|
+
MatSelectionColumn.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "14.0.0-next.4", type: MatSelectionColumn, selector: "mat-selection-column", inputs: { name: "name" }, viewQueries: [{ propertyName: "_columnDef", first: true, predicate: MatColumnDef, descendants: true, static: true }, { propertyName: "_cell", first: true, predicate: MatCellDef, descendants: true, static: true }, { propertyName: "_headerCell", first: true, predicate: MatHeaderCellDef, descendants: true, static: true }], ngImport: i0, template: `
|
|
174
174
|
<ng-container matColumnDef>
|
|
175
175
|
<th mat-header-cell *matHeaderCellDef class="mat-selection-column-header">
|
|
176
176
|
<mat-checkbox *ngIf="selection.multiple"
|
|
@@ -186,7 +186,7 @@ MatSelectionColumn.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
186
186
|
</td>
|
|
187
187
|
</ng-container>
|
|
188
188
|
`, isInline: true, styles: ["th.mat-selection-column-header,td.mat-selection-column-cell{text-align:center;width:48px}\n"], components: [{ type: i1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], directives: [{ type: i2.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: MatSelectAll, selector: "[matSelectAll]", exportAs: ["matSelectAll"] }, { type: i2.MatCellDef, selector: "[matCellDef]" }, { type: i2.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: MatSelectionToggle, selector: "[matSelectionToggle]", inputs: ["matSelectionToggleIndex", "matSelectionToggleValue"], exportAs: ["matSelectionToggle"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
189
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
189
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatSelectionColumn, decorators: [{
|
|
190
190
|
type: Component,
|
|
191
191
|
args: [{ selector: 'mat-selection-column', template: `
|
|
192
192
|
<ng-container matColumnDef>
|
|
@@ -243,9 +243,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
243
243
|
*/
|
|
244
244
|
class MatRowSelection extends CdkRowSelection {
|
|
245
245
|
}
|
|
246
|
-
MatRowSelection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
247
|
-
MatRowSelection.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "
|
|
248
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
246
|
+
MatRowSelection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatRowSelection, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
247
|
+
MatRowSelection.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "14.0.0-next.4", type: MatRowSelection, selector: "[matRowSelection]", inputs: { index: ["matRowSelectionIndex", "index"], value: ["matRowSelectionValue", "value"] }, host: { properties: { "class.mat-selected": "_selection.isSelected(this.value, this.index)", "attr.aria-selected": "_selection.isSelected(this.value, this.index)" } }, providers: [{ provide: CdkRowSelection, useExisting: MatRowSelection }], usesInheritance: true, ngImport: i0 });
|
|
248
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatRowSelection, decorators: [{
|
|
249
249
|
type: Directive,
|
|
250
250
|
args: [{
|
|
251
251
|
selector: '[matRowSelection]',
|
|
@@ -270,14 +270,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
270
270
|
*/
|
|
271
271
|
class MatSelectionModule {
|
|
272
272
|
}
|
|
273
|
-
MatSelectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
274
|
-
MatSelectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
273
|
+
MatSelectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatSelectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
274
|
+
MatSelectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatSelectionModule, declarations: [MatSelectAll,
|
|
275
275
|
MatSelection,
|
|
276
276
|
MatSelectionToggle,
|
|
277
277
|
MatSelectionColumn,
|
|
278
278
|
MatRowSelection], imports: [CommonModule, MatTableModule, MatCheckboxModule], exports: [MatSelectAll, MatSelection, MatSelectionToggle, MatSelectionColumn, MatRowSelection] });
|
|
279
|
-
MatSelectionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
280
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
279
|
+
MatSelectionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatSelectionModule, imports: [[CommonModule, MatTableModule, MatCheckboxModule]] });
|
|
280
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.4", ngImport: i0, type: MatSelectionModule, decorators: [{
|
|
281
281
|
type: NgModule,
|
|
282
282
|
args: [{
|
|
283
283
|
imports: [CommonModule, MatTableModule, MatCheckboxModule],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selection.mjs","sources":["../../../../../../src/material-experimental/selection/selection.ts","../../../../../../src/material-experimental/selection/select-all.ts","../../../../../../src/material-experimental/selection/selection-toggle.ts","../../../../../../src/material-experimental/selection/selection-column.ts","../../../../../../src/material-experimental/selection/row-selection.ts","../../../../../../src/material-experimental/selection/selection-module.ts","../../../../../../src/material-experimental/selection/public-api.ts","../../../../../../src/material-experimental/selection/index.ts","../../../../../../src/material-experimental/selection/selection_public_index.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {coerceBooleanProperty} from '@angular/cdk/coercion';\nimport {CdkSelection, SelectionChange} from '@angular/cdk-experimental/selection';\nimport {Directive, Input, Output, EventEmitter} from '@angular/core';\n\n/**\n * Manages the selection states of the items and provides methods to check and update the selection\n * states.\n * It must be applied to the parent element if `matSelectionToggle`, `matSelectAll`,\n * `matRowSelection` and `matSelectionColumn` are applied.\n */\n@Directive({\n selector: '[matSelection]',\n exportAs: 'matSelection',\n providers: [{provide: CdkSelection, useExisting: MatSelection}],\n})\n// tslint:disable-next-line: coercion-types\nexport class MatSelection<T> extends CdkSelection<T> {\n /** Whether to support multiple selection */\n @Input('matSelectionMultiple')\n override get multiple(): boolean {\n return this._multiple;\n }\n override set multiple(multiple: boolean) {\n this._multiple = coerceBooleanProperty(multiple);\n }\n\n /** Emits when selection changes. */\n @Output('matSelectionChange') override readonly change = new EventEmitter<SelectionChange<T>>();\n}\n\n/**\n * Represents the change in the selection set.\n */\nexport {SelectionChange} from '@angular/cdk-experimental/selection';\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {CdkSelectAll} from '@angular/cdk-experimental/selection';\nimport {Directive} from '@angular/core';\n\n/**\n * Makes the element a select-all toggle.\n *\n * Must be used within a parent `MatSelection` directive. It toggles the selection states\n * of all the selection toggles connected with the `MatSelection` directive.\n * If the element implements `ControlValueAccessor`, e.g. `MatCheckbox`, the directive\n * automatically connects it with the select-all state provided by the `MatSelection` directive. If\n * not, use `checked` to get the checked state, `indeterminate` to get the indeterminate state,\n * and `toggle()` to change the selection state.\n */\n@Directive({\n selector: '[matSelectAll]',\n exportAs: 'matSelectAll',\n providers: [{provide: CdkSelectAll, useExisting: MatSelectAll}],\n})\nexport class MatSelectAll<T> extends CdkSelectAll<T> {}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {CdkSelectionToggle} from '@angular/cdk-experimental/selection';\nimport {Directive, Input} from '@angular/core';\n\n/**\n * Makes the element a selection toggle.\n *\n * Must be used within a parent `MatSelection` directive.\n * Must be provided with the value. If `trackBy` is used on `MatSelection`, the index of the value\n * is required. If the element implements `ControlValueAccessor`, e.g. `MatCheckbox`, the directive\n * automatically connects it with the selection state provided by the `MatSelection` directive. If\n * not, use `checked$` to get the checked state of the value, and `toggle()` to change the selection\n * state.\n */\n@Directive({\n selector: '[matSelectionToggle]',\n exportAs: 'matSelectionToggle',\n inputs: ['index: matSelectionToggleIndex'],\n providers: [{provide: CdkSelectionToggle, useExisting: MatSelectionToggle}],\n})\nexport class MatSelectionToggle<T> extends CdkSelectionToggle<T> {\n /** The value that is associated with the toggle */\n @Input('matSelectionToggleValue') override value: T;\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {MatCellDef, MatColumnDef, MatHeaderCellDef, MatTable} from '@angular/material/table';\nimport {\n Component,\n Input,\n OnDestroy,\n OnInit,\n Optional,\n ViewChild,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n Inject,\n} from '@angular/core';\n\nimport {MatSelection} from './selection';\n\n/**\n * Column that adds row selecting checkboxes and a select-all checkbox if `matSelectionMultiple` is\n * `true`.\n *\n * Must be used within a parent `MatSelection` directive.\n */\n@Component({\n selector: 'mat-selection-column',\n template: `\n <ng-container matColumnDef>\n <th mat-header-cell *matHeaderCellDef class=\"mat-selection-column-header\">\n <mat-checkbox *ngIf=\"selection.multiple\"\n matSelectAll\n #allToggler=\"matSelectAll\"\n [indeterminate]=\"allToggler.indeterminate | async\"></mat-checkbox>\n </th>\n <td mat-cell *matCellDef=\"let row; let i = $index\" class=\"mat-selection-column-cell\">\n <mat-checkbox\n matSelectionToggle\n [matSelectionToggleValue]=\"row\"\n [matSelectionToggleIndex]=\"i\"></mat-checkbox>\n </td>\n </ng-container>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n styleUrls: ['selection-column.css'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class MatSelectionColumn<T> implements OnInit, OnDestroy {\n /** Column name that should be used to reference this column. */\n @Input()\n get name(): string {\n return this._name;\n }\n set name(name: string) {\n this._name = name;\n\n this._syncColumnDefName();\n }\n private _name: string;\n\n @ViewChild(MatColumnDef, {static: true}) private readonly _columnDef: MatColumnDef;\n @ViewChild(MatCellDef, {static: true}) private readonly _cell: MatCellDef;\n @ViewChild(MatHeaderCellDef, {static: true}) private readonly _headerCell: MatHeaderCellDef;\n\n constructor(\n @Optional() @Inject(MatTable) private _table: MatTable<T>,\n @Optional() @Inject(MatSelection) readonly selection: MatSelection<T>,\n ) {}\n\n ngOnInit() {\n if (!this.selection && (typeof ngDevMode === 'undefined' || ngDevMode)) {\n throw Error('MatSelectionColumn: missing MatSelection in the parent');\n }\n\n this._syncColumnDefName();\n\n if (this._table) {\n this._columnDef.cell = this._cell;\n this._columnDef.headerCell = this._headerCell;\n this._table.addColumnDef(this._columnDef);\n } else if (typeof ngDevMode === 'undefined' || ngDevMode) {\n throw Error('MatSelectionColumn: missing parent table');\n }\n }\n\n ngOnDestroy() {\n if (this._table) {\n this._table.removeColumnDef(this._columnDef);\n }\n }\n\n private _syncColumnDefName() {\n if (this._columnDef) {\n this._columnDef.name = this._name;\n }\n }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {CdkRowSelection} from '@angular/cdk-experimental/selection';\nimport {Input, Directive} from '@angular/core';\n\n/**\n * Applies `mat-selected` class and `aria-selected` to an element.\n *\n * Must be used within a parent `MatSelection` directive.\n * Must be provided with the value. The index is required if `trackBy` is used on the `CdkSelection`\n * directive.\n */\n@Directive({\n selector: '[matRowSelection]',\n host: {\n '[class.mat-selected]': '_selection.isSelected(this.value, this.index)',\n '[attr.aria-selected]': '_selection.isSelected(this.value, this.index)',\n },\n providers: [{provide: CdkRowSelection, useExisting: MatRowSelection}],\n inputs: ['index: matRowSelectionIndex'],\n})\nexport class MatRowSelection<T> extends CdkRowSelection<T> {\n /** The value that is associated with the row */\n @Input('matRowSelectionValue') override value: T;\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\n// TODO(yifange): Move the table-specific code to a separate module from the other selection\n// behaviors once we move it out of experiemental.\nimport {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {MatTableModule} from '@angular/material/table';\nimport {MatCheckboxModule} from '@angular/material/checkbox';\nimport {MatSelectAll} from './select-all';\nimport {MatSelection} from './selection';\nimport {MatSelectionToggle} from './selection-toggle';\nimport {MatSelectionColumn} from './selection-column';\nimport {MatRowSelection} from './row-selection';\n\n@NgModule({\n imports: [CommonModule, MatTableModule, MatCheckboxModule],\n exports: [MatSelectAll, MatSelection, MatSelectionToggle, MatSelectionColumn, MatRowSelection],\n declarations: [\n MatSelectAll,\n MatSelection,\n MatSelectionToggle,\n MatSelectionColumn,\n MatRowSelection,\n ],\n})\nexport class MatSelectionModule {}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './selection';\nexport * from './select-all';\nexport * from './selection-toggle';\nexport * from './selection-column';\nexport * from './row-selection';\nexport * from './selection-module';\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"selection.mjs","sources":["../../../../../../src/material-experimental/selection/selection.ts","../../../../../../src/material-experimental/selection/select-all.ts","../../../../../../src/material-experimental/selection/selection-toggle.ts","../../../../../../src/material-experimental/selection/selection-column.ts","../../../../../../src/material-experimental/selection/row-selection.ts","../../../../../../src/material-experimental/selection/selection-module.ts","../../../../../../src/material-experimental/selection/public-api.ts","../../../../../../src/material-experimental/selection/index.ts","../../../../../../src/material-experimental/selection/selection_public_index.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {coerceBooleanProperty} from '@angular/cdk/coercion';\nimport {CdkSelection, SelectionChange} from '@angular/cdk-experimental/selection';\nimport {Directive, Input, Output, EventEmitter} from '@angular/core';\n\n/**\n * Manages the selection states of the items and provides methods to check and update the selection\n * states.\n * It must be applied to the parent element if `matSelectionToggle`, `matSelectAll`,\n * `matRowSelection` and `matSelectionColumn` are applied.\n */\n@Directive({\n selector: '[matSelection]',\n exportAs: 'matSelection',\n providers: [{provide: CdkSelection, useExisting: MatSelection}],\n})\n// tslint:disable-next-line: coercion-types\nexport class MatSelection<T> extends CdkSelection<T> {\n /** Whether to support multiple selection */\n @Input('matSelectionMultiple')\n override get multiple(): boolean {\n return this._multiple;\n }\n override set multiple(multiple: boolean) {\n this._multiple = coerceBooleanProperty(multiple);\n }\n\n /** Emits when selection changes. */\n @Output('matSelectionChange') override readonly change = new EventEmitter<SelectionChange<T>>();\n}\n\n/**\n * Represents the change in the selection set.\n */\nexport {SelectionChange} from '@angular/cdk-experimental/selection';\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {CdkSelectAll} from '@angular/cdk-experimental/selection';\nimport {Directive} from '@angular/core';\n\n/**\n * Makes the element a select-all toggle.\n *\n * Must be used within a parent `MatSelection` directive. It toggles the selection states\n * of all the selection toggles connected with the `MatSelection` directive.\n * If the element implements `ControlValueAccessor`, e.g. `MatCheckbox`, the directive\n * automatically connects it with the select-all state provided by the `MatSelection` directive. If\n * not, use `checked` to get the checked state, `indeterminate` to get the indeterminate state,\n * and `toggle()` to change the selection state.\n */\n@Directive({\n selector: '[matSelectAll]',\n exportAs: 'matSelectAll',\n providers: [{provide: CdkSelectAll, useExisting: MatSelectAll}],\n})\nexport class MatSelectAll<T> extends CdkSelectAll<T> {}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {CdkSelectionToggle} from '@angular/cdk-experimental/selection';\nimport {Directive, Input} from '@angular/core';\n\n/**\n * Makes the element a selection toggle.\n *\n * Must be used within a parent `MatSelection` directive.\n * Must be provided with the value. If `trackBy` is used on `MatSelection`, the index of the value\n * is required. If the element implements `ControlValueAccessor`, e.g. `MatCheckbox`, the directive\n * automatically connects it with the selection state provided by the `MatSelection` directive. If\n * not, use `checked$` to get the checked state of the value, and `toggle()` to change the selection\n * state.\n */\n@Directive({\n selector: '[matSelectionToggle]',\n exportAs: 'matSelectionToggle',\n inputs: ['index: matSelectionToggleIndex'],\n providers: [{provide: CdkSelectionToggle, useExisting: MatSelectionToggle}],\n})\nexport class MatSelectionToggle<T> extends CdkSelectionToggle<T> {\n /** The value that is associated with the toggle */\n @Input('matSelectionToggleValue') override value: T;\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {MatCellDef, MatColumnDef, MatHeaderCellDef, MatTable} from '@angular/material/table';\nimport {\n Component,\n Input,\n OnDestroy,\n OnInit,\n Optional,\n ViewChild,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n Inject,\n} from '@angular/core';\n\nimport {MatSelection} from './selection';\n\n/**\n * Column that adds row selecting checkboxes and a select-all checkbox if `matSelectionMultiple` is\n * `true`.\n *\n * Must be used within a parent `MatSelection` directive.\n */\n@Component({\n selector: 'mat-selection-column',\n template: `\n <ng-container matColumnDef>\n <th mat-header-cell *matHeaderCellDef class=\"mat-selection-column-header\">\n <mat-checkbox *ngIf=\"selection.multiple\"\n matSelectAll\n #allToggler=\"matSelectAll\"\n [indeterminate]=\"allToggler.indeterminate | async\"></mat-checkbox>\n </th>\n <td mat-cell *matCellDef=\"let row; let i = $index\" class=\"mat-selection-column-cell\">\n <mat-checkbox\n matSelectionToggle\n [matSelectionToggleValue]=\"row\"\n [matSelectionToggleIndex]=\"i\"></mat-checkbox>\n </td>\n </ng-container>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n styleUrls: ['selection-column.css'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class MatSelectionColumn<T> implements OnInit, OnDestroy {\n /** Column name that should be used to reference this column. */\n @Input()\n get name(): string {\n return this._name;\n }\n set name(name: string) {\n this._name = name;\n\n this._syncColumnDefName();\n }\n private _name: string;\n\n @ViewChild(MatColumnDef, {static: true}) private readonly _columnDef: MatColumnDef;\n @ViewChild(MatCellDef, {static: true}) private readonly _cell: MatCellDef;\n @ViewChild(MatHeaderCellDef, {static: true}) private readonly _headerCell: MatHeaderCellDef;\n\n constructor(\n @Optional() @Inject(MatTable) private _table: MatTable<T>,\n @Optional() @Inject(MatSelection) readonly selection: MatSelection<T>,\n ) {}\n\n ngOnInit() {\n if (!this.selection && (typeof ngDevMode === 'undefined' || ngDevMode)) {\n throw Error('MatSelectionColumn: missing MatSelection in the parent');\n }\n\n this._syncColumnDefName();\n\n if (this._table) {\n this._columnDef.cell = this._cell;\n this._columnDef.headerCell = this._headerCell;\n this._table.addColumnDef(this._columnDef);\n } else if (typeof ngDevMode === 'undefined' || ngDevMode) {\n throw Error('MatSelectionColumn: missing parent table');\n }\n }\n\n ngOnDestroy() {\n if (this._table) {\n this._table.removeColumnDef(this._columnDef);\n }\n }\n\n private _syncColumnDefName() {\n if (this._columnDef) {\n this._columnDef.name = this._name;\n }\n }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {CdkRowSelection} from '@angular/cdk-experimental/selection';\nimport {Input, Directive} from '@angular/core';\n\n/**\n * Applies `mat-selected` class and `aria-selected` to an element.\n *\n * Must be used within a parent `MatSelection` directive.\n * Must be provided with the value. The index is required if `trackBy` is used on the `CdkSelection`\n * directive.\n */\n@Directive({\n selector: '[matRowSelection]',\n host: {\n '[class.mat-selected]': '_selection.isSelected(this.value, this.index)',\n '[attr.aria-selected]': '_selection.isSelected(this.value, this.index)',\n },\n providers: [{provide: CdkRowSelection, useExisting: MatRowSelection}],\n inputs: ['index: matRowSelectionIndex'],\n})\nexport class MatRowSelection<T> extends CdkRowSelection<T> {\n /** The value that is associated with the row */\n @Input('matRowSelectionValue') override value: T;\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\n// TODO(yifange): Move the table-specific code to a separate module from the other selection\n// behaviors once we move it out of experiemental.\nimport {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {MatTableModule} from '@angular/material/table';\nimport {MatCheckboxModule} from '@angular/material/checkbox';\nimport {MatSelectAll} from './select-all';\nimport {MatSelection} from './selection';\nimport {MatSelectionToggle} from './selection-toggle';\nimport {MatSelectionColumn} from './selection-column';\nimport {MatRowSelection} from './row-selection';\n\n@NgModule({\n imports: [CommonModule, MatTableModule, MatCheckboxModule],\n exports: [MatSelectAll, MatSelection, MatSelectionToggle, MatSelectionColumn, MatRowSelection],\n declarations: [\n MatSelectAll,\n MatSelection,\n MatSelectionToggle,\n MatSelectionColumn,\n MatRowSelection,\n ],\n})\nexport class MatSelectionModule {}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './selection';\nexport * from './select-all';\nexport * from './selection-toggle';\nexport * from './selection-column';\nexport * from './row-selection';\nexport * from './selection-module';\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;;AAYA;;;;;;AAWA;MACa,YAAgB,SAAQ,YAAe;IANpD;;;QAiBkD,WAAM,GAAG,IAAI,YAAY,EAAsB,CAAC;KACjG;;IAVC,IACa,QAAQ;QACnB,OAAO,IAAI,CAAC,SAAS,CAAC;KACvB;IACD,IAAa,QAAQ,CAAC,QAAiB;QACrC,IAAI,CAAC,SAAS,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;KAClD;;gHARU,YAAY;oGAAZ,YAAY,gJAHZ,CAAC,EAAC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAC,CAAC;kGAGpD,YAAY;kBANxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,QAAQ,EAAE,cAAc;oBACxB,SAAS,EAAE,CAAC,EAAC,OAAO,EAAE,YAAY,EAAE,WAAW,cAAc,EAAC,CAAC;iBAChE;8BAKc,QAAQ;sBADpB,KAAK;uBAAC,sBAAsB;gBASmB,MAAM;sBAArD,MAAM;uBAAC,oBAAoB;;;ACnC9B;;;;;;;AAWA;;;;;;;;;;MAea,YAAgB,SAAQ,YAAe;;gHAAvC,YAAY;oGAAZ,YAAY,yCAFZ,CAAC,EAAC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAC,CAAC;kGAEpD,YAAY;kBALxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,QAAQ,EAAE,cAAc;oBACxB,SAAS,EAAE,CAAC,EAAC,OAAO,EAAE,YAAY,EAAE,WAAW,cAAc,EAAC,CAAC;iBAChE;;;ACzBD;;;;;;;AAWA;;;;;;;;;;MAgBa,kBAAsB,SAAQ,kBAAqB;;sHAAnD,kBAAkB;0GAAlB,kBAAkB,qJAFlB,CAAC,EAAC,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,kBAAkB,EAAC,CAAC;kGAEhE,kBAAkB;kBAN9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,QAAQ,EAAE,oBAAoB;oBAC9B,MAAM,EAAE,CAAC,gCAAgC,CAAC;oBAC1C,SAAS,EAAE,CAAC,EAAC,OAAO,EAAE,kBAAkB,EAAE,WAAW,oBAAoB,EAAC,CAAC;iBAC5E;8BAG4C,KAAK;sBAA/C,KAAK;uBAAC,yBAAyB;;;AC7BlC;;;;;;;AAuBA;;;;;;MA4Ba,kBAAkB;IAiB7B,YACwC,MAAmB,EACd,SAA0B;QAD/B,WAAM,GAAN,MAAM,CAAa;QACd,cAAS,GAAT,SAAS,CAAiB;KACnE;;IAlBJ,IACI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;KACnB;IACD,IAAI,IAAI,CAAC,IAAY;QACnB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAElB,IAAI,CAAC,kBAAkB,EAAE,CAAC;KAC3B;IAYD,QAAQ;QACN,IAAI,CAAC,IAAI,CAAC,SAAS,KAAK,OAAO,SAAS,KAAK,WAAW,IAAI,SAAS,CAAC,EAAE;YACtE,MAAM,KAAK,CAAC,wDAAwD,CAAC,CAAC;SACvE;QAED,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAE1B,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,UAAU,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;YAClC,IAAI,CAAC,UAAU,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC;YAC9C,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC3C;aAAM,IAAI,OAAO,SAAS,KAAK,WAAW,IAAI,SAAS,EAAE;YACxD,MAAM,KAAK,CAAC,0CAA0C,CAAC,CAAC;SACzD;KACF;IAED,WAAW;QACT,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC9C;KACF;IAEO,kBAAkB;QACxB,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,UAAU,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;SACnC;KACF;;sHAhDU,kBAAkB,kBAkBP,QAAQ,6BACR,YAAY;0GAnBvB,kBAAkB,kIAalB,YAAY,sFACZ,UAAU,4FACV,gBAAgB,8DAnCjB;;;;;;;;;;;;;;;GAeT;kGAKU,kBAAkB;kBAtB9B,SAAS;+BACE,sBAAsB,YACtB;;;;;;;;;;;;;;;GAeT,mBACgB,uBAAuB,CAAC,MAAM,iBAEhC,iBAAiB,CAAC,IAAI;;0BAoBlC,QAAQ;;0BAAI,MAAM;2BAAC,QAAQ;;0BAC3B,QAAQ;;0BAAI,MAAM;2BAAC,YAAY;4CAhB9B,IAAI;sBADP,KAAK;gBAWoD,UAAU;sBAAnE,SAAS;uBAAC,YAAY,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;gBACiB,KAAK;sBAA5D,SAAS;uBAAC,UAAU,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;gBACyB,WAAW;sBAAxE,SAAS;uBAAC,gBAAgB,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;;;AClE7C;;;;;;;AAWA;;;;;;;MAgBa,eAAmB,SAAQ,eAAkB;;mHAA7C,eAAe;uGAAf,eAAe,oTAHf,CAAC,EAAC,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,eAAe,EAAC,CAAC;kGAG1D,eAAe;kBAT3B,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,IAAI,EAAE;wBACJ,sBAAsB,EAAE,+CAA+C;wBACvE,sBAAsB,EAAE,+CAA+C;qBACxE;oBACD,SAAS,EAAE,CAAC,EAAC,OAAO,EAAE,eAAe,EAAE,WAAW,iBAAiB,EAAC,CAAC;oBACrE,MAAM,EAAE,CAAC,6BAA6B,CAAC;iBACxC;8BAGyC,KAAK;sBAA5C,KAAK;uBAAC,sBAAsB;;;AC7B/B;;;;;;;MA+Ba,kBAAkB;;sHAAlB,kBAAkB;uHAAlB,kBAAkB,iBAP3B,YAAY;QACZ,YAAY;QACZ,kBAAkB;QAClB,kBAAkB;QAClB,eAAe,aAPP,YAAY,EAAE,cAAc,EAAE,iBAAiB,aAC/C,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,eAAe;uHASlF,kBAAkB,YAVpB,CAAC,YAAY,EAAE,cAAc,EAAE,iBAAiB,CAAC;kGAU/C,kBAAkB;kBAX9B,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,iBAAiB,CAAC;oBAC1D,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,eAAe,CAAC;oBAC9F,YAAY,EAAE;wBACZ,YAAY;wBACZ,YAAY;wBACZ,kBAAkB;wBAClB,kBAAkB;wBAClB,eAAe;qBAChB;iBACF;;;AC9BD;;;;;;;;ACAA;;;;;;;;ACAA;;;;;;"}
|
|
@@ -196,8 +196,11 @@
|
|
|
196
196
|
.mat-mdc-raised-button,
|
|
197
197
|
.mat-mdc-unelevated-button,
|
|
198
198
|
.mat-mdc-outlined-button {
|
|
199
|
-
|
|
200
|
-
|
|
199
|
+
// Use `mat-mdc-button-base` to increase the specificity over the button's structural styles.
|
|
200
|
+
&.mat-mdc-button-base {
|
|
201
|
+
@include mdc-button-theme.density($density-scale, $query: mdc-helpers.$mat-base-styles-query);
|
|
202
|
+
@include button-theme-private.touch-target-density($density-scale);
|
|
203
|
+
}
|
|
201
204
|
}
|
|
202
205
|
}
|
|
203
206
|
|
|
@@ -49,7 +49,8 @@
|
|
|
49
49
|
|
|
50
50
|
@mixin density($config-or-theme) {
|
|
51
51
|
$density-scale: theming.get-density-config($config-or-theme);
|
|
52
|
-
|
|
52
|
+
// Use `mat-mdc-button-base` to increase the specificity over the button's structural styles.
|
|
53
|
+
.mat-mdc-icon-button.mat-mdc-button-base {
|
|
53
54
|
@include mdc-icon-button.density($density-scale, $query: mdc-helpers.$mat-base-styles-query);
|
|
54
55
|
@include button-theme-private.touch-target-density($density-scale);
|
|
55
56
|
}
|
package/mdc-chips/chip-grid.d.ts
CHANGED
|
@@ -12,7 +12,7 @@ import { CanUpdateErrorState, ErrorStateMatcher } from '@angular/material-experi
|
|
|
12
12
|
import { MatFormFieldControl } from '@angular/material-experimental/mdc-form-field';
|
|
13
13
|
import { LiveAnnouncer } from '@angular/cdk/a11y';
|
|
14
14
|
import { MatChipTextControl } from './chip-text-control';
|
|
15
|
-
import { Observable } from 'rxjs';
|
|
15
|
+
import { Observable, Subject } from 'rxjs';
|
|
16
16
|
import { MatChipEvent } from './chip';
|
|
17
17
|
import { MatChipRow } from './chip-row';
|
|
18
18
|
import { MatChipSet } from './chip-set';
|
|
@@ -37,10 +37,24 @@ declare class MatChipGridBase extends MatChipSet {
|
|
|
37
37
|
_defaultErrorStateMatcher: ErrorStateMatcher;
|
|
38
38
|
_parentForm: NgForm;
|
|
39
39
|
_parentFormGroup: FormGroupDirective;
|
|
40
|
-
/**
|
|
40
|
+
/**
|
|
41
|
+
* Form control bound to the component.
|
|
42
|
+
* Implemented as part of `MatFormFieldControl`.
|
|
43
|
+
* @docs-private
|
|
44
|
+
*/
|
|
41
45
|
ngControl: NgControl;
|
|
46
|
+
/**
|
|
47
|
+
* Emits whenever the component state changes and should cause the parent
|
|
48
|
+
* form-field to update. Implemented as part of `MatFormFieldControl`.
|
|
49
|
+
* @docs-private
|
|
50
|
+
*/
|
|
51
|
+
readonly stateChanges: Subject<void>;
|
|
42
52
|
constructor(liveAnnouncer: LiveAnnouncer, document: any, elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, _defaultErrorStateMatcher: ErrorStateMatcher, _parentForm: NgForm, _parentFormGroup: FormGroupDirective,
|
|
43
|
-
/**
|
|
53
|
+
/**
|
|
54
|
+
* Form control bound to the component.
|
|
55
|
+
* Implemented as part of `MatFormFieldControl`.
|
|
56
|
+
* @docs-private
|
|
57
|
+
*/
|
|
44
58
|
ngControl: NgControl);
|
|
45
59
|
}
|
|
46
60
|
declare const _MatChipGridMixinBase: import("@angular/material-experimental/mdc-core")._Constructor<CanUpdateErrorState> & import("@angular/material-experimental/mdc-core")._AbstractConstructor<CanUpdateErrorState> & typeof MatChipGridBase;
|
|
@@ -56,6 +70,7 @@ export declare class MatChipGrid extends _MatChipGridMixinBase implements AfterC
|
|
|
56
70
|
readonly controlType: string;
|
|
57
71
|
/** The chip input to add more chips */
|
|
58
72
|
protected _chipInput: MatChipTextControl;
|
|
73
|
+
protected _defaultRole: string;
|
|
59
74
|
/**
|
|
60
75
|
* Function when touched. Set as part of ControlValueAccessor implementation.
|
|
61
76
|
* @docs-private
|
|
@@ -82,8 +97,6 @@ export declare class MatChipGrid extends _MatChipGridMixinBase implements AfterC
|
|
|
82
97
|
* @docs-private
|
|
83
98
|
*/
|
|
84
99
|
get empty(): boolean;
|
|
85
|
-
/** The ARIA role applied to the chip grid. */
|
|
86
|
-
get role(): string | null;
|
|
87
100
|
/**
|
|
88
101
|
* Implemented as part of MatFormFieldControl.
|
|
89
102
|
* @docs-private
|
|
@@ -46,8 +46,7 @@ export declare class MatChipListbox extends MatChipSet implements AfterContentIn
|
|
|
46
46
|
* @docs-private
|
|
47
47
|
*/
|
|
48
48
|
_onChange: (value: any) => void;
|
|
49
|
-
|
|
50
|
-
get role(): string | null;
|
|
49
|
+
protected _defaultRole: string;
|
|
51
50
|
/** Whether the user should be allowed to select multiple chips. */
|
|
52
51
|
get multiple(): boolean;
|
|
53
52
|
set multiple(value: BooleanInput);
|
package/mdc-chips/chip-set.d.ts
CHANGED
|
@@ -42,6 +42,8 @@ export declare class MatChipSet extends _MatChipSetMixinBase implements AfterCon
|
|
|
42
42
|
protected _chipSetFoundation: MDCChipSetFoundation;
|
|
43
43
|
/** Subject that emits when the component has been destroyed. */
|
|
44
44
|
protected _destroyed: Subject<void>;
|
|
45
|
+
/** Role to use if it hasn't been overwritten by the user. */
|
|
46
|
+
protected _defaultRole: string;
|
|
45
47
|
/** Combined stream of all of the child chips' remove events. */
|
|
46
48
|
get chipDestroyedChanges(): Observable<MatChipEvent>;
|
|
47
49
|
/**
|
|
@@ -67,7 +69,7 @@ export declare class MatChipSet extends _MatChipSetMixinBase implements AfterCon
|
|
|
67
69
|
/** The ARIA role applied to the chip set. */
|
|
68
70
|
get role(): string | null;
|
|
69
71
|
set role(value: string | null);
|
|
70
|
-
private
|
|
72
|
+
private _explicitRole;
|
|
71
73
|
/** Whether any of the chips inside of this chip-set has focus. */
|
|
72
74
|
get focused(): boolean;
|
|
73
75
|
/** The chips that are part of this chip set. */
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
* Use of this source code is governed by an MIT-style license that can be
|
|
6
6
|
* found in the LICENSE file at https://angular.io/license
|
|
7
7
|
*/
|
|
8
|
+
export * from './chip-avatar-harness';
|
|
8
9
|
export * from './chip-harness';
|
|
9
10
|
export * from './chip-harness-filters';
|
|
10
11
|
export * from './chip-input-harness';
|
|
@@ -55,6 +55,10 @@ export declare class MatDialogContent {
|
|
|
55
55
|
* Stays fixed to the bottom when scrolling.
|
|
56
56
|
*/
|
|
57
57
|
export declare class MatDialogActions {
|
|
58
|
+
/**
|
|
59
|
+
* Horizontal alignment of action buttons.
|
|
60
|
+
*/
|
|
61
|
+
align?: 'start' | 'center' | 'end';
|
|
58
62
|
static ɵfac: i0.ɵɵFactoryDeclaration<MatDialogActions, never>;
|
|
59
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MatDialogActions, "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", never, {}, {}, never>;
|
|
63
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MatDialogActions, "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", never, { "align": "align"; }, {}, never>;
|
|
60
64
|
}
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
// on whether a textarea is used. This is not possible in our implementation of the
|
|
78
78
|
// form-field because we do not know what type of form-field control is set up. Hence
|
|
79
79
|
// we always use a fixed position for the label. This does not have any implications.
|
|
80
|
-
.mat-mdc-form-field .mat-mdc-text-field-wrapper .mdc-floating-label {
|
|
80
|
+
.mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-floating-label {
|
|
81
81
|
top: math.div($height, 2);
|
|
82
82
|
}
|
|
83
83
|
|
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
// Update the spacing for filled form fields to account for the hidden floating label.
|
|
108
108
|
@include _infix-vertical-spacing-filled(
|
|
109
109
|
$no-label-padding, $no-label-padding);
|
|
110
|
-
.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mdc-floating-label {
|
|
110
|
+
.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
|
|
111
111
|
display: none;
|
|
112
112
|
}
|
|
113
113
|
}
|
|
@@ -4,11 +4,20 @@
|
|
|
4
4
|
$focus-indicator-width: 3px;
|
|
5
5
|
$focus-indicator-style: dashed;
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
7
|
+
.mat-form-field-appearance-fill {
|
|
8
|
+
// The outline of the `fill` appearance is achieved through a background color
|
|
9
|
+
// which won't be visible in high contrast mode. Add an outline to replace it.
|
|
10
|
+
.mat-mdc-text-field-wrapper {
|
|
11
|
+
@include a11y.high-contrast(active, off) {
|
|
12
|
+
outline: solid 1px;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
// Use GreyText for the disabled outline color which will account for the user's configuration.
|
|
17
|
+
&.mat-form-field-disabled .mat-mdc-text-field-wrapper {
|
|
18
|
+
@include a11y.high-contrast(active, off) {
|
|
19
|
+
outline-color: GrayText;
|
|
20
|
+
}
|
|
12
21
|
}
|
|
13
22
|
}
|
|
14
23
|
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
// shows `body1` for text fields though, so we manually override the typography.
|
|
77
77
|
// Note: Form controls inherit the typography from the parent form field.
|
|
78
78
|
.mat-mdc-form-field,
|
|
79
|
-
.mat-mdc-
|
|
79
|
+
.mat-mdc-floating-label {
|
|
80
80
|
@include mdc-typography.typography(body1, $query: mdc-helpers.$mat-typography-styles-query);
|
|
81
81
|
}
|
|
82
82
|
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
// In order to ensure proper alignment of the floating label, we reset its line-height.
|
|
21
21
|
// The line-height is not important as the element is absolutely positioned and only has one line
|
|
22
22
|
// of text.
|
|
23
|
-
.mat-mdc-form-field .mdc-floating-label.mdc-floating-label {
|
|
23
|
+
.mat-mdc-form-field .mat-mdc-floating-label.mdc-floating-label {
|
|
24
24
|
line-height: normal;
|
|
25
25
|
}
|
|
26
26
|
|
|
@@ -95,7 +95,7 @@
|
|
|
95
95
|
// the notched outline container, and already applies a specific horizontal spacing which
|
|
96
96
|
// we do not want to overwrite. *Note*: We need to have increased specificity for this
|
|
97
97
|
// override because the `right` property will be set with higher specificity in RTL mode.
|
|
98
|
-
.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mdc-floating-label {
|
|
98
|
+
.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-floating-label {
|
|
99
99
|
left: auto;
|
|
100
100
|
right: auto;
|
|
101
101
|
}
|
|
@@ -24,13 +24,11 @@ export declare class MatFormFieldFloatingLabel {
|
|
|
24
24
|
private _elementRef;
|
|
25
25
|
/** Whether the label is floating. */
|
|
26
26
|
floating: boolean;
|
|
27
|
-
/** Whether the label is required. */
|
|
28
|
-
required: boolean;
|
|
29
27
|
constructor(_elementRef: ElementRef);
|
|
30
28
|
/** Gets the width of the label. Used for the outline notch. */
|
|
31
29
|
getWidth(): number;
|
|
32
30
|
/** Gets the HTML element for the floating label. */
|
|
33
31
|
get element(): HTMLElement;
|
|
34
32
|
static ɵfac: i0.ɵɵFactoryDeclaration<MatFormFieldFloatingLabel, never>;
|
|
35
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MatFormFieldFloatingLabel, "label[matFormFieldFloatingLabel]", never, { "floating": "floating";
|
|
33
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MatFormFieldFloatingLabel, "label[matFormFieldFloatingLabel]", never, { "floating": "floating"; }, {}, never>;
|
|
36
34
|
}
|