[{"__symbolic":"module","version":3,"metadata":{"NavBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"nav-bar","providers":[],"styles":["\n    .menu{background-color:#274A77;margin-right:-22px;height:50px;padding-top:3px}.header{margin-left:0px;margin-right:20px;padding-top:10px;padding-bottom:10px}.navbar{display:block}.navbar-nav>li>a{color:#fff;background-color:#274A77;margin-top:-2px;margin-bottom:0px;padding-bottom:14px;padding-top:14px}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{background-color:#FFFFFF;color:#274A77;font-weight:bold}.navbar-default .navbar-nav>li>a{color:#FFF;background-color:#274A77}.navbar-toggle,.navbar-toggle:hover{margin-right:35px}.navbar-default .navbar-toggle,.navbar-default .navbar-toggle:hover{background:#FFFFFF;border:0px}.navbar-default .navbar-toggle .icon-bar{background-color:#FFF}.navbar-default .navbar-toggle .icon-bar:hover{background-color:#CCC;border-bottom:1px solid #FFF}@media (max-width: 991px){.categories-menu{border-top:solid 1px #EEE;margin-bottom:10px;padding:10px;padding-right:14px;padding-top:5px;padding-bottom:5px}}\n  "],"template":"\n    <nav class=\"navbar-fixed-top navbar-inverse navbar\">\n      <div class=\"row header\">\n        <div class=\"pull-right\" style=\"color: #FFFFFF\">\n          <i class=\"fa fa-bank\"></i> Points\n          <span class=\"badge badge-inverse\">200</span> &nbsp;&nbsp;&nbsp;\n          <i class=\"fa fa-shopping-cart\"></i>\n          <span class=\"badge badge-inverse\">{{ (shoppingCart|async)?.lineItems.length }}</span>\n        </div>\n      </div>\n\n\n      <div class=\"row menu\">\n        <div class=\"navbar-header\">\n          <button type=\"button\" class=\"navbar-toggle collapsed\" data-toggle=\"collapse\" data-target=\"#navbar\" aria-expanded=\"false\"\n            aria-controls=\"navbar\">\n            <span class=\"sr-only\">Toggle navigation</span>\n            <span class=\"icon-bar\"></span>\n            <span class=\"icon-bar\"></span>\n            <span class=\"icon-bar\"></span>\n          </button>\n          <img alt=\"logo\" src=\"assets/img/cart-logo.png\" style=\"margin-left:37px;height:45px;margin-right:20px\">\n        </div>\n\n        <div class=\"container\">\n          <div id=\"navbar\" class=\"navbar-collapse collapse\" aria-expanded=\"false\" style=\"height: 1px;\">\n            <ul class=\"nav navbar-nav\">\n              <li *ngFor=\"let link of links\">\n                <a [routerLink]=\"link.url\" routerLinkActive=\"active-link\" >\n                  <i class=\"{{link.classes}}\" aria-hidden=\"true\"></i> {{link.name}}</a>\n              </li>\n            </ul>\n          </div>\n        </div>\n      </div>\n    </nav>\n  "}]}],"members":{"shoppingCart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"links":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}]}}}},{"__symbolic":"module","version":1,"metadata":{"NavBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"nav-bar","providers":[],"styles":["\n    .menu{background-color:#274A77;margin-right:-22px;height:50px;padding-top:3px}.header{margin-left:0px;margin-right:20px;padding-top:10px;padding-bottom:10px}.navbar{display:block}.navbar-nav>li>a{color:#fff;background-color:#274A77;margin-top:-2px;margin-bottom:0px;padding-bottom:14px;padding-top:14px}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{background-color:#FFFFFF;color:#274A77;font-weight:bold}.navbar-default .navbar-nav>li>a{color:#FFF;background-color:#274A77}.navbar-toggle,.navbar-toggle:hover{margin-right:35px}.navbar-default .navbar-toggle,.navbar-default .navbar-toggle:hover{background:#FFFFFF;border:0px}.navbar-default .navbar-toggle .icon-bar{background-color:#FFF}.navbar-default .navbar-toggle .icon-bar:hover{background-color:#CCC;border-bottom:1px solid #FFF}@media (max-width: 991px){.categories-menu{border-top:solid 1px #EEE;margin-bottom:10px;padding:10px;padding-right:14px;padding-top:5px;padding-bottom:5px}}\n  "],"template":"\n    <nav class=\"navbar-fixed-top navbar-inverse navbar\">\n      <div class=\"row header\">\n        <div class=\"pull-right\" style=\"color: #FFFFFF\">\n          <i class=\"fa fa-bank\"></i> Points\n          <span class=\"badge badge-inverse\">200</span> &nbsp;&nbsp;&nbsp;\n          <i class=\"fa fa-shopping-cart\"></i>\n          <span class=\"badge badge-inverse\">{{ (shoppingCart|async)?.lineItems.length }}</span>\n        </div>\n      </div>\n\n\n      <div class=\"row menu\">\n        <div class=\"navbar-header\">\n          <button type=\"button\" class=\"navbar-toggle collapsed\" data-toggle=\"collapse\" data-target=\"#navbar\" aria-expanded=\"false\"\n            aria-controls=\"navbar\">\n            <span class=\"sr-only\">Toggle navigation</span>\n            <span class=\"icon-bar\"></span>\n            <span class=\"icon-bar\"></span>\n            <span class=\"icon-bar\"></span>\n          </button>\n          <img alt=\"logo\" src=\"assets/img/cart-logo.png\" style=\"margin-left:37px;height:45px;margin-right:20px\">\n        </div>\n\n        <div class=\"container\">\n          <div id=\"navbar\" class=\"navbar-collapse collapse\" aria-expanded=\"false\" style=\"height: 1px;\">\n            <ul class=\"nav navbar-nav\">\n              <li *ngFor=\"let link of links\">\n                <a [routerLink]=\"link.url\" routerLinkActive=\"active-link\" >\n                  <i class=\"{{link.classes}}\" aria-hidden=\"true\"></i> {{link.name}}</a>\n              </li>\n            </ul>\n          </div>\n        </div>\n      </div>\n    </nav>\n  "}]}],"members":{"shoppingCart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"links":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}]}}}}]