@angular/material-experimental 21.0.0-next.8 → 21.0.0-rc.0

package/fesm2022/selection.mjs

@@ -6,140 +6,249 @@ import { MatTable, MatColumnDef, MatCellDef, MatHeaderCellDef, MatHeaderCell, Ma
 import { AsyncPipe } from '@angular/common';
 import { MatCheckbox, MatCheckboxModule } from '@angular/material/checkbox';
 
-/**
- * Manages the selection states of the items and provides methods to check and update the selection
- * states.
- * It must be applied to the parent element if `matSelectionToggle`, `matSelectAll`,
- * `matRowSelection` and `matSelectionColumn` are applied.
- */
-// tslint:disable-next-line: coercion-types
 class MatSelection extends CdkSelection {
-    /** Whether to support multiple selection */
-    get multiple() {
-        return this._multiple;
-    }
-    set multiple(multiple) {
-        this._multiple = coerceBooleanProperty(multiple);
-    }
-    /** Emits when selection changes. */
-    change = new EventEmitter();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatSelection, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0-next.2", type: MatSelection, isStandalone: true, selector: "[matSelection]", inputs: { multiple: ["matSelectionMultiple", "multiple"] }, outputs: { change: "matSelectionChange" }, providers: [{ provide: CdkSelection, useExisting: MatSelection }], exportAs: ["matSelection"], usesInheritance: true, ngImport: i0 });
+  get multiple() {
+    return this._multiple;
+  }
+  set multiple(multiple) {
+    this._multiple = coerceBooleanProperty(multiple);
+  }
+  change = new EventEmitter();
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: MatSelection,
+    deps: null,
+    target: i0.ɵɵFactoryTarget.Directive
+  });
+  static ɵdir = i0.ɵɵngDeclareDirective({
+    minVersion: "14.0.0",
+    version: "20.2.0-next.2",
+    type: MatSelection,
+    isStandalone: true,
+    selector: "[matSelection]",
+    inputs: {
+      multiple: ["matSelectionMultiple", "multiple"]
+    },
+    outputs: {
+      change: "matSelectionChange"
+    },
+    providers: [{
+      provide: CdkSelection,
+      useExisting: MatSelection
+    }],
+    exportAs: ["matSelection"],
+    usesInheritance: true,
+    ngImport: i0
+  });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatSelection, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[matSelection]',
-                    exportAs: 'matSelection',
-                    providers: [{ provide: CdkSelection, useExisting: MatSelection }],
-                }]
-        }], propDecorators: { multiple: [{
-                type: Input,
-                args: ['matSelectionMultiple']
-            }], change: [{
-                type: Output,
-                args: ['matSelectionChange']
-            }] } });
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: MatSelection,
+  decorators: [{
+    type: Directive,
+    args: [{
+      selector: '[matSelection]',
+      exportAs: 'matSelection',
+      providers: [{
+        provide: CdkSelection,
+        useExisting: MatSelection
+      }]
+    }]
+  }],
+  propDecorators: {
+    multiple: [{
+      type: Input,
+      args: ['matSelectionMultiple']
+    }],
+    change: [{
+      type: Output,
+      args: ['matSelectionChange']
+    }]
+  }
+});
 
