[{"__symbolic":"module","version":3,"metadata":{"SkyContribTreeViewNodeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-contrib-tree-view-node","template":"<div>\n  <i\n    *ngIf=\"!node.isLeaf\"\n    class=\"fa\"\n    [ngClass]=\"node.expanded ? 'fa-minus-square-o' : 'fa-plus-square-o'\"\n    (click)=\"toggleExpanded(node)\"\n    [class.disabled]=\"!enabled\"\n  ></i>\n  <sky-contrib-tree-view-renderer [item]=\"node\" [template]=\"dropdownTemplate\"></sky-contrib-tree-view-renderer>\n  <sky-checkbox\n    *ngIf=\"isSelectable\"\n    [checked]=\"node.selected\"\n    [disabled]=\"!node.enabled\"\n    (change)=\"toggleSelected($event)\"\n  >\n    <sky-checkbox-label>\n      <sky-contrib-tree-view-renderer\n        [item]=\"node\"\n        [template]=\"contentTemplate || defaultContent\"\n      ></sky-contrib-tree-view-renderer>\n    </sky-checkbox-label>\n  </sky-checkbox>\n  <span *ngIf=\"!isSelectable\">\n    <sky-contrib-tree-view-renderer\n      [item]=\"node\"\n      [template]=\"contentTemplate || defaultContent\"\n    ></sky-contrib-tree-view-renderer>\n  </span>\n</div>\n<ul *ngIf=\"node.expanded && !node.isLeaf\" class=\"sub-item\">\n  <li *ngFor=\"let nodeChildren of (getChildren(node.id) | async)\">\n    <sky-contrib-tree-view-node\n      [contentTemplate]=\"contentTemplate\"\n      [dropdownTemplate]=\"dropdownTemplate\"\n      [node]=\"nodeChildren\"\n      [disableParents]=\"disableParents\"\n      [leafOnlySelection]=\"leafOnlySelection\"\n      [selectable]=\"selectable\"\n      (nodeStateToggled)=\"emitNodeToggleState($event)\"\n    ></sky-contrib-tree-view-node>\n  </li>\n</ul>\n\n<ng-template #defaultContent let-item=\"item\">{{ item.name }}</ng-template>\n","styles":[":host ul{list-style:none;margin:0 0 0 47px;padding:0}:host ul>li{padding:5px 0}:host ul>li:first-child{padding-top:10px}:host ul>li div{position:relative}:host ul .fa-minus-square-o,:host ul .fa-plus-square-o{cursor:pointer;position:absolute;left:-18px;top:20%}:host ul.sub-item .sub-item{margin-left:27px}:host /deep/ .sky-dropdown{display:inline-block}\n"]}]}],"members":{"node":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disableParents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"leafOnlySelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"contentTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dropdownTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"nodeStateToggled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./state","name":"TreeViewStateDispatcher"},{"__symbolic":"reference","module":"./state","name":"TreeViewState"}]}],"ngOnInit":[{"__symbolic":"method"}],"toggleExpanded":[{"__symbolic":"method"}],"emitNodeToggleState":[{"__symbolic":"method"}],"toggleSelected":[{"__symbolic":"method"}],"hasChildren":[{"__symbolic":"method"}],"getChildren":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyContribTreeViewNodeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-contrib-tree-view-node","template":"<div>\n  <i\n    *ngIf=\"!node.isLeaf\"\n    class=\"fa\"\n    [ngClass]=\"node.expanded ? 'fa-minus-square-o' : 'fa-plus-square-o'\"\n    (click)=\"toggleExpanded(node)\"\n    [class.disabled]=\"!enabled\"\n  ></i>\n  <sky-contrib-tree-view-renderer [item]=\"node\" [template]=\"dropdownTemplate\"></sky-contrib-tree-view-renderer>\n  <sky-checkbox\n    *ngIf=\"isSelectable\"\n    [checked]=\"node.selected\"\n    [disabled]=\"!node.enabled\"\n    (change)=\"toggleSelected($event)\"\n  >\n    <sky-checkbox-label>\n      <sky-contrib-tree-view-renderer\n        [item]=\"node\"\n        [template]=\"contentTemplate || defaultContent\"\n      ></sky-contrib-tree-view-renderer>\n    </sky-checkbox-label>\n  </sky-checkbox>\n  <span *ngIf=\"!isSelectable\">\n    <sky-contrib-tree-view-renderer\n      [item]=\"node\"\n      [template]=\"contentTemplate || defaultContent\"\n    ></sky-contrib-tree-view-renderer>\n  </span>\n</div>\n<ul *ngIf=\"node.expanded && !node.isLeaf\" class=\"sub-item\">\n  <li *ngFor=\"let nodeChildren of (getChildren(node.id) | async)\">\n    <sky-contrib-tree-view-node\n      [contentTemplate]=\"contentTemplate\"\n      [dropdownTemplate]=\"dropdownTemplate\"\n      [node]=\"nodeChildren\"\n      [disableParents]=\"disableParents\"\n      [leafOnlySelection]=\"leafOnlySelection\"\n      [selectable]=\"selectable\"\n      (nodeStateToggled)=\"emitNodeToggleState($event)\"\n    ></sky-contrib-tree-view-node>\n  </li>\n</ul>\n\n<ng-template #defaultContent let-item=\"item\">{{ item.name }}</ng-template>\n","styles":[":host ul{list-style:none;margin:0 0 0 47px;padding:0}:host ul>li{padding:5px 0}:host ul>li:first-child{padding-top:10px}:host ul>li div{position:relative}:host ul .fa-minus-square-o,:host ul .fa-plus-square-o{cursor:pointer;position:absolute;left:-18px;top:20%}:host ul.sub-item .sub-item{margin-left:27px}:host /deep/ .sky-dropdown{display:inline-block}\n"]}]}],"members":{"node":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disableParents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"leafOnlySelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"contentTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dropdownTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"nodeStateToggled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./state","name":"TreeViewStateDispatcher"},{"__symbolic":"reference","module":"./state","name":"TreeViewState"}]}],"ngOnInit":[{"__symbolic":"method"}],"toggleExpanded":[{"__symbolic":"method"}],"emitNodeToggleState":[{"__symbolic":"method"}],"toggleSelected":[{"__symbolic":"method"}],"hasChildren":[{"__symbolic":"method"}],"getChildren":[{"__symbolic":"method"}]}}}}]