[{"__symbolic":"module","version":3,"metadata":{"VerticalNavBar":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"navbar-vertical","template":"\n        <ul class=\"nav navbar-nav\" *ngIf=\"_root != null\" id=\"parent-{{_root.Id}}\">\n                <ng-container *ngFor=\"let n of _root.Children\">\n                    <li *ngIf=\"n.Children.length==0\" class=\"{{n.Title.length > 25 ? 'multiline' : ''}}\" [routerLinkActive]=\"['active']\">\n                        <a [routerLink]=\"[n.Url]\" id=\"{{n.Id}}\" (click)=\"OnNavigationSelectionChange(n.Url)\">\n                            <span class=\"icon fa {{n.FAIcon}} {{n.Title.length > 25 ? 'multiline' : ''}}\"></span><span class=\"title {{n.Title.length > 25 ? 'multiline' : ''}}\">{{n.Title}}</span>\n                        </a>\n                    </li>\n                    <li *ngIf=\"n.Children.length>0\" class=\"panel panel-default dropdown {{n.Title.length > 25 ? 'multiline' : ''}}\" [routerLinkActive]=\"['active']\">\n                        <a *ngIf=\"n.Url.length==0\" data-toggle=\"collapse\" id=\"{{n.Id}}\" href=\"#{{n.Id}}_dropdown\" [attr.data-parent]=\"'#parent-' + _root.Id\">\n                            <span class=\"icon fa {{n.FAIcon}} {{n.Title.length > 25 ? 'multiline' : ''}}\"></span><span class=\"title {{n.Title.length > 25 ? 'multiline' : ''}}\">{{n.Title}}</span>\n                        </a>\n                        <div *ngIf=\"n.Url.length>0\">\n                            <a [routerLink]=\"[n.Url]\" id=\"{{n.Id}}\" (click)=\"OnNavigationSelectionChange(n.Url)\">\n                                <span class=\"icon fa {{n.FAIcon}} {{n.Title.length > 25 ? 'multiline' : ''}}\"></span><span class=\"title {{n.Title.length > 25 ? 'multiline' : ''}}\">{{n.Title}}</span>\n                            </a>\n                            <a class=\"expander\" data-toggle=\"collapse\" [attr.data-target]=\"'#' + n.Id + '_dropdown'\" [attr.data-parent]=\"'#parent-' + _root.Id\">\n                                <span class=\"icon fa fa-angle-down\"></span>\n                            </a>\n                        </div>\n                        <!-- Dropdown -->\n                        <div id=\"{{n.Id}}_dropdown\" class=\"panel-collapse collapse\">\n                            <div class=\"panel-body\">\n                                <navbar-vertical [Node]=\"n\" (NavigationChange)=\"OnNavigationSelectionChange($event)\"></navbar-vertical>\n                            </div>\n                        </div>\n                    </li>\n                </ng-container>\n        </ul>\n    ","styles":["\n        :host .nav.navbar-nav > li > a:hover, :host .nav.navbar-nav > li.dropdown > div > a:hover { color: #22A7F0; }\n        :host .nav.navbar-nav li.multiline > a, :host .nav.navbar-nav li..dropdown.multiline > div > a { }\n        :host .nav.navbar-nav li > a, :host .nav.navbar-nav li.dropdown > div > a { height: auto; }\n        :host .nav.navbar-nav li > a > span.icon.fa, :host .nav.navbar-nav li.dropdown > div > a > span.icon.fa { height: 14px; }\n        :host .nav.navbar-nav li > a > span.icon.fa.multiline, :host .nav.navbar-nav li.dropdown > div > a > span.icon.fa.multiline { vertical-align: top; margin-top: 15px;  }\n        :host .nav.navbar-nav li > a > span.title, :host .nav.navbar-nav li.dropdown > div > a > span.title { white-space: normal; box-sizing: border-box; width: 192px;  }\n        :host .nav.navbar-nav li.dropdown > div > .expander { position: absolute; padding: 0px; top: 0px; right: 0px; z-index:1; }\n        :host .nav.navbar-nav li.dropdown.active > div > .expander { border: none; }\n    "]}]}],"members":{"Node":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"NavigationChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../services/currentNavProvider","name":"CurrentNavProvider"}]}],"ngOnInit":[{"__symbolic":"method"}],"OnNavigationSelectionChange":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"VerticalNavBar":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"navbar-vertical","template":"\n        <ul class=\"nav navbar-nav\" *ngIf=\"_root != null\" id=\"parent-{{_root.Id}}\">\n                <ng-container *ngFor=\"let n of _root.Children\">\n                    <li *ngIf=\"n.Children.length==0\" class=\"{{n.Title.length > 25 ? 'multiline' : ''}}\" [routerLinkActive]=\"['active']\">\n                        <a [routerLink]=\"[n.Url]\" id=\"{{n.Id}}\" (click)=\"OnNavigationSelectionChange(n.Url)\">\n                            <span class=\"icon fa {{n.FAIcon}} {{n.Title.length > 25 ? 'multiline' : ''}}\"></span><span class=\"title {{n.Title.length > 25 ? 'multiline' : ''}}\">{{n.Title}}</span>\n                        </a>\n                    </li>\n                    <li *ngIf=\"n.Children.length>0\" class=\"panel panel-default dropdown {{n.Title.length > 25 ? 'multiline' : ''}}\" [routerLinkActive]=\"['active']\">\n                        <a *ngIf=\"n.Url.length==0\" data-toggle=\"collapse\" id=\"{{n.Id}}\" href=\"#{{n.Id}}_dropdown\" [attr.data-parent]=\"'#parent-' + _root.Id\">\n                            <span class=\"icon fa {{n.FAIcon}} {{n.Title.length > 25 ? 'multiline' : ''}}\"></span><span class=\"title {{n.Title.length > 25 ? 'multiline' : ''}}\">{{n.Title}}</span>\n                        </a>\n                        <div *ngIf=\"n.Url.length>0\">\n                            <a [routerLink]=\"[n.Url]\" id=\"{{n.Id}}\" (click)=\"OnNavigationSelectionChange(n.Url)\">\n                                <span class=\"icon fa {{n.FAIcon}} {{n.Title.length > 25 ? 'multiline' : ''}}\"></span><span class=\"title {{n.Title.length > 25 ? 'multiline' : ''}}\">{{n.Title}}</span>\n                            </a>\n                            <a class=\"expander\" data-toggle=\"collapse\" [attr.data-target]=\"'#' + n.Id + '_dropdown'\" [attr.data-parent]=\"'#parent-' + _root.Id\">\n                                <span class=\"icon fa fa-angle-down\"></span>\n                            </a>\n                        </div>\n                        <!-- Dropdown -->\n                        <div id=\"{{n.Id}}_dropdown\" class=\"panel-collapse collapse\">\n                            <div class=\"panel-body\">\n                                <navbar-vertical [Node]=\"n\" (NavigationChange)=\"OnNavigationSelectionChange($event)\"></navbar-vertical>\n                            </div>\n                        </div>\n                    </li>\n                </ng-container>\n        </ul>\n    ","styles":["\n        :host .nav.navbar-nav > li > a:hover, :host .nav.navbar-nav > li.dropdown > div > a:hover { color: #22A7F0; }\n        :host .nav.navbar-nav li.multiline > a, :host .nav.navbar-nav li..dropdown.multiline > div > a { }\n        :host .nav.navbar-nav li > a, :host .nav.navbar-nav li.dropdown > div > a { height: auto; }\n        :host .nav.navbar-nav li > a > span.icon.fa, :host .nav.navbar-nav li.dropdown > div > a > span.icon.fa { height: 14px; }\n        :host .nav.navbar-nav li > a > span.icon.fa.multiline, :host .nav.navbar-nav li.dropdown > div > a > span.icon.fa.multiline { vertical-align: top; margin-top: 15px;  }\n        :host .nav.navbar-nav li > a > span.title, :host .nav.navbar-nav li.dropdown > div > a > span.title { white-space: normal; box-sizing: border-box; width: 192px;  }\n        :host .nav.navbar-nav li.dropdown > div > .expander { position: absolute; padding: 0px; top: 0px; right: 0px; z-index:1; }\n        :host .nav.navbar-nav li.dropdown.active > div > .expander { border: none; }\n    "]}]}],"members":{"Node":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"NavigationChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../services/currentNavProvider","name":"CurrentNavProvider"}]}],"ngOnInit":[{"__symbolic":"method"}],"OnNavigationSelectionChange":[{"__symbolic":"method"}]}}}}]