[{"__symbolic":"module","version":3,"metadata":{"HeroComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"topnavhero","template":"\n        <li class=\"dropdown profile\">\n            <a href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\" role=\"button\" aria-expanded=\"false\"><span *ngIf=\"Hero\">{{Hero.Name}}</span> <span class=\"caret\"></span></a>\n            <ul class=\"dropdown-menu animated fadeInDown\">\n                <li *ngIf=\"!_hasDelegate && Hero\" class=\"profile-img\">\n                    <img src=\"{{Hero.Picture}}\" class=\"profile-img\">\n                </li>\n                <li *ngIf=\"!_hasDelegate\">\n                    <div class=\"profile-info\">\n                        <h4 class=\"username\" *ngIf=\"Hero\">{{Hero.Name}}</h4>\n                        <p><span *ngIf=\"Hero\">{{Hero.Email}}</span></p>\n                        <div *ngIf=\"(Hero && Hero.Profile) || SupportsLogout\" class=\"btn-group margin-bottom-2x\" role=\"group\">\n                            <button *ngIf=\"Hero && Hero.Profile\" type=\"button\" class=\"btn btn-default\" (click)=\"ShowProfile()\"><i class=\"fa fa-user\"></i> Profile</button>\n                            <button *ngIf=\"SupportsLogout\" type=\"button\" data-toggle=\"modal\" data-target=\"#logoutModal\" class=\"btn btn-default\" (click)=\"Logout()\"><i class=\"fa fa-sign-out\"></i> Logout</button>\n                        </div>\n                    </div>\n                </li>\n                <ng-container *ngIf=\"_hasDelegate\">\n                    <delegate-control [id]=\"_delegateId\"></delegate-control>\n                </ng-container>\n            </ul>\n        </li>\n        <div class=\"modal fade\" id=\"logoutModal\" role=\"dialog\">\n            <div class=\"modal-dialog\">\n              <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                  <button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;</button>\n                  <h4 class=\"modal-title\">Logout confirmation</h4>\n                </div>\n                <div class=\"modal-body\">\n                  <p>{{LogoutConfirmation}}</p>\n                </div>\n                <div class=\"modal-footer\">\n                  <button type=\"button\" class=\"btn btn-default\" data-dismiss=\"modal\" (click)=\"PostLogoutRedirect()\">Close</button>\n                </div>\n              </div>\n            </div>\n        </div>\n        ","styles":["\n        :host { float: left; }\n        :host > li, :host > li > a {display: block }\n        :host > li > a { font-family: 'Roboto Condensed', sans-serif; height: 60px; line-height: 60px; padding: 0px 20px 0px 20px; }\n        .profile-info { color: #444; }\n        .dropdown-menu { padding: 0; border: 0; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; animation-duration: 0.4s; -webkit-animation-duration: 0.4s; z-index: -1; position: absolute; }\n        .dropdown-menu .notifications.list-group {list-style: none; padding: 0;margin: 0; }\n        .dropdown-menu .notifications.list-group .list-group-item { min-width: 250px; padding: 8px; border: 0; border-bottom: 1px solid #EEE; }\n        .dropdown-menu .notifications.list-group .list-group-item .icon { margin-right: 5px; }\n        .dropdown-menu .notifications.list-group .badge { border-radius: 1em; }\n        .dropdown-menu .notifications.list-group .list-group-item:last-child { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }\n        .dropdown-menu .notifications.list-group .list-group-item:first-child { border-top-right-radius: 0px; border-top-left-radius: 0px; }\n        .dropdown-menu .notifications.list-group a.list-group-item:hover { cursor: pointer; }\n        .dropdown.profile .dropdown-menu { width: 305px; padding-bottom: 0px; text-align: center; }\n        .dropdown.profile .dropdown-menu li.profile-img { padding: 0px; max - height: 300px; overflow: hidden;}\n        .dropdown.profile .dropdown-menu li.profile-img img.profile-img { width: 100%; height: auto; margin: 0px; border: 0;}\n        .dropdown.profile .dropdown-menu .profile-info { font-family: 'Roboto Condensed', sans-serif; padding: 15px; }\n        .dropdown.profile .dropdown-menu .profile-info .username { font-size: 1.8em; }\n        .dropdown.profile > a { font-family: 'Roboto Condensed', sans-serif; height: 60px; line-height: 60px; padding: 0px 20px 0px 20px; color: white; text-decoration: none; }\n        .dropdown.profile > a:hover { text-decoration: none; color: #ddd}\n        .dropdown.profile.open > a { background-color: #575F68; }\n        .modal-dialog { color: #444; }\n    "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../services/hero","name":"HeroService"},{"__symbolic":"reference","module":"@angular/router","name":"Router"},{"__symbolic":"reference","module":"../services/delegateService","name":"DelegateService"}]}],"Logout":[{"__symbolic":"method"}],"PostLogoutRedirect":[{"__symbolic":"method"}],"ShowProfile":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"HeroComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"topnavhero","template":"\n        <li class=\"dropdown profile\">\n            <a href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\" role=\"button\" aria-expanded=\"false\"><span *ngIf=\"Hero\">{{Hero.Name}}</span> <span class=\"caret\"></span></a>\n            <ul class=\"dropdown-menu animated fadeInDown\">\n                <li *ngIf=\"!_hasDelegate && Hero\" class=\"profile-img\">\n                    <img src=\"{{Hero.Picture}}\" class=\"profile-img\">\n                </li>\n                <li *ngIf=\"!_hasDelegate\">\n                    <div class=\"profile-info\">\n                        <h4 class=\"username\" *ngIf=\"Hero\">{{Hero.Name}}</h4>\n                        <p><span *ngIf=\"Hero\">{{Hero.Email}}</span></p>\n                        <div *ngIf=\"(Hero && Hero.Profile) || SupportsLogout\" class=\"btn-group margin-bottom-2x\" role=\"group\">\n                            <button *ngIf=\"Hero && Hero.Profile\" type=\"button\" class=\"btn btn-default\" (click)=\"ShowProfile()\"><i class=\"fa fa-user\"></i> Profile</button>\n                            <button *ngIf=\"SupportsLogout\" type=\"button\" data-toggle=\"modal\" data-target=\"#logoutModal\" class=\"btn btn-default\" (click)=\"Logout()\"><i class=\"fa fa-sign-out\"></i> Logout</button>\n                        </div>\n                    </div>\n                </li>\n                <ng-container *ngIf=\"_hasDelegate\">\n                    <delegate-control [id]=\"_delegateId\"></delegate-control>\n                </ng-container>\n            </ul>\n        </li>\n        <div class=\"modal fade\" id=\"logoutModal\" role=\"dialog\">\n            <div class=\"modal-dialog\">\n              <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                  <button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;</button>\n                  <h4 class=\"modal-title\">Logout confirmation</h4>\n                </div>\n                <div class=\"modal-body\">\n                  <p>{{LogoutConfirmation}}</p>\n                </div>\n                <div class=\"modal-footer\">\n                  <button type=\"button\" class=\"btn btn-default\" data-dismiss=\"modal\" (click)=\"PostLogoutRedirect()\">Close</button>\n                </div>\n              </div>\n            </div>\n        </div>\n        ","styles":["\n        :host { float: left; }\n        :host > li, :host > li > a {display: block }\n        :host > li > a { font-family: 'Roboto Condensed', sans-serif; height: 60px; line-height: 60px; padding: 0px 20px 0px 20px; }\n        .profile-info { color: #444; }\n        .dropdown-menu { padding: 0; border: 0; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; animation-duration: 0.4s; -webkit-animation-duration: 0.4s; z-index: -1; position: absolute; }\n        .dropdown-menu .notifications.list-group {list-style: none; padding: 0;margin: 0; }\n        .dropdown-menu .notifications.list-group .list-group-item { min-width: 250px; padding: 8px; border: 0; border-bottom: 1px solid #EEE; }\n        .dropdown-menu .notifications.list-group .list-group-item .icon { margin-right: 5px; }\n        .dropdown-menu .notifications.list-group .badge { border-radius: 1em; }\n        .dropdown-menu .notifications.list-group .list-group-item:last-child { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }\n        .dropdown-menu .notifications.list-group .list-group-item:first-child { border-top-right-radius: 0px; border-top-left-radius: 0px; }\n        .dropdown-menu .notifications.list-group a.list-group-item:hover { cursor: pointer; }\n        .dropdown.profile .dropdown-menu { width: 305px; padding-bottom: 0px; text-align: center; }\n        .dropdown.profile .dropdown-menu li.profile-img { padding: 0px; max - height: 300px; overflow: hidden;}\n        .dropdown.profile .dropdown-menu li.profile-img img.profile-img { width: 100%; height: auto; margin: 0px; border: 0;}\n        .dropdown.profile .dropdown-menu .profile-info { font-family: 'Roboto Condensed', sans-serif; padding: 15px; }\n        .dropdown.profile .dropdown-menu .profile-info .username { font-size: 1.8em; }\n        .dropdown.profile > a { font-family: 'Roboto Condensed', sans-serif; height: 60px; line-height: 60px; padding: 0px 20px 0px 20px; color: white; text-decoration: none; }\n        .dropdown.profile > a:hover { text-decoration: none; color: #ddd}\n        .dropdown.profile.open > a { background-color: #575F68; }\n        .modal-dialog { color: #444; }\n    "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../services/hero","name":"HeroService"},{"__symbolic":"reference","module":"@angular/router","name":"Router"},{"__symbolic":"reference","module":"../services/delegateService","name":"DelegateService"}]}],"Logout":[{"__symbolic":"method"}],"PostLogoutRedirect":[{"__symbolic":"method"}],"ShowProfile":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]