-/**
- * Makes the element a select-all toggle.
- *
- * Must be used within a parent `MatSelection` directive. It toggles the selection states
- * of all the selection toggles connected with the `MatSelection` directive.
- * If the element implements `ControlValueAccessor`, e.g. `MatCheckbox`, the directive
- * automatically connects it with the select-all state provided by the `MatSelection` directive. If
- * not, use `checked` to get the checked state, `indeterminate` to get the indeterminate state,
- * and `toggle()` to change the selection state.
- */
 class MatSelectAll extends CdkSelectAll {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatSelectAll, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0-next.2", type: MatSelectAll, isStandalone: true, selector: "[matSelectAll]", providers: [{ provide: CdkSelectAll, useExisting: MatSelectAll }], exportAs: ["matSelectAll"], usesInheritance: true, ngImport: i0 });
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: MatSelectAll,
+    deps: null,
+    target: i0.ɵɵFactoryTarget.Directive
+  });
+  static ɵdir = i0.ɵɵngDeclareDirective({
+    minVersion: "14.0.0",
+    version: "20.2.0-next.2",
+    type: MatSelectAll,
+    isStandalone: true,
+    selector: "[matSelectAll]",
+    providers: [{
+      provide: CdkSelectAll,
+      useExisting: MatSelectAll
+    }],
+    exportAs: ["matSelectAll"],
+    usesInheritance: true,
+    ngImport: i0
+  });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatSelectAll, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[matSelectAll]',
-                    exportAs: 'matSelectAll',
-                    providers: [{ provide: CdkSelectAll, useExisting: MatSelectAll }],
-                }]
-        }] });
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: MatSelectAll,
+  decorators: [{
+    type: Directive,
+    args: [{
+      selector: '[matSelectAll]',
+      exportAs: 'matSelectAll',
+      providers: [{
+        provide: CdkSelectAll,
+        useExisting: MatSelectAll
+      }]
+    }]
+  }]
+});
 
-/**
- * Makes the element a selection toggle.
- *
- * Must be used within a parent `MatSelection` directive.
- * Must be provided with the value. If `trackBy` is used on `MatSelection`, the index of the value
- * is required. If the element implements `ControlValueAccessor`, e.g. `MatCheckbox`, the directive
- * automatically connects it with the selection state provided by the `MatSelection` directive. If
- * not, use `checked$` to get the checked state of the value, and `toggle()` to change the selection
- * state.
- */
 class MatSelectionToggle extends CdkSelectionToggle {
-    /** The value that is associated with the toggle */
-    value = undefined;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatSelectionToggle, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0-next.2", type: MatSelectionToggle, isStandalone: true, selector: "[matSelectionToggle]", inputs: { index: ["matSelectionToggleIndex", "index"], value: ["matSelectionToggleValue", "value"] }, providers: [{ provide: CdkSelectionToggle, useExisting: MatSelectionToggle }], exportAs: ["matSelectionToggle"], usesInheritance: true, ngImport: i0 });
+  value = undefined;
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: MatSelectionToggle,
+    deps: null,
+    target: i0.ɵɵFactoryTarget.Directive
+  });
+  static ɵdir = i0.ɵɵngDeclareDirective({
+    minVersion: "14.0.0",
+    version: "20.2.0-next.2",
+    type: MatSelectionToggle,
+    isStandalone: true,
+    selector: "[matSelectionToggle]",
+    inputs: {
+      index: ["matSelectionToggleIndex", "index"],
+      value: ["matSelectionToggleValue", "value"]
+    },
+    providers: [{
+      provide: CdkSelectionToggle,
+      useExisting: MatSelectionToggle
+    }],
+    exportAs: ["matSelectionToggle"],
+    usesInheritance: true,
+    ngImport: i0
+  });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatSelectionToggle, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[matSelectionToggle]',
-                    exportAs: 'matSelectionToggle',
-                    inputs: [{ name: 'index', alias: 'matSelectionToggleIndex' }],
-                    providers: [{ provide: CdkSelectionToggle, useExisting: MatSelectionToggle }],
-                }]
-        }], propDecorators: { value: [{
-                type: Input,
-                args: ['matSelectionToggleValue']
-            }] } });
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: MatSelectionToggle,
+  decorators: [{
+    type: Directive,
+    args: [{
+      selector: '[matSelectionToggle]',
+      exportAs: 'matSelectionToggle',
+      inputs: [{
+        name: 'index',
+        alias: 'matSelectionToggleIndex'
+      }],
+      providers: [{
+        provide: CdkSelectionToggle,
+        useExisting: MatSelectionToggle
+      }]
+    }]
+  }],
+  propDecorators: {
+    value: [{
+      type: Input,
+      args: ['matSelectionToggleValue']
+    }]
+  }
+});
 
