[{"__symbolic":"module","version":4,"metadata":{"BreadcrumbComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"my-xng","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":18,"character":17},"member":"None"},"template":"<nav aria-label=\"breadcrumb\" class=\"my-xng-root\" [ngClass]=\"class\">\r\n  <ol class=\"my-xng-list\">\r\n    <ng-container\r\n      *ngFor=\"\r\n        let breadcrumb of breadcrumbs$ | async;\r\n        last as isLast;\r\n        first as isFirst;\r\n        index as index;\r\n        count as count\r\n      \"\r\n    >\r\n      <li class=\"my-xng-item\">\r\n        <a\r\n          *ngIf=\"!isLast\"\r\n          class=\"my-xng-link\"\r\n          [ngClass]=\"{ 'my-xng-link-disabled': breadcrumb.disable }\"\r\n          [attr.aria-disabled]=\"breadcrumb.disable\"\r\n          [attr.tabIndex]=\"breadcrumb.disable ? -1 : 0\"\r\n          role=\"button\"\r\n          href=\"{{  breadcrumb.routeInterceptor\r\n            ? breadcrumb.routeInterceptor(breadcrumb.routeLink, breadcrumb)\r\n            : breadcrumb.routeLink}}\"\r\n          title=\"{{breadcrumb.info ? breadcrumb.info.title : ''}}\"\r\n        >\r\n          <ng-container\r\n            *ngTemplateOutlet=\"\r\n              itemTemplate;\r\n              context: {\r\n                $implicit: breadcrumb.label,\r\n                info: breadcrumb.info,\r\n                last: isLast,\r\n                first: isFirst,\r\n                index: index,\r\n                count: count\r\n              }\r\n            \"\r\n          ></ng-container>\r\n          <ng-container *ngIf=\"!itemTemplate\">{{\r\n            breadcrumb.label\r\n          }}</ng-container>\r\n        </a>\r\n\r\n        <label *ngIf=\"isLast\" class=\"my-xng-trail\">\r\n          <ng-container\r\n            *ngTemplateOutlet=\"\r\n              itemTemplate;\r\n              context: {\r\n                $implicit: breadcrumb.label,\r\n                info: breadcrumb.info,\r\n                last: isLast,\r\n                first: isFirst,\r\n                index: index,\r\n                count: count\r\n              }\r\n            \"\r\n          ></ng-container>\r\n          <ng-container *ngIf=\"!itemTemplate\">{{\r\n            breadcrumb.label\r\n          }}</ng-container>\r\n        </label>\r\n      </li>\r\n\r\n      <li\r\n        *ngIf=\"!isLast\"\r\n        class=\"my-xng-separator\"\r\n        aria-hidden=\"true\"\r\n        role=\"separator\"\r\n      >\r\n        <ng-container *ngTemplateOutlet=\"separatorTemplate\"></ng-container>\r\n        <ng-container *ngIf=\"!separatorTemplate\">{{ separator }}</ng-container>\r\n      </li>\r\n    </ng-container>\r\n  </ol>\r\n</nav>\r\n","styles":[".my-xng-root{margin:0;color:rgba(0,0,0,.6)}.my-xng-list{display:flex;align-items:center;flex-wrap:wrap;margin:0;padding:0}.my-xng-item{list-style:none}.my-xng-trail{color:rgba(0,0,0,.9)}.my-xng-link,.my-xng-trail{display:flex;align-items:center}.my-xng-link{white-space:nowrap;color:inherit;text-decoration:none;transition:-webkit-text-decoration .3s;transition:text-decoration .3s;transition:text-decoration .3s, -webkit-text-decoration .3s;cursor:pointer}.my-xng-link:hover{text-decoration:underline}.my-xng-link-disabled{pointer-events:none;cursor:disabled}.my-xng-separator{display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-left:8px;margin-right:8px}"]}]}],"members":{"itemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":34,"character":3},"arguments":[{"__symbolic":"reference","module":"./breadcrumb-item.directive","name":"BreadcrumbItemDirective","line":34,"character":16},{"static":false,"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":34,"character":64}}]}]}],"autoGenerate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"preserveQueryParams":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"preserveFragment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"class":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"separator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3},"arguments":["separator"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./breadcrumb.service","name":"BreadcrumbService","line":83,"character":31},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":84,"character":20}]}],"ngOnInit":[{"__symbolic":"method"}],"handleRoute":[{"__symbolic":"method"}]}}}}]