@doku-dev/doku-fragment
Version:
A new Angular UI library that moving away from Bootstrap and built from scratch.
24 lines • 5.83 kB
JavaScript
import { CommonModule } from '@angular/common';
import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class DokuBreadcrumb {
constructor() {
this.items = [];
}
get hasBreadcrumb() {
return !!this.items?.length;
}
get totalBreadcrumbs() {
return this.items?.length || 0;
}
}
DokuBreadcrumb.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DokuBreadcrumb, deps: [], target: i0.ɵɵFactoryTarget.Component });
DokuBreadcrumb.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DokuBreadcrumb, isStandalone: true, selector: "doku-breadcrumb", inputs: { items: "items" }, exportAs: ["dokuBreadcrumb"], ngImport: i0, template: "<div *ngIf=\"hasBreadcrumb\" class=\"d-breadcrumbs\" doku-typography>\n <div\n *ngFor=\"let breadcrumb of items; index as idx\"\n class=\"d-breadcrumb-item\"\n [class.active]=\"totalBreadcrumbs === idx + 1\"\n >\n <span\n (click)=\"totalBreadcrumbs !== idx + 1 && breadcrumb.clickCallback?.()\"\n class=\"d-breadcrumb-nav\"\n [class.clickable]=\"totalBreadcrumbs !== idx + 1 && !!breadcrumb.clickCallback\"\n >\n {{ breadcrumb.name || \"\" }}\n </span>\n <span *ngIf=\"totalBreadcrumbs !== idx + 1\" class=\"d-breadcrumb-divider\">/</span>\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DokuBreadcrumb, decorators: [{
type: Component,
args: [{ selector: 'doku-breadcrumb', exportAs: 'dokuBreadcrumb', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"hasBreadcrumb\" class=\"d-breadcrumbs\" doku-typography>\n <div\n *ngFor=\"let breadcrumb of items; index as idx\"\n class=\"d-breadcrumb-item\"\n [class.active]=\"totalBreadcrumbs === idx + 1\"\n >\n <span\n (click)=\"totalBreadcrumbs !== idx + 1 && breadcrumb.clickCallback?.()\"\n class=\"d-breadcrumb-nav\"\n [class.clickable]=\"totalBreadcrumbs !== idx + 1 && !!breadcrumb.clickCallback\"\n >\n {{ breadcrumb.name || \"\" }}\n </span>\n <span *ngIf=\"totalBreadcrumbs !== idx + 1\" class=\"d-breadcrumb-divider\">/</span>\n </div>\n</div>\n" }]
}], propDecorators: { items: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kb2t1LWZyYWdtZW50L3NyYy9saWIvYnJlYWRjcnVtYi9icmVhZGNydW1iLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rva3UtZnJhZ21lbnQvc3JjL2xpYi9icmVhZGNydW1iL2JyZWFkY3J1bWIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFZN0YsTUFBTSxPQUFPLGNBQWM7SUFUM0I7UUFVVyxVQUFLLEdBQXlCLEVBQUUsQ0FBQztLQVMzQztJQVBDLElBQUksYUFBYTtRQUNmLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDO0lBQzlCLENBQUM7SUFFRCxJQUFJLGdCQUFnQjtRQUNsQixPQUFPLElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxJQUFJLENBQUMsQ0FBQztJQUNqQyxDQUFDOzsyR0FUVSxjQUFjOytGQUFkLGNBQWMscUlDYjNCLDRsQkFnQkEsMkNEUlksWUFBWTsyRkFLWCxjQUFjO2tCQVQxQixTQUFTOytCQUNFLGlCQUFpQixZQUNqQixnQkFBZ0IsY0FDZCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsaUJBRVIsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9rdUJyZWFkY3J1bWJJdGVtIH0gZnJvbSAnLi9icmVhZGNydW1iLmludGVyZmFjZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Rva3UtYnJlYWRjcnVtYicsXG4gIGV4cG9ydEFzOiAnZG9rdUJyZWFkY3J1bWInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWIuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRG9rdUJyZWFkY3J1bWIge1xuICBASW5wdXQoKSBpdGVtczogRG9rdUJyZWFkY3J1bWJJdGVtW10gPSBbXTtcblxuICBnZXQgaGFzQnJlYWRjcnVtYigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gISF0aGlzLml0ZW1zPy5sZW5ndGg7XG4gIH1cblxuICBnZXQgdG90YWxCcmVhZGNydW1icygpOiBudW1iZXIge1xuICAgIHJldHVybiB0aGlzLml0ZW1zPy5sZW5ndGggfHwgMDtcbiAgfVxufVxuIiwiPGRpdiAqbmdJZj1cImhhc0JyZWFkY3J1bWJcIiBjbGFzcz1cImQtYnJlYWRjcnVtYnNcIiBkb2t1LXR5cG9ncmFwaHk+XG4gIDxkaXZcbiAgICAqbmdGb3I9XCJsZXQgYnJlYWRjcnVtYiBvZiBpdGVtczsgaW5kZXggYXMgaWR4XCJcbiAgICBjbGFzcz1cImQtYnJlYWRjcnVtYi1pdGVtXCJcbiAgICBbY2xhc3MuYWN0aXZlXT1cInRvdGFsQnJlYWRjcnVtYnMgPT09IGlkeCArIDFcIlxuICA+XG4gICAgPHNwYW5cbiAgICAgIChjbGljayk9XCJ0b3RhbEJyZWFkY3J1bWJzICE9PSBpZHggKyAxICYmIGJyZWFkY3J1bWIuY2xpY2tDYWxsYmFjaz8uKClcIlxuICAgICAgY2xhc3M9XCJkLWJyZWFkY3J1bWItbmF2XCJcbiAgICAgIFtjbGFzcy5jbGlja2FibGVdPVwidG90YWxCcmVhZGNydW1icyAhPT0gaWR4ICsgMSAmJiAhIWJyZWFkY3J1bWIuY2xpY2tDYWxsYmFja1wiXG4gICAgPlxuICAgICAge3sgYnJlYWRjcnVtYi5uYW1lIHx8IFwiXCIgfX1cbiAgICA8L3NwYW4+XG4gICAgPHNwYW4gKm5nSWY9XCJ0b3RhbEJyZWFkY3J1bWJzICE9PSBpZHggKyAxXCIgY2xhc3M9XCJkLWJyZWFkY3J1bWItZGl2aWRlclwiPi88L3NwYW4+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=