diff --git a/cdk/tree/index.d.ts b/cdk/tree/index.d.ts index 4eb259f303..18780057c8 100755 --- a/cdk/tree/index.d.ts +++ b/cdk/tree/index.d.ts @@ -80,12 +80,12 @@ export declare class CdkTreeFlatLevelAccessorExample { * @title Tree with nested nodes using childAccessor */ export declare class CdkTreeNestedChildrenAccessorExample { - tree: CdkTree; - childrenAccessor: (dataNode: NestedFoodNode) => NestedFoodNode[]; - dataSource: ArrayDataSource; - hasChild: (_: number, node: NestedFoodNode) => boolean; - getParentNode(node: NestedFoodNode): NestedFoodNode | null; - shouldRender(node: NestedFoodNode): boolean; + tree: CdkTree; + childrenAccessor: (dataNode: NestedFoodNode_2) => NestedFoodNode_2[]; + dataSource: ArrayDataSource; + hasChild: (_: number, node: NestedFoodNode_2) => boolean; + getParentNode(node: NestedFoodNode_2): NestedFoodNode_2 | null; + shouldRender(node: NestedFoodNode_2): boolean; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } @@ -105,12 +105,12 @@ export declare class CdkTreeNestedExample { * @title Tree with nested nodes and level accessor */ export declare class CdkTreeNestedLevelAccessorExample { - tree: CdkTree; - levelAccessor: (dataNode: FlatFoodNode) => number; - dataSource: ArrayDataSource; - hasChild: (_: number, node: FlatFoodNode) => boolean; - getParentNode(node: FlatFoodNode): FlatFoodNode | null; - shouldRender(node: FlatFoodNode): boolean; + tree: CdkTree; + levelAccessor: (dataNode: FlatFoodNode_2) => number; + dataSource: ArrayDataSource; + hasChild: (_: number, node: FlatFoodNode_2) => boolean; + getParentNode(node: FlatFoodNode_2): FlatFoodNode_2 | null; + shouldRender(node: FlatFoodNode_2): boolean; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } @@ -139,6 +139,14 @@ declare interface FlatFoodNode { isExpanded?: boolean; } +/** Flat node with expandable and level information */ +declare interface FlatFoodNode_2 { + expandable: boolean; + name: string; + level: number; + isExpanded?: boolean; +} + /** * Food data with nested structure. * Each node has a name and an optional list of children. @@ -159,6 +167,15 @@ declare interface NestedFoodNode { children?: NestedFoodNode[]; } +/** + * Food data with nested structure. + * Each node has a name and an optional list of children. + */ +declare interface NestedFoodNode_2 { + name: string; + children?: NestedFoodNode_2[]; +} + declare interface RawData { id: string; name: string; diff --git a/docs-content/api-docs/cdk-dialog.html b/docs-content/api-docs/cdk-dialog.html index f9f5f0a77e..06ee14f656 100755 --- a/docs-content/api-docs/cdk-dialog.html +++ b/docs-content/api-docs/cdk-dialog.html @@ -408,7 +408,9 @@
Methods
-

Gets te dialog's text.

+

Gets the dialog's text.

diff --git a/docs-content/api-docs/material-dialog.html b/docs-content/api-docs/material-dialog.html index 749e42f874..5306815a06 100755 --- a/docs-content/api-docs/material-dialog.html +++ b/docs-content/api-docs/material-dialog.html @@ -963,7 +963,9 @@

Injection token used to configure the behavior of the timepicker dropdown while scrolling.

+

+
+const MAT_TIMEPICKER_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
+
+
+ + diff --git a/docs-content/examples-highlighted/cdk/tree/cdk-tree-flat-children-accessor/cdk-tree-flat-children-accessor-example-data-ts.html b/docs-content/examples-highlighted/cdk/tree/cdk-tree-flat-children-accessor/cdk-tree-flat-children-accessor-example-data-ts.html new file mode 100755 index 0000000000..5e16f4a840 --- /dev/null +++ b/docs-content/examples-highlighted/cdk/tree/cdk-tree-flat-children-accessor/cdk-tree-flat-children-accessor-example-data-ts.html @@ -0,0 +1,28 @@ +/** + * Food data with nested structure. + * Each node has a name and an optional list of children. + */ +export interface NestedFoodNode { + name: string; + children?: NestedFoodNode[]; +} + +export const NESTED_DATA: NestedFoodNode[] = [ + { + name: 'Fruit', + children: [{name: 'Apple'}, {name: 'Banana'}, {name: 'Fruit loops'}], + }, + { + name: 'Vegetables', + children: [ + { + name: 'Green', + children: [{name: 'Broccoli'}, {name: 'Brussels sprouts'}], + }, + { + name: 'Orange', + children: [{name: 'Pumpkins'}, {name: 'Carrots'}], + }, + ], + }, +]; diff --git a/docs-content/examples-highlighted/cdk/tree/cdk-tree-flat-children-accessor/cdk-tree-flat-children-accessor-example-ts.html b/docs-content/examples-highlighted/cdk/tree/cdk-tree-flat-children-accessor/cdk-tree-flat-children-accessor-example-ts.html index 23f3100cf6..41050ab71d 100755 --- a/docs-content/examples-highlighted/cdk/tree/cdk-tree-flat-children-accessor/cdk-tree-flat-children-accessor-example-ts.html +++ b/docs-content/examples-highlighted/cdk/tree/cdk-tree-flat-children-accessor/cdk-tree-flat-children-accessor-example-ts.html @@ -5,7 +5,7 @@ import {MatIconModule} from '@angular/material/icon'; import {timer} from 'rxjs'; import {mapTo} from 'rxjs/operators'; -import {NestedFoodNode, NESTED_DATA} from '../tree-data'; +import {NestedFoodNode, NESTED_DATA} from './cdk-tree-flat-children-accessor-example-data'; function flattenNodes(nodes: NestedFoodNode[]): NestedFoodNode[] { const flattenedNodes = []; diff --git a/docs-content/examples-highlighted/cdk/tree/tree-data-ts.html b/docs-content/examples-highlighted/cdk/tree/cdk-tree-flat-level-accessor/cdk-tree-flat-level-accessor-example-data-ts.html similarity index 66% rename from docs-content/examples-highlighted/cdk/tree/tree-data-ts.html rename to docs-content/examples-highlighted/cdk/tree/cdk-tree-flat-level-accessor/cdk-tree-flat-level-accessor-example-data-ts.html index ec11932170..7401401bd7 100755 --- a/docs-content/examples-highlighted/cdk/tree/tree-data-ts.html +++ b/docs-content/examples-highlighted/cdk/tree/cdk-tree-flat-level-accessor/cdk-tree-flat-level-accessor-example-data-ts.html @@ -63,32 +63,3 @@ level: 2, }, ]; - -/** - * Food data with nested structure. - * Each node has a name and an optional list of children. - */ -export interface NestedFoodNode { - name: string; - children?: NestedFoodNode[]; -} - -export const NESTED_DATA: NestedFoodNode[] = [ - { - name: 'Fruit', - children: [{name: 'Apple'}, {name: 'Banana'}, {name: 'Fruit loops'}], - }, - { - name: 'Vegetables', - children: [ - { - name: 'Green', - children: [{name: 'Broccoli'}, {name: 'Brussels sprouts'}], - }, - { - name: 'Orange', - children: [{name: 'Pumpkins'}, {name: 'Carrots'}], - }, - ], - }, -]; diff --git a/docs-content/examples-highlighted/cdk/tree/cdk-tree-flat-level-accessor/cdk-tree-flat-level-accessor-example-ts.html b/docs-content/examples-highlighted/cdk/tree/cdk-tree-flat-level-accessor/cdk-tree-flat-level-accessor-example-ts.html index 8a73fe5cf0..bf0a1f5ec1 100755 --- a/docs-content/examples-highlighted/cdk/tree/cdk-tree-flat-level-accessor/cdk-tree-flat-level-accessor-example-ts.html +++ b/docs-content/examples-highlighted/cdk/tree/cdk-tree-flat-level-accessor/cdk-tree-flat-level-accessor-example-ts.html @@ -3,7 +3,7 @@ import {ChangeDetectionStrategy, Component, ViewChild} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatIconModule} from '@angular/material/icon'; -import {FlatFoodNode, FLAT_DATA} from '../tree-data'; +import {FlatFoodNode, FLAT_DATA} from './cdk-tree-flat-level-accessor-example-data'; /** * @title Tree with flat nodes diff --git a/docs-content/examples-highlighted/cdk/tree/cdk-tree-nested-children-accessor/cdk-tree-nested-children-accessor-example-data-ts.html b/docs-content/examples-highlighted/cdk/tree/cdk-tree-nested-children-accessor/cdk-tree-nested-children-accessor-example-data-ts.html new file mode 100755 index 0000000000..5e16f4a840 --- /dev/null +++ b/docs-content/examples-highlighted/cdk/tree/cdk-tree-nested-children-accessor/cdk-tree-nested-children-accessor-example-data-ts.html @@ -0,0 +1,28 @@ +/** + * Food data with nested structure. + * Each node has a name and an optional list of children. + */ +export interface NestedFoodNode { + name: string; + children?: NestedFoodNode[]; +} + +export const NESTED_DATA: NestedFoodNode[] = [ + { + name: 'Fruit', + children: [{name: 'Apple'}, {name: 'Banana'}, {name: 'Fruit loops'}], + }, + { + name: 'Vegetables', + children: [ + { + name: 'Green', + children: [{name: 'Broccoli'}, {name: 'Brussels sprouts'}], + }, + { + name: 'Orange', + children: [{name: 'Pumpkins'}, {name: 'Carrots'}], + }, + ], + }, +]; diff --git a/docs-content/examples-highlighted/cdk/tree/cdk-tree-nested-children-accessor/cdk-tree-nested-children-accessor-example-ts.html b/docs-content/examples-highlighted/cdk/tree/cdk-tree-nested-children-accessor/cdk-tree-nested-children-accessor-example-ts.html index 56bd5cfa68..4497198168 100755 --- a/docs-content/examples-highlighted/cdk/tree/cdk-tree-nested-children-accessor/cdk-tree-nested-children-accessor-example-ts.html +++ b/docs-content/examples-highlighted/cdk/tree/cdk-tree-nested-children-accessor/cdk-tree-nested-children-accessor-example-ts.html @@ -3,7 +3,7 @@ import {ChangeDetectionStrategy, Component, ViewChild} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatIconModule} from '@angular/material/icon'; -import {NestedFoodNode, NESTED_DATA} from '../tree-data'; +import {NestedFoodNode, NESTED_DATA} from './cdk-tree-nested-children-accessor-example-data'; function flattenNodes(nodes: NestedFoodNode[]): NestedFoodNode[] { const flattenedNodes = []; diff --git a/docs-content/examples-highlighted/cdk/tree/cdk-tree-nested-level-accessor/cdk-tree-nested-level-accessor-example-data-ts.html b/docs-content/examples-highlighted/cdk/tree/cdk-tree-nested-level-accessor/cdk-tree-nested-level-accessor-example-data-ts.html new file mode 100755 index 0000000000..7401401bd7 --- /dev/null +++ b/docs-content/examples-highlighted/cdk/tree/cdk-tree-nested-level-accessor/cdk-tree-nested-level-accessor-example-data-ts.html @@ -0,0 +1,65 @@ +/** Flat node with expandable and level information */ +export interface FlatFoodNode { + expandable: boolean; + name: string; + level: number; + isExpanded?: boolean; +} + +export const FLAT_DATA: FlatFoodNode[] = [ + { + name: 'Fruit', + expandable: true, + level: 0, + }, + { + name: 'Apple', + expandable: false, + level: 1, + }, + { + name: 'Banana', + expandable: false, + level: 1, + }, + { + name: 'Fruit loops', + expandable: false, + level: 1, + }, + { + name: 'Vegetables', + expandable: true, + level: 0, + }, + { + name: 'Green', + expandable: true, + level: 1, + }, + { + name: 'Broccoli', + expandable: false, + level: 2, + }, + { + name: 'Brussels sprouts', + expandable: false, + level: 2, + }, + { + name: 'Orange', + expandable: true, + level: 1, + }, + { + name: 'Pumpkins', + expandable: false, + level: 2, + }, + { + name: 'Carrots', + expandable: false, + level: 2, + }, +]; diff --git a/docs-content/examples-highlighted/cdk/tree/cdk-tree-nested-level-accessor/cdk-tree-nested-level-accessor-example-ts.html b/docs-content/examples-highlighted/cdk/tree/cdk-tree-nested-level-accessor/cdk-tree-nested-level-accessor-example-ts.html index 8a970c35fc..ee8faf2d08 100755 --- a/docs-content/examples-highlighted/cdk/tree/cdk-tree-nested-level-accessor/cdk-tree-nested-level-accessor-example-ts.html +++ b/docs-content/examples-highlighted/cdk/tree/cdk-tree-nested-level-accessor/cdk-tree-nested-level-accessor-example-ts.html @@ -3,7 +3,7 @@ import {ChangeDetectionStrategy, Component, ViewChild} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatIconModule} from '@angular/material/icon'; -import {FLAT_DATA, FlatFoodNode} from '../tree-data'; +import {FLAT_DATA, FlatFoodNode} from './cdk-tree-nested-level-accessor-example-data'; /** * @title Tree with nested nodes and level accessor diff --git a/docs-content/examples-highlighted/material/chips/chips-autocomplete/chips-autocomplete-example-html.html b/docs-content/examples-highlighted/material/chips/chips-autocomplete/chips-autocomplete-example-html.html index c53f661b36..30af07de93 100755 --- a/docs-content/examples-highlighted/material/chips/chips-autocomplete/chips-autocomplete-example-html.html +++ b/docs-content/examples-highlighted/material/chips/chips-autocomplete/chips-autocomplete-example-html.html @@ -21,7 +21,7 @@ [matChipInputSeparatorKeyCodes]="separatorKeysCodes" (matChipInputTokenEnd)="add($event)" /> - <mat-autocomplete #auto="matAutocomplete" (optionSelected)="selected($event)"> + <mat-autocomplete #auto="matAutocomplete" (optionSelected)="selected($event); fruitInput.value = ''"> @for (fruit of filteredFruits(); track fruit) { <mat-option [value]="fruit">{{fruit}}</mat-option> } diff --git a/docs-content/examples-highlighted/material/sidenav/sidenav-responsive/sidenav-responsive-example-html.html b/docs-content/examples-highlighted/material/sidenav/sidenav-responsive/sidenav-responsive-example-html.html index ffe1b892b1..8db683a263 100755 --- a/docs-content/examples-highlighted/material/sidenav/sidenav-responsive/sidenav-responsive-example-html.html +++ b/docs-content/examples-highlighted/material/sidenav/sidenav-responsive/sidenav-responsive-example-html.html @@ -11,7 +11,7 @@ [fixedInViewport]="isMobile()" fixedTopGap="56"> <mat-nav-list> @for (nav of fillerNav; track nav) { - <a mat-list-item routerLink=".">{{nav}}</a> + <a mat-list-item>{{nav}}</a> } </mat-nav-list> </mat-sidenav> diff --git a/docs-content/examples-highlighted/material/sidenav/sidenav-responsive/sidenav-responsive-example-ts.html b/docs-content/examples-highlighted/material/sidenav/sidenav-responsive/sidenav-responsive-example-ts.html index 4444d3ea60..774f1d3854 100755 --- a/docs-content/examples-highlighted/material/sidenav/sidenav-responsive/sidenav-responsive-example-ts.html +++ b/docs-content/examples-highlighted/material/sidenav/sidenav-responsive/sidenav-responsive-example-ts.html @@ -5,21 +5,13 @@ import {MatIconModule} from '@angular/material/icon'; import {MatButtonModule} from '@angular/material/button'; import {MatToolbarModule} from '@angular/material/toolbar'; -import {RouterLink} from '@angular/router'; /** @title Responsive sidenav */ @Component({ selector: 'sidenav-responsive-example', templateUrl: 'sidenav-responsive-example.html', styleUrl: 'sidenav-responsive-example.css', - imports: [ - MatToolbarModule, - MatButtonModule, - MatIconModule, - MatSidenavModule, - MatListModule, - RouterLink, - ], + imports: [MatToolbarModule, MatButtonModule, MatIconModule, MatSidenavModule, MatListModule], }) export class SidenavResponsiveExample implements OnDestroy { protected readonly fillerNav = Array.from({length: 50}, (_, i) => `Nav Item ${i + 1}`); diff --git a/docs-content/examples-source/cdk/tree/cdk-tree-flat-children-accessor/cdk-tree-flat-children-accessor-example-data.ts b/docs-content/examples-source/cdk/tree/cdk-tree-flat-children-accessor/cdk-tree-flat-children-accessor-example-data.ts new file mode 100755 index 0000000000..acac71a542 --- /dev/null +++ b/docs-content/examples-source/cdk/tree/cdk-tree-flat-children-accessor/cdk-tree-flat-children-accessor-example-data.ts @@ -0,0 +1,28 @@ +/** + * Food data with nested structure. + * Each node has a name and an optional list of children. + */ +export interface NestedFoodNode { + name: string; + children?: NestedFoodNode[]; +} + +export const NESTED_DATA: NestedFoodNode[] = [ + { + name: 'Fruit', + children: [{name: 'Apple'}, {name: 'Banana'}, {name: 'Fruit loops'}], + }, + { + name: 'Vegetables', + children: [ + { + name: 'Green', + children: [{name: 'Broccoli'}, {name: 'Brussels sprouts'}], + }, + { + name: 'Orange', + children: [{name: 'Pumpkins'}, {name: 'Carrots'}], + }, + ], + }, +]; diff --git a/docs-content/examples-source/cdk/tree/cdk-tree-flat-children-accessor/cdk-tree-flat-children-accessor-example.ts b/docs-content/examples-source/cdk/tree/cdk-tree-flat-children-accessor/cdk-tree-flat-children-accessor-example.ts index 984ef463f9..05afa9bc04 100755 --- a/docs-content/examples-source/cdk/tree/cdk-tree-flat-children-accessor/cdk-tree-flat-children-accessor-example.ts +++ b/docs-content/examples-source/cdk/tree/cdk-tree-flat-children-accessor/cdk-tree-flat-children-accessor-example.ts @@ -5,7 +5,7 @@ import {MatButtonModule} from '@angular/material/button'; import {MatIconModule} from '@angular/material/icon'; import {timer} from 'rxjs'; import {mapTo} from 'rxjs/operators'; -import {NestedFoodNode, NESTED_DATA} from '../tree-data'; +import {NestedFoodNode, NESTED_DATA} from './cdk-tree-flat-children-accessor-example-data'; function flattenNodes(nodes: NestedFoodNode[]): NestedFoodNode[] { const flattenedNodes = []; diff --git a/docs-content/examples-source/cdk/tree/tree-data.ts b/docs-content/examples-source/cdk/tree/cdk-tree-flat-level-accessor/cdk-tree-flat-level-accessor-example-data.ts similarity index 61% rename from docs-content/examples-source/cdk/tree/tree-data.ts rename to docs-content/examples-source/cdk/tree/cdk-tree-flat-level-accessor/cdk-tree-flat-level-accessor-example-data.ts index 780c969d53..7adbadfd84 100755 --- a/docs-content/examples-source/cdk/tree/tree-data.ts +++ b/docs-content/examples-source/cdk/tree/cdk-tree-flat-level-accessor/cdk-tree-flat-level-accessor-example-data.ts @@ -63,32 +63,3 @@ export const FLAT_DATA: FlatFoodNode[] = [ level: 2, }, ]; - -/** - * Food data with nested structure. - * Each node has a name and an optional list of children. - */ -export interface NestedFoodNode { - name: string; - children?: NestedFoodNode[]; -} - -export const NESTED_DATA: NestedFoodNode[] = [ - { - name: 'Fruit', - children: [{name: 'Apple'}, {name: 'Banana'}, {name: 'Fruit loops'}], - }, - { - name: 'Vegetables', - children: [ - { - name: 'Green', - children: [{name: 'Broccoli'}, {name: 'Brussels sprouts'}], - }, - { - name: 'Orange', - children: [{name: 'Pumpkins'}, {name: 'Carrots'}], - }, - ], - }, -]; diff --git a/docs-content/examples-source/cdk/tree/cdk-tree-flat-level-accessor/cdk-tree-flat-level-accessor-example.ts b/docs-content/examples-source/cdk/tree/cdk-tree-flat-level-accessor/cdk-tree-flat-level-accessor-example.ts index 486cf9ca84..0c43535778 100755 --- a/docs-content/examples-source/cdk/tree/cdk-tree-flat-level-accessor/cdk-tree-flat-level-accessor-example.ts +++ b/docs-content/examples-source/cdk/tree/cdk-tree-flat-level-accessor/cdk-tree-flat-level-accessor-example.ts @@ -3,7 +3,7 @@ import {CdkTree, CdkTreeModule} from '@angular/cdk/tree'; import {ChangeDetectionStrategy, Component, ViewChild} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatIconModule} from '@angular/material/icon'; -import {FlatFoodNode, FLAT_DATA} from '../tree-data'; +import {FlatFoodNode, FLAT_DATA} from './cdk-tree-flat-level-accessor-example-data'; /** * @title Tree with flat nodes diff --git a/docs-content/examples-source/cdk/tree/cdk-tree-nested-children-accessor/cdk-tree-nested-children-accessor-example-data.ts b/docs-content/examples-source/cdk/tree/cdk-tree-nested-children-accessor/cdk-tree-nested-children-accessor-example-data.ts new file mode 100755 index 0000000000..acac71a542 --- /dev/null +++ b/docs-content/examples-source/cdk/tree/cdk-tree-nested-children-accessor/cdk-tree-nested-children-accessor-example-data.ts @@ -0,0 +1,28 @@ +/** + * Food data with nested structure. + * Each node has a name and an optional list of children. + */ +export interface NestedFoodNode { + name: string; + children?: NestedFoodNode[]; +} + +export const NESTED_DATA: NestedFoodNode[] = [ + { + name: 'Fruit', + children: [{name: 'Apple'}, {name: 'Banana'}, {name: 'Fruit loops'}], + }, + { + name: 'Vegetables', + children: [ + { + name: 'Green', + children: [{name: 'Broccoli'}, {name: 'Brussels sprouts'}], + }, + { + name: 'Orange', + children: [{name: 'Pumpkins'}, {name: 'Carrots'}], + }, + ], + }, +]; diff --git a/docs-content/examples-source/cdk/tree/cdk-tree-nested-children-accessor/cdk-tree-nested-children-accessor-example.ts b/docs-content/examples-source/cdk/tree/cdk-tree-nested-children-accessor/cdk-tree-nested-children-accessor-example.ts index d1cfd6f73f..910aafbf93 100755 --- a/docs-content/examples-source/cdk/tree/cdk-tree-nested-children-accessor/cdk-tree-nested-children-accessor-example.ts +++ b/docs-content/examples-source/cdk/tree/cdk-tree-nested-children-accessor/cdk-tree-nested-children-accessor-example.ts @@ -3,7 +3,7 @@ import {CdkTree, CdkTreeModule} from '@angular/cdk/tree'; import {ChangeDetectionStrategy, Component, ViewChild} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatIconModule} from '@angular/material/icon'; -import {NestedFoodNode, NESTED_DATA} from '../tree-data'; +import {NestedFoodNode, NESTED_DATA} from './cdk-tree-nested-children-accessor-example-data'; function flattenNodes(nodes: NestedFoodNode[]): NestedFoodNode[] { const flattenedNodes = []; diff --git a/docs-content/examples-source/cdk/tree/cdk-tree-nested-level-accessor/cdk-tree-nested-level-accessor-example-data.ts b/docs-content/examples-source/cdk/tree/cdk-tree-nested-level-accessor/cdk-tree-nested-level-accessor-example-data.ts new file mode 100755 index 0000000000..7adbadfd84 --- /dev/null +++ b/docs-content/examples-source/cdk/tree/cdk-tree-nested-level-accessor/cdk-tree-nested-level-accessor-example-data.ts @@ -0,0 +1,65 @@ +/** Flat node with expandable and level information */ +export interface FlatFoodNode { + expandable: boolean; + name: string; + level: number; + isExpanded?: boolean; +} + +export const FLAT_DATA: FlatFoodNode[] = [ + { + name: 'Fruit', + expandable: true, + level: 0, + }, + { + name: 'Apple', + expandable: false, + level: 1, + }, + { + name: 'Banana', + expandable: false, + level: 1, + }, + { + name: 'Fruit loops', + expandable: false, + level: 1, + }, + { + name: 'Vegetables', + expandable: true, + level: 0, + }, + { + name: 'Green', + expandable: true, + level: 1, + }, + { + name: 'Broccoli', + expandable: false, + level: 2, + }, + { + name: 'Brussels sprouts', + expandable: false, + level: 2, + }, + { + name: 'Orange', + expandable: true, + level: 1, + }, + { + name: 'Pumpkins', + expandable: false, + level: 2, + }, + { + name: 'Carrots', + expandable: false, + level: 2, + }, +]; diff --git a/docs-content/examples-source/cdk/tree/cdk-tree-nested-level-accessor/cdk-tree-nested-level-accessor-example.ts b/docs-content/examples-source/cdk/tree/cdk-tree-nested-level-accessor/cdk-tree-nested-level-accessor-example.ts index 0505e70669..4b2c9b641c 100755 --- a/docs-content/examples-source/cdk/tree/cdk-tree-nested-level-accessor/cdk-tree-nested-level-accessor-example.ts +++ b/docs-content/examples-source/cdk/tree/cdk-tree-nested-level-accessor/cdk-tree-nested-level-accessor-example.ts @@ -3,7 +3,7 @@ import {CdkTree, CdkTreeModule} from '@angular/cdk/tree'; import {ChangeDetectionStrategy, Component, ViewChild} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatIconModule} from '@angular/material/icon'; -import {FLAT_DATA, FlatFoodNode} from '../tree-data'; +import {FLAT_DATA, FlatFoodNode} from './cdk-tree-nested-level-accessor-example-data'; /** * @title Tree with nested nodes and level accessor diff --git a/docs-content/examples-source/material/chips/chips-autocomplete/chips-autocomplete-example.html b/docs-content/examples-source/material/chips/chips-autocomplete/chips-autocomplete-example.html index b9d6271c95..cead65eaa9 100755 --- a/docs-content/examples-source/material/chips/chips-autocomplete/chips-autocomplete-example.html +++ b/docs-content/examples-source/material/chips/chips-autocomplete/chips-autocomplete-example.html @@ -21,7 +21,7 @@ [matChipInputSeparatorKeyCodes]="separatorKeysCodes" (matChipInputTokenEnd)="add($event)" /> - + @for (fruit of filteredFruits(); track fruit) { {{fruit}} } diff --git a/docs-content/examples-source/material/sidenav/sidenav-responsive/sidenav-responsive-example.html b/docs-content/examples-source/material/sidenav/sidenav-responsive/sidenav-responsive-example.html index cf7c57f179..e34c05948d 100755 --- a/docs-content/examples-source/material/sidenav/sidenav-responsive/sidenav-responsive-example.html +++ b/docs-content/examples-source/material/sidenav/sidenav-responsive/sidenav-responsive-example.html @@ -11,7 +11,7 @@

Responsive App

[fixedInViewport]="isMobile()" fixedTopGap="56"> @for (nav of fillerNav; track nav) { - {{nav}} + {{nav}} } diff --git a/docs-content/examples-source/material/sidenav/sidenav-responsive/sidenav-responsive-example.ts b/docs-content/examples-source/material/sidenav/sidenav-responsive/sidenav-responsive-example.ts index a105116049..f47ad84be0 100755 --- a/docs-content/examples-source/material/sidenav/sidenav-responsive/sidenav-responsive-example.ts +++ b/docs-content/examples-source/material/sidenav/sidenav-responsive/sidenav-responsive-example.ts @@ -5,21 +5,13 @@ import {MatSidenavModule} from '@angular/material/sidenav'; import {MatIconModule} from '@angular/material/icon'; import {MatButtonModule} from '@angular/material/button'; import {MatToolbarModule} from '@angular/material/toolbar'; -import {RouterLink} from '@angular/router'; /** @title Responsive sidenav */ @Component({ selector: 'sidenav-responsive-example', templateUrl: 'sidenav-responsive-example.html', styleUrl: 'sidenav-responsive-example.css', - imports: [ - MatToolbarModule, - MatButtonModule, - MatIconModule, - MatSidenavModule, - MatListModule, - RouterLink, - ], + imports: [MatToolbarModule, MatButtonModule, MatIconModule, MatSidenavModule, MatListModule], }) export class SidenavResponsiveExample implements OnDestroy { protected readonly fillerNav = Array.from({length: 50}, (_, i) => `Nav Item ${i + 1}`); diff --git a/docs-content/guides/creating-a-custom-stepper-using-the-cdk-stepper.html b/docs-content/guides/creating-a-custom-stepper-using-the-cdk-stepper.html index 8bc1265c97..f4f79b630a 100755 --- a/docs-content/guides/creating-a-custom-stepper-using-the-cdk-stepper.html +++ b/docs-content/guides/creating-a-custom-stepper-using-the-cdk-stepper.html @@ -47,23 +47,23 @@