@taiga-ui/kit
Version:
Taiga UI Angular main components kit
1 lines • 3.86 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"TuiBreadcrumbsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"tui-breadcrumbs","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":8,"character":21},"member":"OnPush"},"template":"<ng-container *ngFor=\"let item of items; last as lastItem\">\n <ng-container *tuiLet=\"item | tuiMapper: routerLinkOptions as options\">\n <a\n tuiLink\n tuiMode=\"onLight\"\n routerLinkActive=\"active-link\"\n #rla=\"routerLinkActive\"\n [attr.tabindex]=\"rla.isActive ? -1 : null\"\n [fragment]=\"options.fragment\"\n [preserveFragment]=\"options.preserveFragment\"\n [replaceUrl]=\"options.replaceUrl\"\n [routerLink]=\"item.routerLink\"\n [routerLinkActiveOptions]=\"item.routerLinkActiveOptions || {exact: false}\"\n [skipLocationChange]=\"options.skipLocationChange\"\n [queryParams]=\"options.queryParams\"\n [target]=\"options.target\"\n >\n {{item.caption}}\n </a>\n <tui-svg\n *ngIf=\"!lastItem\"\n class=\"icon\"\n src=\"tuiIconChevronRight\"\n ></tui-svg>\n </ng-container>\n</ng-container>\n","styles":[":host{display:flex;align-items:center;height:40px}:host[data-tui-host-size='m']{font:var(--tui-font-text-s)}:host[data-tui-host-size='l']{font:var(--tui-font-text-m)}.icon{margin:0 4px;color:var(--tui-text-03)}a.active-link[data-mode=onLight]{color:var(--tui-text-03);pointer-events:none}"]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":14,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":18,"character":5},"arguments":["attr.data-tui-host-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":19,"character":5}}]}]}},"TuiBreadcrumbsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":8},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":10,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiMapperPipeModule","line":11,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiLetModule","line":12,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiLinkModule","line":13,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgModule","line":14,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiModeModule","line":15,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiBreadcrumbsComponent"}],"exports":[{"__symbolic":"reference","name":"TuiBreadcrumbsComponent"}]}]}],"members":{}}},"origins":{"TuiBreadcrumbsComponent":"./breadcrumbs.component","TuiBreadcrumbsModule":"./breadcrumbs.module"},"importAs":"@taiga-ui/kit/components/breadcrumbs"}