ng-dynamic-breadcrumb-fragment/ng-dynamic-breadcrumb-fragment.metadata.json

Angular 11 Dynamic Breadcrumb

{"__symbolic":"module","version":4,"metadata":{"NgDynamicBreadcrumbService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"updateBreadcrumbLabels":[{"__symbolic":"method"}],"updateBreadcrumb":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"NgDynamicBreadcrumbComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"app-ng-dynamic-breadcrumb","template":"<ul class=\"custom-bread-crumb\" [ngStyle]=\"{'background-color': bgColor}\">\n  <span *ngFor=\"let item of breadcrumb; let i = index\">\n      <li [ngStyle]=\"{'font-size': fontSize}\">\n          <a *ngIf=\"item?.url\" [routerLink]=\"item?.url\" [ngStyle]=\"{'color': fontColor}\" [fragment]=\"item?.fragment || ''\">{{ item.label }}</a>\n          <span *ngIf=\"!item?.url\" [ngStyle]=\"{'color': lastLinkColor}\">{{ item.label }}</span>\n          <span class=\"line\" *ngIf=\"breadcrumb.length !== i+1\">{{symbol}}</span>\n      </li>\n  </span>\n</ul>\n","styles":[".custom-bread-crumb{padding:10px 16px;list-style:none}.custom-bread-crumb li{display:inline}.custom-bread-crumb .line{padding-right:3px}.custom-bread-crumb li a{text-decoration:none}.custom-bread-crumb li a:hover{color:#01447e;text-decoration:underline}"]}]}],"members":{"bgColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"fontSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"fontColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"lastLinkColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"symbol":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":24,"character":28},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":25,"character":20},{"__symbolic":"reference","name":"NgDynamicBreadcrumbService"}]}],"ngOnInit":[{"__symbolic":"method"}],"breadCrumbData":[{"__symbolic":"method"}],"updateData":[{"__symbolic":"method"}]}},"NgDynamicBreadcrumbModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NgDynamicBreadcrumbComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":8,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4}],"exports":[{"__symbolic":"reference","name":"NgDynamicBreadcrumbComponent"}]}]}],"members":{}}},"origins":{"NgDynamicBreadcrumbService":"./lib/ng-dynamic-breadcrumb.service","NgDynamicBreadcrumbComponent":"./lib/ng-dynamic-breadcrumb.component","NgDynamicBreadcrumbModule":"./lib/ng-dynamic-breadcrumb.module"},"importAs":"ng-dynamic-breadcrumb-fragment"}