{"__symbolic":"module","version":4,"metadata":{"LtTreeviewModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"exports":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"Node":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"lt-treeview","template":"<div class=\"container\">\n  <ul class=\"treeview\">\n      <li class=\"parent\" *ngFor=\"let item of data\">\n            <div class=\"list-item\" *ngIf=\"item.adding === true\">\n                <ul>\n                    <li *ngFor=\"let n of listToAdd\"(click)=\"addNode(n)\"><span>{{n.label}}</span></li>\n                </ul>\n            </div>\n            <span class=\"coll\" (click)=\"expand(item)\" *ngIf=\"item.expand === false; else expanse\">\n                <i class=\"fa fa-caret-right\"></i>\n            </span>\n            <ng-template #expanse>\n                    <span class=\"coll\" (click)=\"expand(item)\">\n                        <i class=\"fa fa-caret-down\"></i>\n                    </span>\n                </ng-template>\n            <div class=\"control\">\n                <a>\n                    {{item.label}}\n                </a>\n                <button class=\"plus\" (click)=\"add(item)\">\n                    <i class=\"fa fa-plus\"></i>\n                </button>\n                <button class=\"erase\" (click)=\"delete(item)\">\n                    <i class=\"fa fa-remove\"></i>\n                </button>\n            </div>\n            <lt-treeview-internal [data]=\"item.children\" [parent] = \"item\" [listToAdd]=\"listToAdd\" [show]=\"show\" [component]=\"component\" [callBackOnDelete]=\"callBackOnDelete\" [callBackOnUpdate]=\"callBackOnUpdate\" *ngIf=\"item.expand === true\"></lt-treeview-internal>\n      </li>\n  </ul>\n  <div class=\"box-lt-treeview\" *ngIf=\"show === true\">\n      <button (click)=\"addRoot()\"><i class=\"fa fa-plus\"></i> Add Root</button>\n      <div class=\"list-root\" *ngIf=\"addRootb === true\">\n        <ul>\n            <li *ngFor=\"let n of listToAdd\"(click)=\"addRootNode(n)\"><span>{{n.label}}</span></li>\n        </ul>\n    </div>\n  </div>\n</div>","styles":[".container{margin-top:30px;margin-left:auto;margin-right:auto;min-height:100px}.box-lt-treeview{position:relative}.box-lt-treeview button{padding:15px;border-radius:unset;background-color:#4ba6c9;border:unset;color:#fff;cursor:pointer}.box-lt-treeview .list-root{background-color:#9c9c9c;border:1px solid;width:250px;z-index:1000;position:absolute;top:0;left:89px;color:#fff}.box-lt-treeview .list-root ul{list-style:none;padding:unset;margin:unset}.box-lt-treeview .list-root li:nth-child(odd){background-color:#a9a9a9}.box-lt-treeview .list-root li{text-transform:capitalize;padding:15px;cursor:pointer}.box-lt-treeview .list-root li:hover{background-color:#f9cd0e}.list-item{background-color:#9c9c9c;border:1px solid;width:250px;z-index:1000;position:absolute;top:52px;left:130px;color:#fff}.list-item ul{list-style:none;padding:unset}.list-item li:nth-child(odd){background-color:#a9a9a9}.list-item li{text-transform:capitalize;cursor:pointer}.list-item li:hover{background-color:#f9cd0e}.treeview{list-style:none}.coll{padding:10px;cursor:pointer}.list-tree{list-style:none;margin-top:8px}.treeview li{padding:15px;position:relative}.plus{background-color:orange}.erase,.plus{padding:7px 15px;border:unset;color:#fff;cursor:pointer;margin-left:10px}.erase{background-color:#da3522}.treeview a{text-decoration:none;padding:10px 15px;color:#000;text-transform:capitalize}.control{display:inline-block;padding:5px;background-color:#e9e9e9}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"listToAdd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"show":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"callBackOnUpdate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"callBackOnDelete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"component":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"expand":[{"__symbolic":"method"}],"add":[{"__symbolic":"method"}],"addRoot":[{"__symbolic":"method"}],"addRootNode":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}],"addNode":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"lt-treeview-internal","template":"<ul class=\"list-tree\">\n  <li *ngFor=\"let item of data\">\n      <div class=\"list-item\" *ngIf=\"item.adding === true\">\n          <ul>\n              <li *ngFor=\"let n of listToAdd\"(click)=\"addNode(n)\"><span>{{n.label}}</span></li>\n          </ul>\n      </div>\n      <span class=\"coll\" (click)=\"expand(item)\" *ngIf=\"item.expand === false; else expanse\">\n        <i class=\"fa fa-caret-right\"></i>\n      </span>\n      <ng-template #expanse>\n          <span class=\"coll\" (click)=\"expand(item)\">\n              <i class=\"fa fa-caret-down\"></i>\n          </span>\n      </ng-template>\n      <div class=\"control\">\n          <a>\n              {{item.label}}\n          </a>\n          <button class=\"plus\" (click)=\"add(item)\">\n              <i class=\"fa fa-plus\"></i>\n          </button>\n          <button class=\"erase\" (click)=\"delete(item)\">\n              <i class=\"fa fa-remove\"></i>\n          </button>\n      </div>\n      <lt-treeview-internal [data] = \"item.children\" [parent]=\"item\" [listToAdd]=\"listToAdd\" [show]=\"show\" [component]=\"component\" [callBackOnDelete]=\"callBackOnDelete\" [callBackOnUpdate]=\"callBackOnUpdate\" *ngIf=\"item.expand === true\"></lt-treeview-internal>\n    </li>\n</ul>","styles":[".coll{padding:10px;cursor:pointer}.list-tree{list-style:none;margin-top:8px}.list-tree li{padding:15px}.plus{background-color:orange}.erase,.plus{padding:7px 15px;border:unset;color:#fff;cursor:pointer;margin-left:10px}.erase{background-color:#da3522}.list-tree a{text-decoration:none;padding:10px 15px;color:#000;text-transform:capitalize}.control{display:inline-block;padding:5px;background-color:#e9e9e9}.list-item{background-color:#9c9c9c;border:1px solid;width:250px;z-index:1000;position:absolute;top:52px;left:130px;color:#fff}.list-item ul{list-style:none;padding:unset}.list-item li:nth-child(odd){background-color:#a9a9a9}.list-item li{text-transform:capitalize;cursor:pointer}.list-item li:hover{background-color:#f9cd0e}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"listToAdd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"show":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"parent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"callBackOnUpdate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"callBackOnDelete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"component":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"expand":[{"__symbolic":"method"}],"add":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}],"addNode":[{"__symbolic":"method"}]}}},"origins":{"LtTreeviewModule":"./lt-treeview/lt-treeview.module","Node":"./lt-treeview/node","ɵa":"./lt-treeview/lt-treeview.component","ɵb":"./lt-treeview-internal/lt-treeview-internal.component"},"importAs":"lt-treeview"}