@taiga-ui/kit/esm5/components/breadcrumbs/breadcrumbs.component.js

Taiga UI Angular main components kit

import { __decorate } from "tslib";
import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';
import { tuiDefaultProp } from '@taiga-ui/cdk';
import { DEFAULT_ROUTER_LINK_OPTIONS } from '@taiga-ui/kit/constants';
var TuiBreadcrumbsComponent = /** @class */ (function () {
    function TuiBreadcrumbsComponent() {
        this.items = [];
        this.size = 'm';
        this.routerLinkOptions = function (_a) {
            var routerLinkOptions = _a.routerLinkOptions;
            return routerLinkOptions || DEFAULT_ROUTER_LINK_OPTIONS;
        };
    }
    __decorate([
        Input(),
        tuiDefaultProp()
    ], TuiBreadcrumbsComponent.prototype, "items", void 0);
    __decorate([
        Input(),
        HostBinding('attr.data-tui-host-size'),
        tuiDefaultProp()
    ], TuiBreadcrumbsComponent.prototype, "size", void 0);
    TuiBreadcrumbsComponent = __decorate([
        Component({
            selector: 'tui-breadcrumbs',
            changeDetection: ChangeDetectionStrategy.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}"]
        })
    ], TuiBreadcrumbsComponent);
    return TuiBreadcrumbsComponent;
}());
export { TuiBreadcrumbsComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHRhaWdhLXVpL2tpdC9jb21wb25lbnRzL2JyZWFkY3J1bWJzLyIsInNvdXJjZXMiOlsiYnJlYWRjcnVtYnMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDckYsT0FBTyxFQUFDLGNBQWMsRUFBWSxNQUFNLGVBQWUsQ0FBQztBQUV4RCxPQUFPLEVBQUMsMkJBQTJCLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQVNwRTtJQUFBO1FBR0ksVUFBSyxHQUFzQyxFQUFFLENBQUM7UUFLOUMsU0FBSSxHQUFhLEdBQUcsQ0FBQztRQUVaLHNCQUFpQixHQUF1QyxVQUFDLEVBRWpFO2dCQURHLHdDQUFpQjtZQUNmLE9BQUEsaUJBQWlCLElBQUksMkJBQTJCO1FBQWhELENBQWdELENBQUM7SUFDM0QsQ0FBQztJQVZHO1FBRkMsS0FBSyxFQUFFO1FBQ1AsY0FBYyxFQUFFOzBEQUM2QjtJQUs5QztRQUhDLEtBQUssRUFBRTtRQUNQLFdBQVcsQ0FBQyx5QkFBeUIsQ0FBQztRQUN0QyxjQUFjLEVBQUU7eURBQ0k7SUFSWix1QkFBdUI7UUFObkMsU0FBUyxDQUFDO1lBQ1AsUUFBUSxFQUFFLGlCQUFpQjtZQUMzQixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtZQUMvQyxxaENBQTBDOztTQUU3QyxDQUFDO09BQ1csdUJBQXVCLENBYW5DO0lBQUQsOEJBQUM7Q0FBQSxBQWJELElBYUM7U0FiWSx1QkFBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge3R1aURlZmF1bHRQcm9wLCBUdWlNYXBwZXJ9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtUdWlTaXplTH0gZnJvbSAnQHRhaWdhLXVpL2NvcmUnO1xuaW1wb3J0IHtERUZBVUxUX1JPVVRFUl9MSU5LX09QVElPTlN9IGZyb20gJ0B0YWlnYS11aS9raXQvY29uc3RhbnRzJztcbmltcG9ydCB7VHVpQnJlYWRDcnVtYnNJdGVtfSBmcm9tICdAdGFpZ2EtdWkva2l0L2ludGVyZmFjZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3R1aS1icmVhZGNydW1icycsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWJzLnRlbXBsYXRlLmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2JyZWFkY3J1bWJzLnN0eWxlLmxlc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQnJlYWRjcnVtYnNDb21wb25lbnQge1xuICAgIEBJbnB1dCgpXG4gICAgQHR1aURlZmF1bHRQcm9wKClcbiAgICBpdGVtczogUmVhZG9ubHlBcnJheTxUdWlCcmVhZENydW1ic0l0ZW0+ID0gW107XG5cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLXR1aS1ob3N0LXNpemUnKVxuICAgIEB0dWlEZWZhdWx0UHJvcCgpXG4gICAgc2l6ZTogVHVpU2l6ZUwgPSAnbSc7XG5cbiAgICByZWFkb25seSByb3V0ZXJMaW5rT3B0aW9uczogVHVpTWFwcGVyPFR1aUJyZWFkQ3J1bWJzSXRlbSwgYW55PiA9ICh7XG4gICAgICAgIHJvdXRlckxpbmtPcHRpb25zLFxuICAgIH0pID0+IHJvdXRlckxpbmtPcHRpb25zIHx8IERFRkFVTFRfUk9VVEVSX0xJTktfT1BUSU9OUztcbn1cbiJdfQ==