dbit-lu-angular-tree-component
Version:
A simple yet powerful tree component for Angular2
1 lines • 3.63 kB
JSON
[{"__symbolic":"module","version":3,"metadata":{"TreeNodeChildrenComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"tree-node-children","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"styles":[".tree-children.tree-children-no-padding { padding-left: 0 }",".tree-children { padding-left: 20px; overflow: hidden }"],"template":"\n <ng-container *mobxAutorun>\n <div [class.tree-children]=\"true\"\n [class.tree-children-no-padding]=\"node.options.levelPadding\"\n *treeAnimateOpen=\"\n node.isExpanded;\n speed:node.options.animateExpand;\n acceleration:node.options.animateAcceleration;\n enabled:node.options.animateExpand\">\n <tree-node-collection\n *ngIf=\"node.children\"\n [nodes]=\"node.children\"\n [templates]=\"templates\"\n [treeModel]=\"node.treeModel\">\n </tree-node-collection>\n <tree-loading-component\n [style.padding-left]=\"node.getNodePadding()\"\n class=\"tree-node-loading\"\n *ngIf=\"!node.children\"\n [template]=\"templates.loadingTemplate\"\n [node]=\"node\"\n ></tree-loading-component>\n </div>\n </ng-container>\n ","preserveWhitespaces":false}]}],"members":{"node":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"templates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}]}}}},{"__symbolic":"module","version":1,"metadata":{"TreeNodeChildrenComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"tree-node-children","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"styles":[".tree-children.tree-children-no-padding { padding-left: 0 }",".tree-children { padding-left: 20px; overflow: hidden }"],"template":"\n <ng-container *mobxAutorun>\n <div [class.tree-children]=\"true\"\n [class.tree-children-no-padding]=\"node.options.levelPadding\"\n *treeAnimateOpen=\"\n node.isExpanded;\n speed:node.options.animateExpand;\n acceleration:node.options.animateAcceleration;\n enabled:node.options.animateExpand\">\n <tree-node-collection\n *ngIf=\"node.children\"\n [nodes]=\"node.children\"\n [templates]=\"templates\"\n [treeModel]=\"node.treeModel\">\n </tree-node-collection>\n <tree-loading-component\n [style.padding-left]=\"node.getNodePadding()\"\n class=\"tree-node-loading\"\n *ngIf=\"!node.children\"\n [template]=\"templates.loadingTemplate\"\n [node]=\"node\"\n ></tree-loading-component>\n </div>\n </ng-container>\n ","preserveWhitespaces":false}]}],"members":{"node":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"templates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}]}}}}]