angular-tree-component
Version:
A simple yet powerful tree component for Angular2
1 lines • 2.82 kB
JSON
[{"__symbolic":"module","version":4,"metadata":{"TreeNodeWrapperComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"tree-node-wrapper","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":5,"character":17},"member":"None"},"styles":[],"template":"\n <div *ngIf=\"!templates.treeNodeWrapperTemplate\" class=\"node-wrapper\" [style.padding-left]=\"node.getNodePadding()\">\n <tree-node-checkbox *ngIf=\"node.options.useCheckbox\" [node]=\"node\"></tree-node-checkbox>\n <tree-node-expander [node]=\"node\"></tree-node-expander>\n <div class=\"node-content-wrapper\"\n [class.node-content-wrapper-active]=\"node.isActive\"\n [class.node-content-wrapper-focused]=\"node.isFocused\"\n (click)=\"node.mouseAction('click', $event)\"\n (dblclick)=\"node.mouseAction('dblClick', $event)\"\n (mouseover)=\"node.mouseAction('mouseOver', $event)\"\n (mouseout)=\"node.mouseAction('mouseOut', $event)\"\n (contextmenu)=\"node.mouseAction('contextMenu', $event)\"\n (treeDrop)=\"node.onDrop($event)\"\n (treeDropDragOver)=\"node.mouseAction('dragOver', $event)\"\n (treeDropDragLeave)=\"node.mouseAction('dragLeave', $event)\"\n (treeDropDragEnter)=\"node.mouseAction('dragEnter', $event)\"\n [treeAllowDrop]=\"node.allowDrop\"\n [allowDragoverStyling]=\"node.allowDragoverStyling()\"\n [treeDrag]=\"node\"\n [treeDragEnabled]=\"node.allowDrag()\">\n\n <tree-node-content [node]=\"node\" [index]=\"index\" [template]=\"templates.treeNodeTemplate\">\n </tree-node-content>\n </div>\n </div>\n <ng-container\n [ngTemplateOutlet]=\"templates.treeNodeWrapperTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: node, node: node, index: index, templates: templates }\">\n </ng-container>\n "}]}],"members":{"node":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"templates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}}}}]