| {"__symbolic":"module","version":4,"metadata":{"CovalentNavLinksModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TdNavLinksComponent"}],"exports":[{"__symbolic":"reference","name":"TdNavLinksComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":4},{"__symbolic":"reference","module":"@covalent/core/common","name":"CovalentCommonModule","line":21,"character":4},{"__symbolic":"reference","module":"@covalent/core/expansion-panel","name":"CovalentExpansionPanelModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatRippleModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/list","name":"MatListModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/material/divider","name":"MatDividerModule","line":27,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":28,"character":4}]}]}],"members":{}},"ITdNavNode":{"__symbolic":"interface"},"ITdNavHeader":{"__symbolic":"interface"},"ITdNavExpansion":{"__symbolic":"interface"},"ITdLink":{"__symbolic":"interface"},"TdNavLinksComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"td-nav-links","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":28,"character":19},"member":"OnPush"},"animations":[{"__symbolic":"reference","module":"@covalent/core/common","name":"tdCollapseAnimation","line":29,"character":15},{"__symbolic":"reference","module":"@covalent/core/common","name":"tdRotateAnimation","line":29,"character":36}],"template":"<mat-nav-list dense *ngIf=\"links && links.length > 0\">\n <ng-template ngFor [ngForOf]=\"links\" let-link let-linkIndex=\"index\">\n <ng-container *ngIf=\"link.show === undefined || link.show\">\n <ng-container *ngIf=\"link.children?.length && !link.link\">\n <h3\n [class.td-nav-link-cursor]=\"link.collapsable\"\n matSubheader\n matRipple\n [matRippleDisabled]=\"!link.collapsable\"\n (click)=\"link.collapsable && _toggle(link)\"\n >\n <mat-icon *ngIf=\"link.icon\" [fontSet]=\"link.icon?.fontSet\">{{ link.icon?.name }}</mat-icon>\n <span [style.width.%]=\"100\">{{ link.label }}</span>\n <mat-icon [@tdRotate]=\"!_isCollapsed(link)\" *ngIf=\"link.collapsable\">keyboard_arrow_down</mat-icon>\n </h3>\n <td-nav-links\n [id]=\"id + '-' + linkIndex\"\n [@tdCollapse]=\"!!_isCollapsed(link)\"\n [links]=\"link.children\"\n ></td-nav-links>\n </ng-container>\n <ng-container *ngIf=\"link.link\">\n <a\n mat-list-item\n *ngIf=\"_href(link)\"\n [href]=\"_href(link)\"\n [target]=\"link.link.openInNewTab ? '_blank' : undefined\"\n id=\"{{ id }}-{{ linkIndex }}\"\n class=\"td-nav-link\"\n (click)=\"_linkClicked(link)\"\n >\n <mat-icon matListIcon [fontSet]=\"link.icon?.fontSet\">{{ link.icon?.name }}</mat-icon>\n <span matLine>{{ link.label }}</span>\n <mat-icon *ngIf=\"link.link.openInNewTab\">launch</mat-icon>\n </a>\n <a\n mat-list-item\n *ngIf=\"_routerLink(link)\"\n [routerLink]=\"_routerLink(link)\"\n [target]=\"link.link.openInNewTab ? '_blank' : undefined\"\n id=\"{{ id }}-{{ linkIndex }}\"\n class=\"td-nav-link\"\n (click)=\"_linkClicked(link)\"\n >\n <mat-icon matListIcon [fontSet]=\"link.icon?.fontSet\">{{ link.icon?.name }}</mat-icon>\n <span matLine>{{ link.label }}</span>\n <mat-icon *ngIf=\"link.link.openInNewTab\">launch</mat-icon>\n </a>\n </ng-container>\n </ng-container>\n </ng-template>\n</mat-nav-list>\n","styles":[":host{display:block}:host .mat-nav-list.mat-list-base{padding-top:2px}:host .mat-nav-list.mat-list-base .td-nav-link-cursor{cursor:pointer}:host .mat-nav-list.mat-list-base .mat-list-item{height:40px}:host .mat-icon{margin-right:0}"]}]}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"links":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"afterNavigation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":47,"character":3}}]}],"_linkClicked":[{"__symbolic":"method"}],"_href":[{"__symbolic":"method"}],"_routerLink":[{"__symbolic":"method"}],"_toggle":[{"__symbolic":"method"}],"_isCollapsed":[{"__symbolic":"method"}]}}},"origins":{"CovalentNavLinksModule":"./nav-links.module","ITdNavNode":"./nav-links.component","ITdNavHeader":"./nav-links.component","ITdNavExpansion":"./nav-links.component","ITdLink":"./nav-links.component","TdNavLinksComponent":"./nav-links.component"},"importAs":"@covalent/core/nav-links"} |