{"__symbolic":"module","version":4,"metadata":{"ClickProps":{"__symbolic":"interface"},"BreadcrumbComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"sebng-breadcrumb","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":12,"character":19},"member":"None"},"template":"<div class=\"custom-breadcrumb\" [ngClass]=\"className\" [attr.id]=\"id\">\n    <nav aria-label=\"breadcrumb\">\n        <ol class=\"breadcrumb\">\n            <ng-container *ngFor=\"let breadcrumb of list; index as i\">\n                <li\n                    class=\"breadcrumb-item\"\n                    [tabindex]=\"i === list.length - 1 ? -1 : 0\"\n                    [ngClass]=\"{ active: i === list.length - 1 }\"\n                    (click)=\"handleClick(i, $event)\"\n                    [innerHTML]=\"breadcrumb | safeHtml\"\n                ></li>\n            </ng-container>\n        </ol>\n    </nav>\n</div>\n","styles":[".custom-breadcrumb ol.breadcrumb li.breadcrumb-item{font-size:1rem}.custom-breadcrumb ol.breadcrumb li.breadcrumb-item:not(.active){color:#41b0ee;cursor:pointer}.custom-breadcrumb ol.breadcrumb li.breadcrumb-item:not(.active) svg{fill:#41b0ee;width:1rem;height:1rem}.custom-breadcrumb ol.breadcrumb li.breadcrumb-item:not(.active):hover{color:#007ac7}.custom-breadcrumb ol.breadcrumb li.breadcrumb-item:not(.active):hover svg{fill:#007ac7}\n"]}]}],"members":{"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"list":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":5}}]}],"handleClick":[{"__symbolic":"method"}]}},"BreadcrumbModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":5,"character":14}],"declarations":[{"__symbolic":"reference","name":"BreadcrumbComponent"},{"__symbolic":"reference","name":"BreadcrumbSafeHtmlPipe"}],"exports":[{"__symbolic":"reference","name":"BreadcrumbComponent"}]}]}],"members":{}},"BreadcrumbSafeHtmlPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"safeHtml"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":5,"character":35}]}],"transform":[{"__symbolic":"method"}]}}},"origins":{"ClickProps":"./breadcrumb.component","BreadcrumbComponent":"./breadcrumb.component","BreadcrumbModule":"./breadcrumb.module","BreadcrumbSafeHtmlPipe":"./breadcrumb.pipe"},"importAs":"@sebgroup/ng-components/lib/breadcrumb"}