[{"__symbolic":"module","version":4,"metadata":{"NavigationItem":{"__symbolic":"interface"},"NavigationItemComponent":{"__symbolic":"class","members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"image":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"target":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"parameters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"path":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"IterableDiffers","line":60,"character":31}]}],"ngDoCheck":[{"__symbolic":"method"}],"routeChanged":[{"__symbolic":"method"}]}},"childrenToItems":{"__symbolic":"function"},"syncWithRouter":{"__symbolic":"function"},"SubMenuComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":134,"character":1},"arguments":[{"selector":"[rz-submenu]","template":"\n    <li class=\"rz-menu-toggle-item\" *ngIf=\"toggleTemplate\">\n      <ng-template [ngTemplateOutlet]=\"toggleTemplate\"></ng-template>\n    </li>\n    <li\n      *ngFor=\"let item of items; index as index\"\n      class=\"navigation-item\"\n      [ngClass]=\"{'navigation-item-active': selectedIndex == index}\"\n    >\n      <div\n        class=\"navigation-item-wrapper\"\n        [routerLinkActiveOptions]=\"{exact: true}\"\n        [routerLinkActive]=\"item.route ? 'navigation-item-wrapper-active' : ''\"\n      >\n        <a\n          *ngIf=\"item.route\"\n          (click)=\"onClick($event, item, index)\"\n          (mouseenter)=\"onMouseEnter(index)\"\n          [style.paddingLeft.rem]=\"level\"\n          [routerLinkActiveOptions]=\"{exact: true}\"\n          [routerLinkActive]=\"item.route ? 'navigation-item-link-active' : ''\"\n          [routerLink]=\"['/' + item.route]\"\n          [target]=\"item.target\"\n          class=\"navigation-item-link\"\n        >\n          <i class=\"material-icons navigation-item-icon\" *ngIf=\"item.icon\">{{\n            item.icon\n          }}</i>\n          <img\n            class=\"navigation-item-icon\"\n            [src]=\"item.image\"\n            *ngIf=\"item.image\"\n          />\n          <span class=\"navigation-item-text\">{{ item.text }}</span>\n          <i\n            [@rotate]=\"selectedIndex == index ? 'active' : 'inactive'\"\n            class=\"material-icons navigation-item-icon-children\"\n            *ngIf=\"item.items\"\n            >keyboard_arrow_down</i\n          >\n        </a>\n        <a\n          *ngIf=\"item.href\"\n          (click)=\"onClick($event, item, index)\"\n          (mouseenter)=\"onMouseEnter(index)\"\n          [style.paddingLeft.rem]=\"level\"\n          class=\"navigation-item-link\"\n          [attr.target]=\"item.target\"\n          [attr.href]=\"item.href\"\n        >\n          <i class=\"material-icons navigation-item-icon\" *ngIf=\"item.icon\">{{\n            item.icon\n          }}</i>\n          <img\n            class=\"navigation-item-icon\"\n            [src]=\"item.image\"\n            *ngIf=\"item.image\"\n          />\n          <span class=\"navigation-item-text\">{{ item.text }}</span>\n          <i\n            [@rotate]=\"selectedIndex == index ? 'active' : 'inactive'\"\n            class=\"material-icons navigation-item-icon-children\"\n            *ngIf=\"item.items\"\n            >keyboard_arrow_down</i\n          >\n        </a>\n        <div\n          *ngIf=\"!item.href && !item.route\"\n          (click)=\"onClick($event, item, index)\"\n          (mouseenter)=\"onMouseEnter(index)\"\n          [style.paddingLeft.rem]=\"level\"\n          class=\"navigation-item-link\"\n        >\n          <i class=\"material-icons navigation-item-icon\" *ngIf=\"item.icon\">{{\n            item.icon\n          }}</i>\n          <img\n            class=\"navigation-item-icon\"\n            [src]=\"item.image\"\n            *ngIf=\"item.image\"\n          />\n          <span *ngIf=\"!item.template\" class=\"navigation-item-text\">{{\n            item.text\n          }}</span>\n          <div class=\"item-text\" *ngIf=\"item.template\">\n            <ng-template [ngTemplateOutlet]=\"item.template\"></ng-template>\n          </div>\n          <i\n            [@rotate]=\"selectedIndex == index ? 'active' : 'inactive'\"\n            class=\"material-icons navigation-item-icon-children\"\n            *ngIf=\"item.items\"\n            >keyboard_arrow_down</i\n          >\n        </div>\n      </div>\n      <ul\n        rz-submenu\n        *ngIf=\"item.items\"\n        class=\"navigation-menu\"\n        [items]=\"item.items\"\n        [closeOnClick]=\"closeOnClick\"\n        (navigate)=\"close()\"\n        (click)=\"click.next($event)\"\n        (select)=\"select.next($event)\"\n        [@open]=\"selectedIndex == index ? 'visible' : 'hidden'\"\n      ></ul>\n    </li>\n  ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":245,"character":4},"arguments":["rotate",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":246,"character":6},"arguments":["active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":248,"character":8},"arguments":[{"transform":"rotate(-180deg)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":252,"character":6},"arguments":["inactive",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":254,"character":8},"arguments":[{"transform":"rotate(0deg)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":258,"character":6},"arguments":["active <=> inactive",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":258,"character":40},"arguments":[{"__symbolic":"reference","module":"./transition","name":"EASING","line":258,"character":48}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":260,"character":4},"arguments":["open",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":261,"character":6},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":263,"character":8},"arguments":[{"height":"*"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":267,"character":6},"arguments":["hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":269,"character":8},"arguments":[{"height":"0px"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":273,"character":6},"arguments":["visible <=> hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":273,"character":39},"arguments":[{"__symbolic":"reference","module":"./transition","name":"EASING","line":273,"character":47}]}]}]]}]}]}],"members":{"horizontal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":278,"character":3}}]}],"selectedIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":279,"character":3}}]}],"closeOnClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":280,"character":3}}]}],"navigate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":281,"character":3}}]}],"click":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":282,"character":3}}]}],"select":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":283,"character":3}}]}],"toggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":284,"character":3}}]}],"toggleTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":285,"character":3}}]}],"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":287,"character":3},"arguments":["items"]}]}],"routerLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":298,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/router","name":"RouterLinkActive","line":298,"character":13}]}]}],"onMouseEnter":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"NavigationModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":343,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":344,"character":12},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":344,"character":26}],"declarations":[{"__symbolic":"reference","name":"SubMenuComponent"}],"exports":[{"__symbolic":"reference","name":"SubMenuComponent"}]}]}]}}}]