{"__symbolic":"module","version":4,"metadata":{"DataTreeKitModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵd"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵd"}]}]}],"members":{}},"TreeNodeType":{"__symbolic":"interface"},"findNode":{"__symbolic":"function"},"toTreeData":{"__symbolic":"function"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"data-tree","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":11,"character":19},"member":"OnPush"},"template":"<div *ngFor=\"let node of data; let i=index;\" [id]=\"treeId+'_'+rootId\">\r\n    <table *ngIf=\"!isCollapsed\" style=\"width: 100%;\">\r\n        <tbody>\r\n            <tr>\r\n                <td [ngStyle]=\"nodeAnchorStyle(node)\">\r\n                    <div *ngIf=\"node.subGroups!=null||node.data!=null\" [ngClass]=\"'data-tree-'+(node.isClosed==true?'plus':'minus')\" (click)=\"toggleNode($event, node, rootId, treeId, i)\">&nbsp;</div>\r\n                </td>\r\n                <td>\r\n                    <div>\r\n                        <div *ngIf=\"node.iconClass!=''\" [ngClass]=\"node.iconClass\" style=\"display: inline-block\">&nbsp;</div>\r\n                        <div (click)=\"clickNode($event, node)\" [ngClass]=\"'data-tree-node '+(node.textClass!=null&&node.textClass.length>0?node.textClass:(node.subGroups!=null||node.data!=null)?nodeClass:leafClass)\" style=\"display: inline-block\">\r\n                            <ng-container *ngIf=\"TreeHeaderTemplate!=null&&TreeHeaderTemplate.TreeHeaderTemplate!=null; else textHeader\">\r\n                                <data-tree-cell [data]=\"node\" [treeTemplate]=\"TreeHeaderTemplate?.TreeHeaderTemplate\"></data-tree-cell>\r\n                            </ng-container>\r\n                            <ng-template #textHeader>\r\n                                {{node.groupKey}}\r\n                            </ng-template>\r\n                        </div>\r\n                    </div>\r\n                    <div [id]=\"treeId+'_'+rootId+'_'+i\" [ngClass]=\"(node.isClosed==true?'data-tree-collapse':'data-tree-collapse in')+' data-tree-branch'\">\r\n                        <data-tree (initialized)=\"handleTreeInit($event)\" *ngIf=\"node.subGroups != null\" [treeData]=\"node.subGroups\" [rootId]=\"treeId+'_'+rootId\"\r\n                            [rootNode]=\"rootNode||data\" [isCollapsed]=\"node.isClosed\" [node-class]=\"nodeClass\" [leaf-class]=\"leafClass\">\r\n                            <ng-container *ngIf=\"TreeHeaderTemplate!=null&&TreeHeaderTemplate.TreeHeaderTemplate!=null\">\r\n                                <ng-container *data-tree-header-template=\"let item = data;\">\r\n                                    <ng-container *ngTemplateOutlet=\"TreeHeaderTemplate?.TreeHeaderTemplate; context: {data: item}\"></ng-container>\r\n                                </ng-container>\r\n                                <ng-container *data-tree-template=\"let section = data;\">\r\n                                    <ng-container *ngTemplateOutlet=\"TreeTemplate?.TreeTemplate; context: {data: section}\"></ng-container>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </data-tree>\r\n                        <ng-container *ngFor=\"let row of node.data; let idx = index\">\r\n                            <data-tree-cell [data]=\"row\" [treeTemplate]=\"TreeTemplate?.TreeTemplate\"></data-tree-cell>\r\n                        </ng-container>\r\n                    </div>\r\n                </td>\r\n            </tr>\r\n        </tbody>\r\n    </table>\r\n</div>\r\n","styles":[".data-tree-minus{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAIAAADZrBkAAAAABnRSTlMA/wD/AP83WBt9AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAH0lEQVQokWP8//8/A+mAiQw9o9qoqI2+gHE0lQxJbQDl0gYZ+lGHlgAAAABJRU5ErkJggg==);background-origin:content-box;background-position:center;background-repeat:no-repeat;background-size:contain;cursor:pointer;font-size:8px;line-height:normal;margin-right:0;padding:4px 0 0;width:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.data-tree-plus{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAIAAADZrBkAAAAABnRSTlMA/wD/AP83WBt9AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAKUlEQVQokWP8//8/AzbAyMjIwMCAS5YJqyhBMKqNWtroCxhHU8mQ1AYA6OYMGQghg24AAAAASUVORK5CYII=);background-origin:content-box;background-position:center;background-repeat:no-repeat;background-size:contain;cursor:pointer;font-size:8px;line-height:normal;margin-right:0;padding:4px 0 0;width:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.data-tree-collapse{display:none}.data-tree-collapse.in{display:block}.data-tree-node:hover{background-color:#f5f5f5}.data-tree-branch{font-weight:700}.data-tree-leaf{font-weight:400}.data-tree-selected{background-color:#add8e6!important}"]}]}],"members":{"treeData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"rootNode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"rootId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"isCollapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"nodeClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3},"arguments":["node-class"]}]}],"leafClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3},"arguments":["leaf-class"]}]}],"initialized":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"selectionChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"treeTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":22,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵb"},{"static":false}]}]}],"treeHeaderTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":23,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵd"},{"static":false}]}]}],"subTree":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":24,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵa"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":33,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":33,"character":22}]}]],"parameters":[{"__symbolic":"error","message":"Could not resolve type","line":33,"character":45,"context":{"typeName":"Document"},"module":"./lib/data-tree-kit.component"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"nodeAnchorStyle":[{"__symbolic":"method"}],"uuidv4":[{"__symbolic":"method"}],"toggleNode":[{"__symbolic":"method"}],"collapseNodeAndChildren":[{"__symbolic":"method"}],"clickNode":[{"__symbolic":"method"}],"handleTreeInit":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[data-tree-template]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"ɵc"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":9,"character":31}]}]}},"ɵc":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[data-tree-header-template]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"ɵc"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":10,"character":31}]}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"data-tree-cell","template":"<ng-container #treeCell></ng-container>\n","styles":[""]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"treeTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"_cellContainerRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":11,"character":3},"arguments":["treeCell",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":11,"character":33},"static":true}]}]}],"ngOnChanges":[{"__symbolic":"method"}]}}},"origins":{"DataTreeKitModule":"./lib/data-tree-kit.module","TreeNodeType":"./lib/tree-node-type","findNode":"./lib/tree-node-type","toTreeData":"./lib/tree-node-type","ɵa":"./lib/data-tree-kit.component","ɵb":"./lib/data-tree-template.directive","ɵc":"./lib/TreeDataContext","ɵd":"./lib/data-tree-header-template.directive","ɵe":"./lib/data-tree-cell/data-tree-cell.component"},"importAs":"data-tree-kit"}