-/**
- * Column that adds row selecting checkboxes and a select-all checkbox if `matSelectionMultiple` is
- * `true`.
- *
- * Must be used within a parent `MatSelection` directive.
- */
 class MatSelectionColumn {
-    _table = inject(MatTable, { optional: true });
-    selection = inject(MatSelection, { optional: true });
-    /** Column name that should be used to reference this column. */
-    get name() {
-        return this._name;
+  _table = inject(MatTable, {
+    optional: true
+  });
+  selection = inject(MatSelection, {
+    optional: true
+  });
+  get name() {
+    return this._name;
+  }
+  set name(name) {
+    this._name = name;
+    this._syncColumnDefName();
+  }
+  _name;
+  _columnDef;
+  _cell;
+  _headerCell;
+  ngOnInit() {
+    if (!this.selection && (typeof ngDevMode === 'undefined' || ngDevMode)) {
+      throw Error('MatSelectionColumn: missing MatSelection in the parent');
     }
-    set name(name) {
-        this._name = name;
-        this._syncColumnDefName();
-    }
-    _name;
-    _columnDef;
-    _cell;
-    _headerCell;
-    ngOnInit() {
-        if (!this.selection && (typeof ngDevMode === 'undefined' || ngDevMode)) {
-            throw Error('MatSelectionColumn: missing MatSelection in the parent');
-        }
-        this._syncColumnDefName();
-        if (this._table) {
-            this._columnDef.cell = this._cell;
-            this._columnDef.headerCell = this._headerCell;
-            this._table.addColumnDef(this._columnDef);
-        }
-        else if (typeof ngDevMode === 'undefined' || ngDevMode) {
-            throw Error('MatSelectionColumn: missing parent table');
-        }
+    this._syncColumnDefName();
+    if (this._table) {
+      this._columnDef.cell = this._cell;
+      this._columnDef.headerCell = this._headerCell;
+      this._table.addColumnDef(this._columnDef);
+    } else if (typeof ngDevMode === 'undefined' || ngDevMode) {
+      throw Error('MatSelectionColumn: missing parent table');
     }
-    ngOnDestroy() {
-        if (this._table) {
-            this._table.removeColumnDef(this._columnDef);
-        }
+  }
+  ngOnDestroy() {
+    if (this._table) {
+      this._table.removeColumnDef(this._columnDef);
     }
-    _syncColumnDefName() {
-        if (this._columnDef) {
-            this._columnDef.name = this._name;
-        }
+  }
+  _syncColumnDefName() {
+    if (this._columnDef) {
+      this._columnDef.name = this._name;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatSelectionColumn, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.0-next.2", type: MatSelectionColumn, isStandalone: true, 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: `
+  }
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: MatSelectionColumn,
+    deps: [],
+    target: i0.ɵɵFactoryTarget.Component
+  });
+  static ɵcmp = i0.ɵɵngDeclareComponent({
+    minVersion: "17.0.0",
+    version: "20.2.0-next.2",
+    type: MatSelectionColumn,
+    isStandalone: true,
+    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: `
     <ng-container matColumnDef>
       <th mat-header-cell *matHeaderCellDef class="mat-selection-column-header">
         @if (selection && selection.multiple) {
@@ -156,11 +265,67 @@ class MatSelectionColumn {
             [matSelectionToggleIndex]="i"></mat-checkbox>
       </td>
     </ng-container>
-  `, isInline: true, styles: ["th.mat-selection-column-header,td.mat-selection-column-cell{text-align:center;width:48px}\n"], dependencies: [{ kind: "directive", type: MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: MatSelectAll, selector: "[matSelectAll]", exportAs: ["matSelectAll"] }, { kind: "directive", type: MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: MatSelectionToggle, selector: "[matSelectionToggle]", inputs: ["matSelectionToggleIndex", "matSelectionToggleValue"], exportAs: ["matSelectionToggle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `,
+    isInline: true,
+    styles: ["th.mat-selection-column-header,td.mat-selection-column-cell{text-align:center;width:48px}\n"],
+    dependencies: [{
+      kind: "directive",
+      type: MatColumnDef,
+      selector: "[matColumnDef]",
+      inputs: ["matColumnDef"]
+    }, {
+      kind: "directive",
+      type: MatHeaderCellDef,
+      selector: "[matHeaderCellDef]"
+    }, {
+      kind: "directive",
+      type: MatHeaderCell,
+      selector: "mat-header-cell, th[mat-header-cell]"
+    }, {
+      kind: "component",
+      type: MatCheckbox,
+      selector: "mat-checkbox",
+      inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"],
+      outputs: ["change", "indeterminateChange"],
+      exportAs: ["matCheckbox"]
+    }, {
+      kind: "directive",
+      type: MatSelectAll,
+      selector: "[matSelectAll]",
+      exportAs: ["matSelectAll"]
+    }, {
+      kind: "directive",
+      type: MatCellDef,
+      selector: "[matCellDef]"
+    }, {
+      kind: "directive",
+      type: MatCell,
+      selector: "mat-cell, td[mat-cell]"
+    }, {
+      kind: "directive",
+      type: MatSelectionToggle,
+      selector: "[matSelectionToggle]",
+      inputs: ["matSelectionToggleIndex", "matSelectionToggleValue"],
+      exportAs: ["matSelectionToggle"]
+    }, {
+      kind: "pipe",
+      type: AsyncPipe,
+      name: "async"
+    }],
+    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+    encapsulation: i0.ViewEncapsulation.None
+  });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatSelectionColumn, decorators: [{
-            type: Component,
-            args: [{ selector: 'mat-selection-column', template: `
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: MatSelectionColumn,
+  decorators: [{
+    type: Component,
+    args: [{
+      selector: 'mat-selection-column',
+      template: `
     <ng-container matColumnDef>
       <th mat-header-cell *matHeaderCellDef class="mat-selection-column-header">
         @if (selection && selection.multiple) {
@@ -177,89 +342,141 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2",
             [matSelectionToggleIndex]="i"></mat-checkbox>
       </td>
     </ng-container>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        MatColumnDef,
-                        MatHeaderCellDef,
-                        MatHeaderCell,
-                        MatCheckbox,
-                        MatSelectAll,
-                        MatCellDef,
-                        MatCell,
-                        MatSelectionToggle,
-                        AsyncPipe,
-                    ], styles: ["th.mat-selection-column-header,td.mat-selection-column-cell{text-align:center;width:48px}\n"] }]
-        }], propDecorators: { name: [{
-                type: Input
-            }], _columnDef: [{
-                type: ViewChild,
-                args: [MatColumnDef, { static: true }]
-            }], _cell: [{
-                type: ViewChild,
-                args: [MatCellDef, { static: true }]
-            }], _headerCell: [{
-                type: ViewChild,
-                args: [MatHeaderCellDef, { static: true }]
-            }] } });
+  `,
+      changeDetection: ChangeDetectionStrategy.OnPush,
+      encapsulation: ViewEncapsulation.None,
+      imports: [MatColumnDef, MatHeaderCellDef, MatHeaderCell, MatCheckbox, MatSelectAll, MatCellDef, MatCell, MatSelectionToggle, AsyncPipe],
+      styles: ["th.mat-selection-column-header,td.mat-selection-column-cell{text-align:center;width:48px}\n"]
+    }]
+  }],
+  propDecorators: {
+    name: [{
+      type: Input
+    }],
+    _columnDef: [{
+      type: ViewChild,
+      args: [MatColumnDef, {
+        static: true
+      }]
+    }],
+    _cell: [{
+      type: ViewChild,
+      args: [MatCellDef, {
+        static: true
+      }]
+    }],
+    _headerCell: [{
+      type: ViewChild,
+      args: [MatHeaderCellDef, {
+        static: true
+      }]
+    }]
+  }
+});
 
-/**
- * Applies `mat-selected` class and `aria-selected` to an element.
- *
- * Must be used within a parent `MatSelection` directive.
- * Must be provided with the value. The index is required if `trackBy` is used on the `CdkSelection`
- * directive.
- */
 class MatRowSelection extends CdkRowSelection {
-    /** The value that is associated with the row */
-    value = undefined;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatRowSelection, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0-next.2", type: MatRowSelection, isStandalone: true, 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 });
+  value = undefined;
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: MatRowSelection,
+    deps: null,
+    target: i0.ɵɵFactoryTarget.Directive
+  });
+  static ɵdir = i0.ɵɵngDeclareDirective({
+    minVersion: "14.0.0",
+    version: "20.2.0-next.2",
+    type: MatRowSelection,
+    isStandalone: true,
+    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
+  });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatRowSelection, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[matRowSelection]',
-                    host: {
-                        '[class.mat-selected]': '_selection.isSelected(this.value, this.index)',
-                        '[attr.aria-selected]': '_selection.isSelected(this.value, this.index)',
-                    },
-                    providers: [{ provide: CdkRowSelection, useExisting: MatRowSelection }],
-                    inputs: [{ name: 'index', alias: 'matRowSelectionIndex' }],
-                }]
-        }], propDecorators: { value: [{
-                type: Input,
-                args: ['matRowSelectionValue']
-            }] } });
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: MatRowSelection,
+  decorators: [{
+    type: Directive,
+    args: [{
+      selector: '[matRowSelection]',
+      host: {
+        '[class.mat-selected]': '_selection.isSelected(this.value, this.index)',
+        '[attr.aria-selected]': '_selection.isSelected(this.value, this.index)'
+      },
+      providers: [{
+        provide: CdkRowSelection,
+        useExisting: MatRowSelection
+      }],
+      inputs: [{
+        name: 'index',
+        alias: 'matRowSelectionIndex'
+      }]
+    }]
+  }],
+  propDecorators: {
+    value: [{
+      type: Input,
+      args: ['matRowSelectionValue']
+    }]
+  }
+});
 
-// TODO(yifange): Move the table-specific code to a separate module from the other selection
-// behaviors once we move it out of experimental.
 class MatSelectionModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatSelectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatSelectionModule, imports: [MatTableModule,
-            MatCheckboxModule,
-            MatSelectAll,
-            MatSelection,
-            MatSelectionToggle,
-            MatSelectionColumn,
-            MatRowSelection], exports: [MatSelectAll, MatSelection, MatSelectionToggle, MatSelectionColumn, MatRowSelection] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatSelectionModule, imports: [MatTableModule,
-            MatCheckboxModule,
-            MatSelectionColumn] });
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: MatSelectionModule,
+    deps: [],
+    target: i0.ɵɵFactoryTarget.NgModule
+  });
+  static ɵmod = i0.ɵɵngDeclareNgModule({
+    minVersion: "14.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: MatSelectionModule,
+    imports: [MatTableModule, MatCheckboxModule, MatSelectAll, MatSelection, MatSelectionToggle, MatSelectionColumn, MatRowSelection],
+    exports: [MatSelectAll, MatSelection, MatSelectionToggle, MatSelectionColumn, MatRowSelection]
+  });
+  static ɵinj = i0.ɵɵngDeclareInjector({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: MatSelectionModule,
+    imports: [MatTableModule, MatCheckboxModule, MatSelectionColumn]
+  });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatSelectionModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        MatTableModule,
-                        MatCheckboxModule,
-                        MatSelectAll,
-                        MatSelection,
-                        MatSelectionToggle,
-                        MatSelectionColumn,
-                        MatRowSelection,
-                    ],
-                    exports: [MatSelectAll, MatSelection, MatSelectionToggle, MatSelectionColumn, MatRowSelection],
-                }]
-        }] });
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: MatSelectionModule,
+  decorators: [{
+    type: NgModule,
+    args: [{
+      imports: [MatTableModule, MatCheckboxModule, MatSelectAll, MatSelection, MatSelectionToggle, MatSelectionColumn, MatRowSelection],
+      exports: [MatSelectAll, MatSelection, MatSelectionToggle, MatSelectionColumn, MatRowSelection]
+    }]
+  }]
+});
 
 export { MatRowSelection, MatSelectAll, MatSelection, MatSelectionColumn, MatSelectionModule, MatSelectionToggle };
 //# sourceMappingURL=selection.mjs.map