[{"__symbolic":"module","version":3,"metadata":{"SkyContribTreeViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-contrib-tree-view","template":"<div *ngIf=\"showControls\" class=\"tree-header-bar\">\n  <a class=\"sky-btn-link\" *ngIf=\"!hideExpandAllControl\" href (click)=\"clickExpandAll(); (false)\">{{\n    localizations.treeViewExpandAllLinkText\n  }}</a>\n  <a class=\"sky-btn-link\" *ngIf=\"!hideCollapseAllControl\" href (click)=\"clickCollapseAll(); (false)\">{{\n    localizations.treeViewCollapseAllLinkText\n  }}</a>\n  <a class=\"sky-btn-link\" *ngIf=\"selectable && !hideSelectAllControl\" href (click)=\"clickSelectAll(); (false)\">{{\n    localizations.treeViewSelectAllLinkText\n  }}</a>\n  <a class=\"sky-btn-link\" *ngIf=\"selectable && !hideSelectAllControl\" href (click)=\"clickClearAll(); (false)\">{{\n    localizations.treeViewClearAllLinkText\n  }}</a>\n</div>\n<ul>\n  <li *ngFor=\"let node of (rootNodes | async)\">\n    <div>\n      <sky-contrib-tree-view-node\n        [contentTemplate]=\"contentTemplate\"\n        [dropdownTemplate]=\"dropdownTemplate\"\n        [node]=\"node\"\n        [disableParents]=\"disableParents\"\n        [leafOnlySelection]=\"leafOnlySelection\"\n        [selectable]=\"selectable\"\n        (nodeStateToggled)=\"emitNodeToggleState($event)\"\n      ></sky-contrib-tree-view-node>\n    </div>\n  </li>\n</ul>\n<ng-content></ng-content>\n","providers":[{"__symbolic":"reference","module":"./state","name":"TreeViewStateDispatcher"},{"__symbolic":"reference","module":"./state","name":"TreeViewState"}],"styles":[":host /deep/ ul{list-style:none;margin:0;padding:10px}:host /deep/ ul>li{padding:5px 0}:host /deep/ ul>li div{position:relative}:host /deep/ ul .fa-minus-square-o,:host /deep/ ul .fa-plus-square-o{cursor:pointer;position:absolute;left:-18px;top:20%}:host /deep/ .tree-header-bar{display:flex;flex-wrap:wrap;padding:10px;border-top:1px solid #e2e3e4;border-bottom:1px solid #e2e3e4;align-items:center}:host /deep/ .tree-header-bar a{padding-right:15px}\n"]}]}],"members":{"data":[{"__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"}}]}],"showControls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hideExpandAllControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hideCollapseAllControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hideSelectAllControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hideClearAllControl":[{"__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"}}]}],"nodeContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./tree-view-content.component","name":"SkyContribTreeViewContentComponent"}]}]}],"nodeDropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./tree-view-dropdown.component","name":"SkyContribTreeViewDropdownComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../locale/locale.service","name":"SkyContribLocaleService"},{"__symbolic":"reference","module":"./state","name":"TreeViewStateDispatcher"},{"__symbolic":"reference","module":"./state","name":"TreeViewState"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"emitNodeToggleState":[{"__symbolic":"method"}],"setNodes":[{"__symbolic":"method"}],"setNodesSelected":[{"__symbolic":"method"}],"clickSelectAll":[{"__symbolic":"method"}],"clickClearAll":[{"__symbolic":"method"}],"clickExpandAll":[{"__symbolic":"method"}],"clickCollapseAll":[{"__symbolic":"method"}],"isLeaf":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyContribTreeViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-contrib-tree-view","template":"<div *ngIf=\"showControls\" class=\"tree-header-bar\">\n  <a class=\"sky-btn-link\" *ngIf=\"!hideExpandAllControl\" href (click)=\"clickExpandAll(); (false)\">{{\n    localizations.treeViewExpandAllLinkText\n  }}</a>\n  <a class=\"sky-btn-link\" *ngIf=\"!hideCollapseAllControl\" href (click)=\"clickCollapseAll(); (false)\">{{\n    localizations.treeViewCollapseAllLinkText\n  }}</a>\n  <a class=\"sky-btn-link\" *ngIf=\"selectable && !hideSelectAllControl\" href (click)=\"clickSelectAll(); (false)\">{{\n    localizations.treeViewSelectAllLinkText\n  }}</a>\n  <a class=\"sky-btn-link\" *ngIf=\"selectable && !hideSelectAllControl\" href (click)=\"clickClearAll(); (false)\">{{\n    localizations.treeViewClearAllLinkText\n  }}</a>\n</div>\n<ul>\n  <li *ngFor=\"let node of (rootNodes | async)\">\n    <div>\n      <sky-contrib-tree-view-node\n        [contentTemplate]=\"contentTemplate\"\n        [dropdownTemplate]=\"dropdownTemplate\"\n        [node]=\"node\"\n        [disableParents]=\"disableParents\"\n        [leafOnlySelection]=\"leafOnlySelection\"\n        [selectable]=\"selectable\"\n        (nodeStateToggled)=\"emitNodeToggleState($event)\"\n      ></sky-contrib-tree-view-node>\n    </div>\n  </li>\n</ul>\n<ng-content></ng-content>\n","providers":[{"__symbolic":"reference","module":"./state","name":"TreeViewStateDispatcher"},{"__symbolic":"reference","module":"./state","name":"TreeViewState"}],"styles":[":host /deep/ ul{list-style:none;margin:0;padding:10px}:host /deep/ ul>li{padding:5px 0}:host /deep/ ul>li div{position:relative}:host /deep/ ul .fa-minus-square-o,:host /deep/ ul .fa-plus-square-o{cursor:pointer;position:absolute;left:-18px;top:20%}:host /deep/ .tree-header-bar{display:flex;flex-wrap:wrap;padding:10px;border-top:1px solid #e2e3e4;border-bottom:1px solid #e2e3e4;align-items:center}:host /deep/ .tree-header-bar a{padding-right:15px}\n"]}]}],"members":{"data":[{"__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"}}]}],"showControls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hideExpandAllControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hideCollapseAllControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hideSelectAllControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hideClearAllControl":[{"__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"}}]}],"nodeContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./tree-view-content.component","name":"SkyContribTreeViewContentComponent"}]}]}],"nodeDropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./tree-view-dropdown.component","name":"SkyContribTreeViewDropdownComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../locale/locale.service","name":"SkyContribLocaleService"},{"__symbolic":"reference","module":"./state","name":"TreeViewStateDispatcher"},{"__symbolic":"reference","module":"./state","name":"TreeViewState"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"emitNodeToggleState":[{"__symbolic":"method"}],"setNodes":[{"__symbolic":"method"}],"setNodesSelected":[{"__symbolic":"method"}],"clickSelectAll":[{"__symbolic":"method"}],"clickClearAll":[{"__symbolic":"method"}],"clickExpandAll":[{"__symbolic":"method"}],"clickCollapseAll":[{"__symbolic":"method"}],"isLeaf":[{"__symbolic":"method"}]}}}}]