[6a3a178] | 1 | import { CdkTreeNode, CdkTree, CdkTreeNodeDef, CdkNestedTreeNode, CDK_TREE_NODE_OUTLET_NODE, CdkTreeNodePadding, CdkTreeNodeOutlet, CdkTreeNodeToggle, CdkTreeModule } from '@angular/cdk/tree';
|
---|
| 2 | import { Directive, ElementRef, Attribute, Input, IterableDiffers, ViewContainerRef, Inject, Optional, Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, NgModule } from '@angular/core';
|
---|
| 3 | import { mixinTabIndex, mixinDisabled, MatCommonModule } from '@angular/material/core';
|
---|
| 4 | import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
---|
| 5 | import { DataSource } from '@angular/cdk/collections';
|
---|
| 6 | import { BehaviorSubject, merge } from 'rxjs';
|
---|
| 7 | import { take, map } from 'rxjs/operators';
|
---|
| 8 |
|
---|
| 9 | /**
|
---|
| 10 | * @license
|
---|
| 11 | * Copyright Google LLC All Rights Reserved.
|
---|
| 12 | *
|
---|
| 13 | * Use of this source code is governed by an MIT-style license that can be
|
---|
| 14 | * found in the LICENSE file at https://angular.io/license
|
---|
| 15 | */
|
---|
| 16 | const _MatTreeNodeBase = mixinTabIndex(mixinDisabled(CdkTreeNode));
|
---|
| 17 | /**
|
---|
| 18 | * Wrapper for the CdkTree node with Material design styles.
|
---|
| 19 | */
|
---|
| 20 | class MatTreeNode extends _MatTreeNodeBase {
|
---|
| 21 | constructor(elementRef, tree, tabIndex) {
|
---|
| 22 | super(elementRef, tree);
|
---|
| 23 | this.tabIndex = Number(tabIndex) || 0;
|
---|
| 24 | // The classes are directly added here instead of in the host property because classes on
|
---|
| 25 | // the host property are not inherited with View Engine. It is not set as a @HostBinding because
|
---|
| 26 | // it is not set by the time it's children nodes try to read the class from it.
|
---|
| 27 | // TODO: move to host after View Engine deprecation
|
---|
| 28 | elementRef.nativeElement.classList.add('mat-tree-node');
|
---|
| 29 | }
|
---|
| 30 | // This is a workaround for https://github.com/angular/angular/issues/23091
|
---|
| 31 | // In aot mode, the lifecycle hooks from parent class are not called.
|
---|
| 32 | ngOnInit() {
|
---|
| 33 | super.ngOnInit();
|
---|
| 34 | }
|
---|
| 35 | ngDoCheck() {
|
---|
| 36 | super.ngDoCheck();
|
---|
| 37 | }
|
---|
| 38 | ngOnDestroy() {
|
---|
| 39 | super.ngOnDestroy();
|
---|
| 40 | }
|
---|
| 41 | }
|
---|
| 42 | MatTreeNode.decorators = [
|
---|
| 43 | { type: Directive, args: [{
|
---|
| 44 | selector: 'mat-tree-node',
|
---|
| 45 | exportAs: 'matTreeNode',
|
---|
| 46 | inputs: ['role', 'disabled', 'tabIndex'],
|
---|
| 47 | providers: [{ provide: CdkTreeNode, useExisting: MatTreeNode }]
|
---|
| 48 | },] }
|
---|
| 49 | ];
|
---|
| 50 | MatTreeNode.ctorParameters = () => [
|
---|
| 51 | { type: ElementRef },
|
---|
| 52 | { type: CdkTree },
|
---|
| 53 | { type: String, decorators: [{ type: Attribute, args: ['tabindex',] }] }
|
---|
| 54 | ];
|
---|
| 55 | /**
|
---|
| 56 | * Wrapper for the CdkTree node definition with Material design styles.
|
---|
| 57 | * Captures the node's template and a when predicate that describes when this node should be used.
|
---|
| 58 | */
|
---|
| 59 | class MatTreeNodeDef extends CdkTreeNodeDef {
|
---|
| 60 | }
|
---|
| 61 | MatTreeNodeDef.decorators = [
|
---|
| 62 | { type: Directive, args: [{
|
---|
| 63 | selector: '[matTreeNodeDef]',
|
---|
| 64 | inputs: [
|
---|
| 65 | 'when: matTreeNodeDefWhen'
|
---|
| 66 | ],
|
---|
| 67 | providers: [{ provide: CdkTreeNodeDef, useExisting: MatTreeNodeDef }]
|
---|
| 68 | },] }
|
---|
| 69 | ];
|
---|
| 70 | MatTreeNodeDef.propDecorators = {
|
---|
| 71 | data: [{ type: Input, args: ['matTreeNode',] }]
|
---|
| 72 | };
|
---|
| 73 | /**
|
---|
| 74 | * Wrapper for the CdkTree nested node with Material design styles.
|
---|
| 75 | */
|
---|
| 76 | class MatNestedTreeNode extends CdkNestedTreeNode {
|
---|
| 77 | constructor(elementRef, tree, differs, tabIndex) {
|
---|
| 78 | super(elementRef, tree, differs);
|
---|
| 79 | this._disabled = false;
|
---|
| 80 | this.tabIndex = Number(tabIndex) || 0;
|
---|
| 81 | // The classes are directly added here instead of in the host property because classes on
|
---|
| 82 | // the host property are not inherited with View Engine. It is not set as a @HostBinding because
|
---|
| 83 | // it is not set by the time it's children nodes try to read the class from it.
|
---|
| 84 | // TODO: move to host after View Engine deprecation
|
---|
| 85 | elementRef.nativeElement.classList.add('mat-nested-tree-node');
|
---|
| 86 | }
|
---|
| 87 | /** Whether the node is disabled. */
|
---|
| 88 | get disabled() { return this._disabled; }
|
---|
| 89 | set disabled(value) { this._disabled = coerceBooleanProperty(value); }
|
---|
| 90 | /** Tabindex for the node. */
|
---|
| 91 | get tabIndex() { return this.disabled ? -1 : this._tabIndex; }
|
---|
| 92 | set tabIndex(value) {
|
---|
| 93 | // If the specified tabIndex value is null or undefined, fall back to the default value.
|
---|
| 94 | this._tabIndex = value != null ? value : 0;
|
---|
| 95 | }
|
---|
| 96 | // This is a workaround for https://github.com/angular/angular/issues/19145
|
---|
| 97 | // In aot mode, the lifecycle hooks from parent class are not called.
|
---|
| 98 | // TODO(tinayuangao): Remove when the angular issue #19145 is fixed
|
---|
| 99 | ngOnInit() {
|
---|
| 100 | super.ngOnInit();
|
---|
| 101 | }
|
---|
| 102 | ngDoCheck() {
|
---|
| 103 | super.ngDoCheck();
|
---|
| 104 | }
|
---|
| 105 | ngAfterContentInit() {
|
---|
| 106 | super.ngAfterContentInit();
|
---|
| 107 | }
|
---|
| 108 | ngOnDestroy() {
|
---|
| 109 | super.ngOnDestroy();
|
---|
| 110 | }
|
---|
| 111 | }
|
---|
| 112 | MatNestedTreeNode.decorators = [
|
---|
| 113 | { type: Directive, args: [{
|
---|
| 114 | selector: 'mat-nested-tree-node',
|
---|
| 115 | exportAs: 'matNestedTreeNode',
|
---|
| 116 | inputs: ['role', 'disabled', 'tabIndex'],
|
---|
| 117 | providers: [
|
---|
| 118 | { provide: CdkNestedTreeNode, useExisting: MatNestedTreeNode },
|
---|
| 119 | { provide: CdkTreeNode, useExisting: MatNestedTreeNode },
|
---|
| 120 | { provide: CDK_TREE_NODE_OUTLET_NODE, useExisting: MatNestedTreeNode }
|
---|
| 121 | ]
|
---|
| 122 | },] }
|
---|
| 123 | ];
|
---|
| 124 | MatNestedTreeNode.ctorParameters = () => [
|
---|
| 125 | { type: ElementRef },
|
---|
| 126 | { type: CdkTree },
|
---|
| 127 | { type: IterableDiffers },
|
---|
| 128 | { type: String, decorators: [{ type: Attribute, args: ['tabindex',] }] }
|
---|
| 129 | ];
|
---|
| 130 | MatNestedTreeNode.propDecorators = {
|
---|
| 131 | node: [{ type: Input, args: ['matNestedTreeNode',] }],
|
---|
| 132 | disabled: [{ type: Input }],
|
---|
| 133 | tabIndex: [{ type: Input }]
|
---|
| 134 | };
|
---|
| 135 |
|
---|
| 136 | /**
|
---|
| 137 | * @license
|
---|
| 138 | * Copyright Google LLC All Rights Reserved.
|
---|
| 139 | *
|
---|
| 140 | * Use of this source code is governed by an MIT-style license that can be
|
---|
| 141 | * found in the LICENSE file at https://angular.io/license
|
---|
| 142 | */
|
---|
| 143 | /**
|
---|
| 144 | * Wrapper for the CdkTree padding with Material design styles.
|
---|
| 145 | */
|
---|
| 146 | class MatTreeNodePadding extends CdkTreeNodePadding {
|
---|
| 147 | /** The level of depth of the tree node. The padding will be `level * indent` pixels. */
|
---|
| 148 | get level() { return this._level; }
|
---|
| 149 | set level(value) { this._setLevelInput(value); }
|
---|
| 150 | /** The indent for each level. Default number 40px from material design menu sub-menu spec. */
|
---|
| 151 | get indent() { return this._indent; }
|
---|
| 152 | set indent(indent) { this._setIndentInput(indent); }
|
---|
| 153 | }
|
---|
| 154 | MatTreeNodePadding.decorators = [
|
---|
| 155 | { type: Directive, args: [{
|
---|
| 156 | selector: '[matTreeNodePadding]',
|
---|
| 157 | providers: [{ provide: CdkTreeNodePadding, useExisting: MatTreeNodePadding }]
|
---|
| 158 | },] }
|
---|
| 159 | ];
|
---|
| 160 | MatTreeNodePadding.propDecorators = {
|
---|
| 161 | level: [{ type: Input, args: ['matTreeNodePadding',] }],
|
---|
| 162 | indent: [{ type: Input, args: ['matTreeNodePaddingIndent',] }]
|
---|
| 163 | };
|
---|
| 164 |
|
---|
| 165 | /**
|
---|
| 166 | * @license
|
---|
| 167 | * Copyright Google LLC All Rights Reserved.
|
---|
| 168 | *
|
---|
| 169 | * Use of this source code is governed by an MIT-style license that can be
|
---|
| 170 | * found in the LICENSE file at https://angular.io/license
|
---|
| 171 | */
|
---|
| 172 | /**
|
---|
| 173 | * Outlet for nested CdkNode. Put `[matTreeNodeOutlet]` on a tag to place children dataNodes
|
---|
| 174 | * inside the outlet.
|
---|
| 175 | */
|
---|
| 176 | class MatTreeNodeOutlet {
|
---|
| 177 | constructor(viewContainer, _node) {
|
---|
| 178 | this.viewContainer = viewContainer;
|
---|
| 179 | this._node = _node;
|
---|
| 180 | }
|
---|
| 181 | }
|
---|
| 182 | MatTreeNodeOutlet.decorators = [
|
---|
| 183 | { type: Directive, args: [{
|
---|
| 184 | selector: '[matTreeNodeOutlet]',
|
---|
| 185 | providers: [{
|
---|
| 186 | provide: CdkTreeNodeOutlet,
|
---|
| 187 | useExisting: MatTreeNodeOutlet
|
---|
| 188 | }]
|
---|
| 189 | },] }
|
---|
| 190 | ];
|
---|
| 191 | MatTreeNodeOutlet.ctorParameters = () => [
|
---|
| 192 | { type: ViewContainerRef },
|
---|
| 193 | { type: undefined, decorators: [{ type: Inject, args: [CDK_TREE_NODE_OUTLET_NODE,] }, { type: Optional }] }
|
---|
| 194 | ];
|
---|
| 195 |
|
---|
| 196 | /**
|
---|
| 197 | * @license
|
---|
| 198 | * Copyright Google LLC All Rights Reserved.
|
---|
| 199 | *
|
---|
| 200 | * Use of this source code is governed by an MIT-style license that can be
|
---|
| 201 | * found in the LICENSE file at https://angular.io/license
|
---|
| 202 | */
|
---|
| 203 | /**
|
---|
| 204 | * Wrapper for the CdkTable with Material design styles.
|
---|
| 205 | */
|
---|
| 206 | class MatTree extends CdkTree {
|
---|
| 207 | }
|
---|
| 208 | MatTree.decorators = [
|
---|
| 209 | { type: Component, args: [{
|
---|
| 210 | selector: 'mat-tree',
|
---|
| 211 | exportAs: 'matTree',
|
---|
| 212 | template: `<ng-container matTreeNodeOutlet></ng-container>`,
|
---|
| 213 | host: {
|
---|
| 214 | // The 'cdk-tree' class needs to be included here because classes set in the host in the
|
---|
| 215 | // parent class are not inherited with View Engine. The 'cdk-tree' class in CdkTreeNode has
|
---|
| 216 | // to be set in the host because:
|
---|
| 217 | // if it is set as a @HostBinding it is not set by the time the tree nodes try to read the
|
---|
| 218 | // class from it.
|
---|
| 219 | // the ElementRef is not available in the constructor so the class can't be applied directly
|
---|
| 220 | // without a breaking constructor change.
|
---|
| 221 | 'class': 'mat-tree cdk-tree',
|
---|
| 222 | 'role': 'tree',
|
---|
| 223 | },
|
---|
| 224 | encapsulation: ViewEncapsulation.None,
|
---|
| 225 | // See note on CdkTree for explanation on why this uses the default change detection strategy.
|
---|
| 226 | // tslint:disable-next-line:validate-decorators
|
---|
| 227 | changeDetection: ChangeDetectionStrategy.Default,
|
---|
| 228 | providers: [{ provide: CdkTree, useExisting: MatTree }],
|
---|
| 229 | styles: [".mat-tree{display:block}.mat-tree-node{display:flex;align-items:center;flex:1;word-wrap:break-word}.mat-nested-tree-node{border-bottom-width:0}\n"]
|
---|
| 230 | },] }
|
---|
| 231 | ];
|
---|
| 232 | MatTree.propDecorators = {
|
---|
| 233 | _nodeOutlet: [{ type: ViewChild, args: [MatTreeNodeOutlet, { static: true },] }]
|
---|
| 234 | };
|
---|
| 235 |
|
---|
| 236 | /**
|
---|
| 237 | * @license
|
---|
| 238 | * Copyright Google LLC All Rights Reserved.
|
---|
| 239 | *
|
---|
| 240 | * Use of this source code is governed by an MIT-style license that can be
|
---|
| 241 | * found in the LICENSE file at https://angular.io/license
|
---|
| 242 | */
|
---|
| 243 | /**
|
---|
| 244 | * Wrapper for the CdkTree's toggle with Material design styles.
|
---|
| 245 | */
|
---|
| 246 | // tslint:disable-next-line: coercion-types
|
---|
| 247 | class MatTreeNodeToggle extends CdkTreeNodeToggle {
|
---|
| 248 | get recursive() { return this._recursive; }
|
---|
| 249 | set recursive(value) {
|
---|
| 250 | // TODO: when we remove support for ViewEngine, change this setter to an input
|
---|
| 251 | // alias in the decorator metadata.
|
---|
| 252 | this._recursive = coerceBooleanProperty(value);
|
---|
| 253 | }
|
---|
| 254 | }
|
---|
| 255 | MatTreeNodeToggle.decorators = [
|
---|
| 256 | { type: Directive, args: [{
|
---|
| 257 | selector: '[matTreeNodeToggle]',
|
---|
| 258 | providers: [{ provide: CdkTreeNodeToggle, useExisting: MatTreeNodeToggle }]
|
---|
| 259 | },] }
|
---|
| 260 | ];
|
---|
| 261 | MatTreeNodeToggle.propDecorators = {
|
---|
| 262 | recursive: [{ type: Input, args: ['matTreeNodeToggleRecursive',] }]
|
---|
| 263 | };
|
---|
| 264 |
|
---|
| 265 | /**
|
---|
| 266 | * @license
|
---|
| 267 | * Copyright Google LLC All Rights Reserved.
|
---|
| 268 | *
|
---|
| 269 | * Use of this source code is governed by an MIT-style license that can be
|
---|
| 270 | * found in the LICENSE file at https://angular.io/license
|
---|
| 271 | */
|
---|
| 272 | const MAT_TREE_DIRECTIVES = [
|
---|
| 273 | MatNestedTreeNode,
|
---|
| 274 | MatTreeNodeDef,
|
---|
| 275 | MatTreeNodePadding,
|
---|
| 276 | MatTreeNodeToggle,
|
---|
| 277 | MatTree,
|
---|
| 278 | MatTreeNode,
|
---|
| 279 | MatTreeNodeOutlet
|
---|
| 280 | ];
|
---|
| 281 | class MatTreeModule {
|
---|
| 282 | }
|
---|
| 283 | MatTreeModule.decorators = [
|
---|
| 284 | { type: NgModule, args: [{
|
---|
| 285 | imports: [CdkTreeModule, MatCommonModule],
|
---|
| 286 | exports: [MatCommonModule, MAT_TREE_DIRECTIVES],
|
---|
| 287 | declarations: MAT_TREE_DIRECTIVES,
|
---|
| 288 | },] }
|
---|
| 289 | ];
|
---|
| 290 |
|
---|
| 291 | /**
|
---|
| 292 | * @license
|
---|
| 293 | * Copyright Google LLC All Rights Reserved.
|
---|
| 294 | *
|
---|
| 295 | * Use of this source code is governed by an MIT-style license that can be
|
---|
| 296 | * found in the LICENSE file at https://angular.io/license
|
---|
| 297 | */
|
---|
| 298 | /**
|
---|
| 299 | * Tree flattener to convert a normal type of node to node with children & level information.
|
---|
| 300 | * Transform nested nodes of type `T` to flattened nodes of type `F`.
|
---|
| 301 | *
|
---|
| 302 | * For example, the input data of type `T` is nested, and contains its children data:
|
---|
| 303 | * SomeNode: {
|
---|
| 304 | * key: 'Fruits',
|
---|
| 305 | * children: [
|
---|
| 306 | * NodeOne: {
|
---|
| 307 | * key: 'Apple',
|
---|
| 308 | * },
|
---|
| 309 | * NodeTwo: {
|
---|
| 310 | * key: 'Pear',
|
---|
| 311 | * }
|
---|
| 312 | * ]
|
---|
| 313 | * }
|
---|
| 314 | * After flattener flatten the tree, the structure will become
|
---|
| 315 | * SomeNode: {
|
---|
| 316 | * key: 'Fruits',
|
---|
| 317 | * expandable: true,
|
---|
| 318 | * level: 1
|
---|
| 319 | * },
|
---|
| 320 | * NodeOne: {
|
---|
| 321 | * key: 'Apple',
|
---|
| 322 | * expandable: false,
|
---|
| 323 | * level: 2
|
---|
| 324 | * },
|
---|
| 325 | * NodeTwo: {
|
---|
| 326 | * key: 'Pear',
|
---|
| 327 | * expandable: false,
|
---|
| 328 | * level: 2
|
---|
| 329 | * }
|
---|
| 330 | * and the output flattened type is `F` with additional information.
|
---|
| 331 | */
|
---|
| 332 | class MatTreeFlattener {
|
---|
| 333 | constructor(transformFunction, getLevel, isExpandable, getChildren) {
|
---|
| 334 | this.transformFunction = transformFunction;
|
---|
| 335 | this.getLevel = getLevel;
|
---|
| 336 | this.isExpandable = isExpandable;
|
---|
| 337 | this.getChildren = getChildren;
|
---|
| 338 | }
|
---|
| 339 | _flattenNode(node, level, resultNodes, parentMap) {
|
---|
| 340 | const flatNode = this.transformFunction(node, level);
|
---|
| 341 | resultNodes.push(flatNode);
|
---|
| 342 | if (this.isExpandable(flatNode)) {
|
---|
| 343 | const childrenNodes = this.getChildren(node);
|
---|
| 344 | if (childrenNodes) {
|
---|
| 345 | if (Array.isArray(childrenNodes)) {
|
---|
| 346 | this._flattenChildren(childrenNodes, level, resultNodes, parentMap);
|
---|
| 347 | }
|
---|
| 348 | else {
|
---|
| 349 | childrenNodes.pipe(take(1)).subscribe(children => {
|
---|
| 350 | this._flattenChildren(children, level, resultNodes, parentMap);
|
---|
| 351 | });
|
---|
| 352 | }
|
---|
| 353 | }
|
---|
| 354 | }
|
---|
| 355 | return resultNodes;
|
---|
| 356 | }
|
---|
| 357 | _flattenChildren(children, level, resultNodes, parentMap) {
|
---|
| 358 | children.forEach((child, index) => {
|
---|
| 359 | let childParentMap = parentMap.slice();
|
---|
| 360 | childParentMap.push(index != children.length - 1);
|
---|
| 361 | this._flattenNode(child, level + 1, resultNodes, childParentMap);
|
---|
| 362 | });
|
---|
| 363 | }
|
---|
| 364 | /**
|
---|
| 365 | * Flatten a list of node type T to flattened version of node F.
|
---|
| 366 | * Please note that type T may be nested, and the length of `structuredData` may be different
|
---|
| 367 | * from that of returned list `F[]`.
|
---|
| 368 | */
|
---|
| 369 | flattenNodes(structuredData) {
|
---|
| 370 | let resultNodes = [];
|
---|
| 371 | structuredData.forEach(node => this._flattenNode(node, 0, resultNodes, []));
|
---|
| 372 | return resultNodes;
|
---|
| 373 | }
|
---|
| 374 | /**
|
---|
| 375 | * Expand flattened node with current expansion status.
|
---|
| 376 | * The returned list may have different length.
|
---|
| 377 | */
|
---|
| 378 | expandFlattenedNodes(nodes, treeControl) {
|
---|
| 379 | let results = [];
|
---|
| 380 | let currentExpand = [];
|
---|
| 381 | currentExpand[0] = true;
|
---|
| 382 | nodes.forEach(node => {
|
---|
| 383 | let expand = true;
|
---|
| 384 | for (let i = 0; i <= this.getLevel(node); i++) {
|
---|
| 385 | expand = expand && currentExpand[i];
|
---|
| 386 | }
|
---|
| 387 | if (expand) {
|
---|
| 388 | results.push(node);
|
---|
| 389 | }
|
---|
| 390 | if (this.isExpandable(node)) {
|
---|
| 391 | currentExpand[this.getLevel(node) + 1] = treeControl.isExpanded(node);
|
---|
| 392 | }
|
---|
| 393 | });
|
---|
| 394 | return results;
|
---|
| 395 | }
|
---|
| 396 | }
|
---|
| 397 | /**
|
---|
| 398 | * Data source for flat tree.
|
---|
| 399 | * The data source need to handle expansion/collapsion of the tree node and change the data feed
|
---|
| 400 | * to `MatTree`.
|
---|
| 401 | * The nested tree nodes of type `T` are flattened through `MatTreeFlattener`, and converted
|
---|
| 402 | * to type `F` for `MatTree` to consume.
|
---|
| 403 | */
|
---|
| 404 | class MatTreeFlatDataSource extends DataSource {
|
---|
| 405 | constructor(_treeControl, _treeFlattener, initialData) {
|
---|
| 406 | super();
|
---|
| 407 | this._treeControl = _treeControl;
|
---|
| 408 | this._treeFlattener = _treeFlattener;
|
---|
| 409 | this._flattenedData = new BehaviorSubject([]);
|
---|
| 410 | this._expandedData = new BehaviorSubject([]);
|
---|
| 411 | this._data = new BehaviorSubject([]);
|
---|
| 412 | if (initialData) {
|
---|
| 413 | // Assign the data through the constructor to ensure that all of the logic is executed.
|
---|
| 414 | this.data = initialData;
|
---|
| 415 | }
|
---|
| 416 | }
|
---|
| 417 | get data() { return this._data.value; }
|
---|
| 418 | set data(value) {
|
---|
| 419 | this._data.next(value);
|
---|
| 420 | this._flattenedData.next(this._treeFlattener.flattenNodes(this.data));
|
---|
| 421 | this._treeControl.dataNodes = this._flattenedData.value;
|
---|
| 422 | }
|
---|
| 423 | connect(collectionViewer) {
|
---|
| 424 | return merge(collectionViewer.viewChange, this._treeControl.expansionModel.changed, this._flattenedData).pipe(map(() => {
|
---|
| 425 | this._expandedData.next(this._treeFlattener.expandFlattenedNodes(this._flattenedData.value, this._treeControl));
|
---|
| 426 | return this._expandedData.value;
|
---|
| 427 | }));
|
---|
| 428 | }
|
---|
| 429 | disconnect() {
|
---|
| 430 | // no op
|
---|
| 431 | }
|
---|
| 432 | }
|
---|
| 433 |
|
---|
| 434 | /**
|
---|
| 435 | * @license
|
---|
| 436 | * Copyright Google LLC All Rights Reserved.
|
---|
| 437 | *
|
---|
| 438 | * Use of this source code is governed by an MIT-style license that can be
|
---|
| 439 | * found in the LICENSE file at https://angular.io/license
|
---|
| 440 | */
|
---|
| 441 | /**
|
---|
| 442 | * Data source for nested tree.
|
---|
| 443 | *
|
---|
| 444 | * The data source for nested tree doesn't have to consider node flattener, or the way to expand
|
---|
| 445 | * or collapse. The expansion/collapsion will be handled by TreeControl and each non-leaf node.
|
---|
| 446 | */
|
---|
| 447 | class MatTreeNestedDataSource extends DataSource {
|
---|
| 448 | constructor() {
|
---|
| 449 | super(...arguments);
|
---|
| 450 | this._data = new BehaviorSubject([]);
|
---|
| 451 | }
|
---|
| 452 | /**
|
---|
| 453 | * Data for the nested tree
|
---|
| 454 | */
|
---|
| 455 | get data() { return this._data.value; }
|
---|
| 456 | set data(value) { this._data.next(value); }
|
---|
| 457 | connect(collectionViewer) {
|
---|
| 458 | return merge(...[collectionViewer.viewChange, this._data])
|
---|
| 459 | .pipe(map(() => this.data));
|
---|
| 460 | }
|
---|
| 461 | disconnect() {
|
---|
| 462 | // no op
|
---|
| 463 | }
|
---|
| 464 | }
|
---|
| 465 |
|
---|
| 466 | /**
|
---|
| 467 | * @license
|
---|
| 468 | * Copyright Google LLC All Rights Reserved.
|
---|
| 469 | *
|
---|
| 470 | * Use of this source code is governed by an MIT-style license that can be
|
---|
| 471 | * found in the LICENSE file at https://angular.io/license
|
---|
| 472 | */
|
---|
| 473 |
|
---|
| 474 | /**
|
---|
| 475 | * Generated bundle index. Do not edit.
|
---|
| 476 | */
|
---|
| 477 |
|
---|
| 478 | export { MatNestedTreeNode, MatTree, MatTreeFlatDataSource, MatTreeFlattener, MatTreeModule, MatTreeNestedDataSource, MatTreeNode, MatTreeNodeDef, MatTreeNodeOutlet, MatTreeNodePadding, MatTreeNodeToggle };
|
---|
| 479 | //# sourceMappingURL=tree.js.map
|
---|