refactor: migrate example inputs to signal inputs (#29789)

This commit was generated using the signal input migration.

Author: devversion

src/components-examples/cdk/scrolling/cdk-virtual-scroll-window-scrolling/cdk-virtual-scroll-window-scrolling-example.html

@@ -1,11 +1,11 @@
-@if (shouldRun) {
+@if (shouldRun()) {
   <div class="example-header">Content before</div>
   <cdk-virtual-scroll-viewport scrollWindow itemSize="50">
     <div *cdkVirtualFor="let item of items" class="example-item">{{item}}</div>
   </cdk-virtual-scroll-viewport>
   <div class="example-footer">Content after</div>
 }
 
-@if (!shouldRun) {
+@if (!shouldRun()) {
   <div>Please open on StackBlitz to see result</div>
 }

src/components-examples/cdk/scrolling/cdk-virtual-scroll-window-scrolling/cdk-virtual-scroll-window-scrolling-example.ts

@@ -1,4 +1,4 @@
-import {ChangeDetectionStrategy, Component, Input} from '@angular/core';
+import {ChangeDetectionStrategy, Component, input} from '@angular/core';
 import {ScrollingModule} from '@angular/cdk/scrolling';
 
 /** @title Virtual scrolling window */
@@ -11,7 +11,7 @@ import {ScrollingModule} from '@angular/cdk/scrolling';
   imports: [ScrollingModule],
 })
 export class CdkVirtualScrollWindowScrollingExample {
-  @Input() shouldRun = /(^|.)(stackblitz|webcontainer).(io|com)$/.test(window.location.host);
+  readonly shouldRun = input(/(^|.)(stackblitz|webcontainer).(io|com)$/.test(window.location.host));
 
   items = Array.from({length: 100000}).map((_, i) => `Item #${i}`);
 }

src/components-examples/material/table/table-wrapped/table-wrapped-example.ts

@@ -3,12 +3,12 @@ import {
   AfterContentInit,
   Component,
   ContentChildren,
-  Input,
   AfterViewInit,
   QueryList,
   ViewChild,
   ContentChild,
   forwardRef,
+  input,
 } from '@angular/core';
 import {MatSort, MatSortModule} from '@angular/material/sort';
 import {
@@ -94,9 +94,8 @@ export class WrapperTable<T> implements AfterContentInit {
 
   @ViewChild(MatTable, {static: true}) table: MatTable<T>;
 
-  @Input() columns: string[];
-
-  @Input() dataSource: DataSource<T>;
+  readonly columns = input.required<string[]>();
+  readonly dataSource = input.required<DataSource<T>>();
 
   ngAfterContentInit() {
     this.columnDefs.forEach(columnDef => this.table.addColumnDef(columnDef));

src/components-examples/material/table/table-wrapped/wrapper-table.html

@@ -1,4 +1,4 @@
-<table mat-table [dataSource]="dataSource" class="mat-elevation-z8">
+<table mat-table [dataSource]="dataSource()" class="mat-elevation-z8">
   <ng-content></ng-content>
 
   <!-- Position Column -->