[{"__symbolic":"module","version":4,"metadata":{"TreeNodeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"re-tree-node,[reTreeNode]","template":"\n    <div class=\"node-item {{nodeCssClass}}\" reDraggable=\"re:node-item-drop\" [disabled]=\"!allowDraggable\" [dragData]=\"{node: node, parent: parentNode}\"><div class=\"node-item-panel\"><i class=\"node-expend-icon {{getNodeExpendIcon()}}\" (click)=\"onExpendedIconClick($event)\"></i><div class=\"node-item-content\" #nodeItemContent reDroppable=\"re:node-item-drop\" (onDrop)=\"onDropNodeItem($event)\" (onDragEnter)=\"onDragEnter()\" (onDragLeave)=\"onDragLeave()\" [acceptDrop]=\"isAcceptDrop\"><div class=\"node-check-box\"><re-checkbox *ngIf=\"checkable\" [(ngModel)]=\"node.$check\" label=\"\" (valueChange)=\"nodeItemCheckedChange($event)\"></re-checkbox></div><ng-container *ngIf=\"!nodeItemTemplate\"><span class=\"node-text\" [ngClass]=\"{'bg-primary': node.$select}\" (click)=\"onNodeItemClick($event)\" (dblclick)=\"onNodeItemDbClicked($event)\"><i *ngIf=\"iconField && node[iconField]\" class=\"node-icon {{node[iconField]}}\"></i> {{node[textField] || ''}} <span class=\"loading\" *ngIf=\"isLoading\"><i class=\"{{loadingIcon}}\"></i></span></span><div class=\"toolbar\"><ng-template *ngIf=\"nodeItemToolbarTemplate\" [ngTemplateOutlet]=\"nodeItemToolbarTemplate\" [ngTemplateOutletContext]=\"{$implicit: node, parentNode:parentNode, tree: this}\"></ng-template></div></ng-container><ng-container *ngIf=\"nodeItemTemplate\"><ng-template *ngIf=\"nodeItemTemplate\" [ngTemplateOutlet]=\"nodeItemTemplate\" [ngTemplateOutletContext]=\"{$implicit: node,  parentNode:parentNode, tree: this }\"></ng-template></ng-container></div></div><re-tree-panel *ngIf=\"node.children && node.children.length && node.$expend\" class=\"children-view\" [treeData]=\"node.children\" [textField]=\"textField\" [valueField]=\"valueField\" [iconField]=\"iconField\" [checkable]=\"checkable\" [lazyLoad]=\"lazyLoad\" [loadingIcon]=\"loadingIcon\" [loadChildren]=\"loadChildren\" [allowDraggable]=\"allowDraggable && !isInDraggle\" [allowMutipleSelected]=\"allowMutipleSelected\" [parentNode]=\"node\" [nodeItemTemplate]=\"nodeItemTemplate\" [nodeItemToolbarTemplate]=\"nodeItemToolbarTemplate\" [leafIcon]=\"leafIcon\" [expendIcon]=\"expendIcon\" [collapseIcon]=\"collapseIcon\" (nodeItemCheckedChanged)=\"onChildrenNodeCheckedChange($event)\"></re-tree-panel></div>\n  ","styles":["\n    .node-item{position:relative}.node-item-content ::ng-deep{display:inline-block}.node-item-content ::ng-deep .node-icon{margin-right:2px}.node-item-content ::ng-deep .node-text{cursor:pointer;padding:2px;border-radius:4px}.node-item-content ::ng-deep .node-text:not(.bg-primary):hover{border:1px dashed #ddd}.node-expend-icon{cursor:pointer}.drop-node-enter{border:1px solid #2196f3}.node-check-box,.toolbar{display:inline-block}.expend-icon{cursor:pointer}.node-check-box .checkbox{margin:0}.children-view{display:block;padding:10px 1.5rem;border-left:1px dashed #ddd;margin-left:5px}.children-view .node-item{position:relative}.children-view .node-item:before{content:' ';position:absolute;left:-1.5rem;border-top:1px dashed #ddd;display:inline-block;width:1.5rem;height:1px;top:10px}.loading{-webkit-animation:loadingAnimation 1.5s infinite alternate;-moz-animation:loadingAnimation 1.5s infinite alternate;-ms-animation:loadingAnimation 1.5s infinite alternate;-o-animation:loadingAnimation 1.5s infinite alternate;animation:loadingAnimation 1.5s infinite alternate}@-webkit-keyframes loadingAnimation{50%{color:#ff9800}100%{color:#4caf50}}\n  "],"exportAs":"treeNode"}]}],"members":{"node":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"parentNode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"valueField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"nodeCssClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"iconField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"checkable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"lazyLoad":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"loadingIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"loadChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"allowDraggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"allowMutipleSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"nodeItemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"nodeItemToolbarTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"leafIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"expendIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"collapseIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"nodeItemContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":["nodeItemContent"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./tree-view.component","name":"TreeViewComponent","line":50,"character":41},{"__symbolic":"reference","module":"./tree-panel.component","name":"TreePanelComponent","line":51,"character":42},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":52,"character":32}]}],"getNodeExpendIcon":[{"__symbolic":"method"}],"onExpendedIconClick":[{"__symbolic":"method"}],"onNodeItemClick":[{"__symbolic":"method"}],"onNodeItemDbClicked":[{"__symbolic":"method"}],"nodeItemCheckedChange":[{"__symbolic":"method"}],"onChildrenNodeCheckedChange":[{"__symbolic":"method"}],"isLeaf":[{"__symbolic":"method"}],"onDragEnter":[{"__symbolic":"method"}],"onDragLeave":[{"__symbolic":"method"}],"onDropNodeItem":[{"__symbolic":"method"}],"isNodeMyself":[{"__symbolic":"method"}],"isDescendant":[{"__symbolic":"method"}],"changeChildrenChecked":[{"__symbolic":"method"}]}}}}]