dbit-lu-angular-tree-component/components/tree-node-collection.component.metadata.json

A simple yet powerful tree component for Angular2

[{"__symbolic":"module","version":3,"metadata":{"TreeNodeCollectionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"tree-node-collection","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"template":"\n    <ng-container *mobxAutorun>\n      <div\n        [style.margin-top]=\"marginTop\">\n        <tree-node\n          *ngFor=\"let node of viewportNodes; let i = index; trackBy: trackNode\"\n          [node]=\"node\"\n          [index]=\"i\"\n          [templates]=\"templates\">\n        </tree-node>\n      </div>\n    </ng-container>\n  ","preserveWhitespaces":false}]}],"members":{"nodes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"treeModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"_nodes":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"mobx-angular","name":"observable"}]}],"templates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"viewportNodes":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"mobx-angular","name":"observable"}]}],"marginTop":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"mobx-angular","name":"computed"}]}],"setNodes":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"mobx-angular","name":"action"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"trackNode":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"TreeNodeCollectionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"tree-node-collection","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"template":"\n    <ng-container *mobxAutorun>\n      <div\n        [style.margin-top]=\"marginTop\">\n        <tree-node\n          *ngFor=\"let node of viewportNodes; let i = index; trackBy: trackNode\"\n          [node]=\"node\"\n          [index]=\"i\"\n          [templates]=\"templates\">\n        </tree-node>\n      </div>\n    </ng-container>\n  ","preserveWhitespaces":false}]}],"members":{"nodes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"treeModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"_nodes":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"mobx-angular","name":"observable"}]}],"templates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"viewportNodes":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"mobx-angular","name":"observable"}]}],"marginTop":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"mobx-angular","name":"computed"}]}],"setNodes":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"mobx-angular","name":"action"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"trackNode":[{"__symbolic":"method"}]}}}}]