systelab-components
Version:
systelab-components is a set of components that use wide accepted and adopted standard technologies like Angular and Bootstrap, as well as other popular libraries. Please read the ATTRIBUTION.md file for a complete list of dependencies.
47 lines • 9.61 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class BreadcrumbSubItem {
constructor(id, text, action, url) {
this.id = id;
this.text = text;
this.action = action;
this.url = url;
}
}
export class BreadcrumbItem {
// eslint-disable-next-line max-len
constructor(id, text, isActive, action, subItems, url) {
this.id = id;
this.text = text;
this.isActive = isActive;
this.action = action;
this.subItems = subItems;
this.url = url;
}
}
export class BreadcrumbComponent {
constructor() {
this.itemMaxWidth = '100%';
this.subItemMaxWidth = '100%';
}
noop() {
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.9", type: BreadcrumbComponent, selector: "systelab-breadcrumb", inputs: { items: "items", backgroundColor: "backgroundColor", fontColor: "fontColor", itemMaxWidth: "itemMaxWidth", subItemMaxWidth: "subItemMaxWidth" }, ngImport: i0, template: "<ol class=\"breadcrumb\" [style.background-color]=\"backgroundColor\">\n\n @for (bread of items; track bread.id) {\n <li [class.active]=\"bread.isActive\" (click)=\"bread.isActive?bread.action():noop()\">\n <a *ngIf=\"bread.isActive\" [attr.target]=\"bread.url ? '_self' : null \" [attr.href]=\"bread.url ? bread.url : null \"\n [style.color]=\"fontColor\" [style.max-width]=\"itemMaxWidth\">{{bread.text}}</a>\n <label *ngIf=\"!bread.isActive\" [style.max-width]=\"itemMaxWidth\">{{bread.text}}</label>\n <button *ngIf=\"bread.subItems\" class=\"slab-caret-button\" type=\"button\"\n id=\"dropdownMenu1\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"true\">\n <i class=\"icon-caret-down\" [style.color]=\"fontColor\"></i>\n </button>\n <ul *ngIf=\"bread.subItems\" class=\"dropdown-menu slab-sub-items\" aria-labelledby=\"dropdownMenu1\">\n @for (subBread of bread.subItems; track subBread.id) {\n <li (click)=\"subBread.action()\" class=\"slab-items\">\n <a [attr.target]=\"subBread.url ? '_self' : null \" [attr.href]=\"subBread.url ? subBread.url : null \"\n [style.color]=\"fontColor\" [style.max-width]=\"subItemMaxWidth\">{{subBread.text}}</a>\n </li>\n }\n </ul>\n </li>\n }\n</ol>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BreadcrumbComponent, decorators: [{
type: Component,
args: [{ selector: 'systelab-breadcrumb', template: "<ol class=\"breadcrumb\" [style.background-color]=\"backgroundColor\">\n\n @for (bread of items; track bread.id) {\n <li [class.active]=\"bread.isActive\" (click)=\"bread.isActive?bread.action():noop()\">\n <a *ngIf=\"bread.isActive\" [attr.target]=\"bread.url ? '_self' : null \" [attr.href]=\"bread.url ? bread.url : null \"\n [style.color]=\"fontColor\" [style.max-width]=\"itemMaxWidth\">{{bread.text}}</a>\n <label *ngIf=\"!bread.isActive\" [style.max-width]=\"itemMaxWidth\">{{bread.text}}</label>\n <button *ngIf=\"bread.subItems\" class=\"slab-caret-button\" type=\"button\"\n id=\"dropdownMenu1\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"true\">\n <i class=\"icon-caret-down\" [style.color]=\"fontColor\"></i>\n </button>\n <ul *ngIf=\"bread.subItems\" class=\"dropdown-menu slab-sub-items\" aria-labelledby=\"dropdownMenu1\">\n @for (subBread of bread.subItems; track subBread.id) {\n <li (click)=\"subBread.action()\" class=\"slab-items\">\n <a [attr.target]=\"subBread.url ? '_self' : null \" [attr.href]=\"subBread.url ? subBread.url : null \"\n [style.color]=\"fontColor\" [style.max-width]=\"subItemMaxWidth\">{{subBread.text}}</a>\n </li>\n }\n </ul>\n </li>\n }\n</ol>\n" }]
}], ctorParameters: () => [], propDecorators: { items: [{
type: Input
}], backgroundColor: [{
type: Input
}], fontColor: [{
type: Input
}], itemMaxWidth: [{
type: Input
}], subItemMaxWidth: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zeXN0ZWxhYi1jb21wb25lbnRzL3NyYy9saWIvYnJlYWRjcnVtYi9icmVhZGNydW1iLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3N5c3RlbGFiLWNvbXBvbmVudHMvc3JjL2xpYi9icmVhZGNydW1iL2JyZWFkY3J1bWIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQUVqRCxNQUFNLE9BQU8saUJBQWlCO0lBQzdCLFlBQW1CLEVBQVUsRUFBUyxJQUFZLEVBQVMsTUFBVyxFQUFTLEdBQVk7UUFBeEUsT0FBRSxHQUFGLEVBQUUsQ0FBUTtRQUFTLFNBQUksR0FBSixJQUFJLENBQVE7UUFBUyxXQUFNLEdBQU4sTUFBTSxDQUFLO1FBQVMsUUFBRyxHQUFILEdBQUcsQ0FBUztJQUMzRixDQUFDO0NBQ0Q7QUFFRCxNQUFNLE9BQU8sY0FBYztJQUMxQixtQ0FBbUM7SUFDbkMsWUFBbUIsRUFBVSxFQUFTLElBQVksRUFBUyxRQUFpQixFQUFTLE1BQVcsRUFBUyxRQUE4QixFQUFTLEdBQVk7UUFBekksT0FBRSxHQUFGLEVBQUUsQ0FBUTtRQUFTLFNBQUksR0FBSixJQUFJLENBQVE7UUFBUyxhQUFRLEdBQVIsUUFBUSxDQUFTO1FBQVMsV0FBTSxHQUFOLE1BQU0sQ0FBSztRQUFTLGFBQVEsR0FBUixRQUFRLENBQXNCO1FBQVMsUUFBRyxHQUFILEdBQUcsQ0FBUztJQUM1SixDQUFDO0NBQ0Q7QUFNRCxNQUFNLE9BQU8sbUJBQW1CO0lBUS9CO1FBSGdCLGlCQUFZLEdBQVcsTUFBTSxDQUFDO1FBQzlCLG9CQUFlLEdBQVcsTUFBTSxDQUFDO0lBR2pELENBQUM7SUFFTSxJQUFJO0lBQ1gsQ0FBQzs4R0FaVyxtQkFBbUI7a0dBQW5CLG1CQUFtQixxTkNqQmhDLGk4Q0FzQkE7OzJGRExhLG1CQUFtQjtrQkFKL0IsU0FBUzsrQkFDQyxxQkFBcUI7d0RBS2YsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxlQUFlO3NCQUE5QixLQUFLO2dCQUNVLFNBQVM7c0JBQXhCLEtBQUs7Z0JBQ1UsWUFBWTtzQkFBM0IsS0FBSztnQkFDVSxlQUFlO3NCQUE5QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgY2xhc3MgQnJlYWRjcnVtYlN1Ykl0ZW0ge1xuXHRjb25zdHJ1Y3RvcihwdWJsaWMgaWQ6IHN0cmluZywgcHVibGljIHRleHQ6IHN0cmluZywgcHVibGljIGFjdGlvbjogYW55LCBwdWJsaWMgdXJsPzogc3RyaW5nKSB7XG5cdH1cbn1cblxuZXhwb3J0IGNsYXNzIEJyZWFkY3J1bWJJdGVtIHtcblx0Ly8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG1heC1sZW5cblx0Y29uc3RydWN0b3IocHVibGljIGlkOiBzdHJpbmcsIHB1YmxpYyB0ZXh0OiBzdHJpbmcsIHB1YmxpYyBpc0FjdGl2ZTogYm9vbGVhbiwgcHVibGljIGFjdGlvbjogYW55LCBwdWJsaWMgc3ViSXRlbXM/OiBCcmVhZGNydW1iU3ViSXRlbVtdLCBwdWJsaWMgdXJsPzogc3RyaW5nKSB7XG5cdH1cbn1cblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnc3lzdGVsYWItYnJlYWRjcnVtYicsXG5cdHRlbXBsYXRlVXJsOiAnLi9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBCcmVhZGNydW1iQ29tcG9uZW50IHtcblxuXHRASW5wdXQoKSBwdWJsaWMgaXRlbXM6IEJyZWFkY3J1bWJJdGVtW107XG5cdEBJbnB1dCgpIHB1YmxpYyBiYWNrZ3JvdW5kQ29sb3I6IHN0cmluZztcblx0QElucHV0KCkgcHVibGljIGZvbnRDb2xvcjogc3RyaW5nO1xuXHRASW5wdXQoKSBwdWJsaWMgaXRlbU1heFdpZHRoOiBzdHJpbmcgPSAnMTAwJSc7XG5cdEBJbnB1dCgpIHB1YmxpYyBzdWJJdGVtTWF4V2lkdGg6IHN0cmluZyA9ICcxMDAlJztcblxuXHRjb25zdHJ1Y3RvcigpIHtcblx0fVxuXG5cdHB1YmxpYyBub29wKCkge1xuXHR9XG59XG4iLCI8b2wgY2xhc3M9XCJicmVhZGNydW1iXCIgW3N0eWxlLmJhY2tncm91bmQtY29sb3JdPVwiYmFja2dyb3VuZENvbG9yXCI+XG5cbiAgICBAZm9yIChicmVhZCBvZiBpdGVtczsgdHJhY2sgYnJlYWQuaWQpIHtcbiAgICAgICAgPGxpIFtjbGFzcy5hY3RpdmVdPVwiYnJlYWQuaXNBY3RpdmVcIiAoY2xpY2spPVwiYnJlYWQuaXNBY3RpdmU/YnJlYWQuYWN0aW9uKCk6bm9vcCgpXCI+XG4gICAgICAgICAgICA8YSAqbmdJZj1cImJyZWFkLmlzQWN0aXZlXCIgW2F0dHIudGFyZ2V0XT1cImJyZWFkLnVybCA/ICdfc2VsZicgOiBudWxsIFwiIFthdHRyLmhyZWZdPVwiYnJlYWQudXJsID8gIGJyZWFkLnVybCAgOiBudWxsIFwiXG4gICAgICAgICAgICAgICBbc3R5bGUuY29sb3JdPVwiZm9udENvbG9yXCIgW3N0eWxlLm1heC13aWR0aF09XCJpdGVtTWF4V2lkdGhcIj57e2JyZWFkLnRleHR9fTwvYT5cbiAgICAgICAgICAgIDxsYWJlbCAqbmdJZj1cIiFicmVhZC5pc0FjdGl2ZVwiIFtzdHlsZS5tYXgtd2lkdGhdPVwiaXRlbU1heFdpZHRoXCI+e3ticmVhZC50ZXh0fX08L2xhYmVsPlxuICAgICAgICAgICAgPGJ1dHRvbiAqbmdJZj1cImJyZWFkLnN1Ykl0ZW1zXCIgY2xhc3M9XCJzbGFiLWNhcmV0LWJ1dHRvblwiIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgICAgICBpZD1cImRyb3Bkb3duTWVudTFcIiBkYXRhLXRvZ2dsZT1cImRyb3Bkb3duXCIgYXJpYS1oYXNwb3B1cD1cInRydWVcIiBhcmlhLWV4cGFuZGVkPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgICZuYnNwOzxpIGNsYXNzPVwiaWNvbi1jYXJldC1kb3duXCIgW3N0eWxlLmNvbG9yXT1cImZvbnRDb2xvclwiPjwvaT5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPHVsICpuZ0lmPVwiYnJlYWQuc3ViSXRlbXNcIiBjbGFzcz1cImRyb3Bkb3duLW1lbnUgc2xhYi1zdWItaXRlbXNcIiBhcmlhLWxhYmVsbGVkYnk9XCJkcm9wZG93bk1lbnUxXCI+XG4gICAgICAgICAgICAgICAgQGZvciAoc3ViQnJlYWQgb2YgYnJlYWQuc3ViSXRlbXM7IHRyYWNrIHN1YkJyZWFkLmlkKSB7XG4gICAgICAgICAgICAgICAgICAgIDxsaSAoY2xpY2spPVwic3ViQnJlYWQuYWN0aW9uKClcIiBjbGFzcz1cInNsYWItaXRlbXNcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxhIFthdHRyLnRhcmdldF09XCJzdWJCcmVhZC51cmwgPyAnX3NlbGYnIDogbnVsbCBcIiBbYXR0ci5ocmVmXT1cInN1YkJyZWFkLnVybCA/ICBzdWJCcmVhZC51cmwgIDogbnVsbCBcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgW3N0eWxlLmNvbG9yXT1cImZvbnRDb2xvclwiIFtzdHlsZS5tYXgtd2lkdGhdPVwic3ViSXRlbU1heFdpZHRoXCI+e3tzdWJCcmVhZC50ZXh0fX08L2E+XG4gICAgICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC91bD5cbiAgICAgICAgPC9saT5cbiAgICB9XG48L29sPlxuIl19