ngx-vector-components 5.171.0 → 5.172.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/esm2022/lib/components/breadcrumb/breadcrumb.component.mjs +15 -8
- package/esm2022/lib/services/breadcrumb.service.mjs +22 -0
- package/esm2022/lib/services/index.mjs +2 -1
- package/fesm2022/ngx-vector-components.mjs +33 -8
- package/fesm2022/ngx-vector-components.mjs.map +1 -1
- package/lib/components/breadcrumb/breadcrumb.component.d.ts +4 -1
- package/lib/services/breadcrumb.service.d.ts +9 -0
- package/lib/services/index.d.ts +1 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -4,20 +4,27 @@ import { Subscription } from 'rxjs';
|
|
|
4
4
|
import { ENVIRONMENT, MENU_OPTIONS } from '../../injections';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
import * as i1 from "@angular/router";
|
|
7
|
-
import * as i2 from "
|
|
8
|
-
import * as i3 from "
|
|
7
|
+
import * as i2 from "../../services/breadcrumb.service";
|
|
8
|
+
import * as i3 from "@angular/common";
|
|
9
|
+
import * as i4 from "../../pipes/remove-last-child.pipe";
|
|
9
10
|
export class BreadcrumbComponent {
|
|
10
|
-
constructor(router, environment, menuOptions) {
|
|
11
|
+
constructor(router, environment, menuOptions, breadcrumbService) {
|
|
11
12
|
this.router = router;
|
|
12
13
|
this.environment = environment;
|
|
13
14
|
this.menuOptions = menuOptions;
|
|
15
|
+
this.breadcrumbService = breadcrumbService;
|
|
14
16
|
this.appName = this.environment.appName;
|
|
15
17
|
this.routeFragments = [];
|
|
18
|
+
this.titleAdditionalInfo = null;
|
|
16
19
|
this.subscription = new Subscription();
|
|
17
20
|
}
|
|
18
21
|
ngOnInit() {
|
|
22
|
+
this.subscription.add(this.breadcrumbService.titleAdditionalInfo$.subscribe((value) => {
|
|
23
|
+
this.titleAdditionalInfo = value;
|
|
24
|
+
}));
|
|
19
25
|
this.subscription.add(this.router.events.subscribe((event) => {
|
|
20
26
|
if (event instanceof NavigationEnd) {
|
|
27
|
+
this.breadcrumbService.clearTitleAdditionalInfo();
|
|
21
28
|
this.routeFragments = [];
|
|
22
29
|
let url = event.urlAfterRedirects.replace('/', '');
|
|
23
30
|
if (url.includes('?')) {
|
|
@@ -51,17 +58,17 @@ export class BreadcrumbComponent {
|
|
|
51
58
|
}
|
|
52
59
|
return foundItem;
|
|
53
60
|
}
|
|
54
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i1.Router }, { token: ENVIRONMENT }, { token: MENU_OPTIONS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
55
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BreadcrumbComponent, selector: "vector-breadcrumb", ngImport: i0, template: "<div class=\"breadcrumb-container\" *ngIf=\"routeFragments?.length\">\n <div class=\"route-path\">\n <span class=\"app-name\">{{ appName }}</span>\n <div *ngIf=\"routeFragments.length < 2\" class=\"chevron\"></div>\n <span\n class=\"route-fragment\"\n [ngClass]=\"{ clickable: fragment.route }\"\n *ngFor=\"let fragment of routeFragments | removeLastChild\"\n (click)=\"navigateToFragment(fragment)\"\n ><div class=\"chevron\"></div>\n {{ fragment.label }}</span\n >\n </div>\n <span class=\"last-route\">\n {{ routeFragments[routeFragments.length - 1].label }}\n </span>\n</div>\n", styles: [".breadcrumb-container{display:flex;flex-direction:column;margin-bottom:15px}.breadcrumb-container .route-path{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;color:var(--gray-dark)}.breadcrumb-container .app-name,.breadcrumb-container .last-route,.breadcrumb-container .route-path .route-fragment{font-weight:700;letter-spacing:.75px;display:flex;flex-direction:row;align-items:center;margin:2.5px}.breadcrumb-container .clickable{cursor:pointer}.breadcrumb-container .chevron{margin:0 5px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"7.4\" viewBox=\"0 0 12 7.4\">%0A <path id=\"Caminho_1437\" data-name=\"Caminho 1437\" d=\"M1526.175,366.14l4.6,4.6,4.6-4.6,1.4,1.4-6,6-6-6Z\" transform=\"translate(-1524.775 -366.14)\" fill=\"%23333\"/>%0A</svg>%0A');background-repeat:no-repeat;background-position:center;transform:rotate(-90deg);width:20px;height:20px;filter:invert(53%) sepia(13%) saturate(450%) hue-rotate(156deg) brightness(89%) contrast(85%)}.breadcrumb-container .last-route{font-size:1.5em;color:var(--success-color)}\n"], dependencies: [{ kind: "directive", type:
|
|
61
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i1.Router }, { token: ENVIRONMENT }, { token: MENU_OPTIONS }, { token: i2.BreadcrumbService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
62
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BreadcrumbComponent, selector: "vector-breadcrumb", ngImport: i0, template: "<div class=\"breadcrumb-container\" *ngIf=\"routeFragments?.length\">\n <div class=\"route-path\">\n <span class=\"app-name\">{{ appName }}</span>\n <div *ngIf=\"routeFragments.length < 2\" class=\"chevron\"></div>\n <span\n class=\"route-fragment\"\n [ngClass]=\"{ clickable: fragment.route }\"\n *ngFor=\"let fragment of routeFragments | removeLastChild\"\n (click)=\"navigateToFragment(fragment)\"\n ><div class=\"chevron\"></div>\n {{ fragment.label }}</span\n >\n </div>\n <span class=\"last-route\">\n {{ routeFragments[routeFragments.length - 1].label }}\n {{ titleAdditionalInfo }}\n </span>\n</div>\n", styles: [".breadcrumb-container{display:flex;flex-direction:column;margin-bottom:15px}.breadcrumb-container .route-path{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;color:var(--gray-dark)}.breadcrumb-container .app-name,.breadcrumb-container .last-route,.breadcrumb-container .route-path .route-fragment{font-weight:700;letter-spacing:.75px;display:flex;flex-direction:row;align-items:center;margin:2.5px}.breadcrumb-container .clickable{cursor:pointer}.breadcrumb-container .chevron{margin:0 5px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"7.4\" viewBox=\"0 0 12 7.4\">%0A <path id=\"Caminho_1437\" data-name=\"Caminho 1437\" d=\"M1526.175,366.14l4.6,4.6,4.6-4.6,1.4,1.4-6,6-6-6Z\" transform=\"translate(-1524.775 -366.14)\" fill=\"%23333\"/>%0A</svg>%0A');background-repeat:no-repeat;background-position:center;transform:rotate(-90deg);width:20px;height:20px;filter:invert(53%) sepia(13%) saturate(450%) hue-rotate(156deg) brightness(89%) contrast(85%)}.breadcrumb-container .last-route{font-size:1.5em;color:var(--success-color)}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.RemoveLastChildPipe, name: "removeLastChild" }] }); }
|
|
56
63
|
}
|
|
57
64
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
58
65
|
type: Component,
|
|
59
|
-
args: [{ selector: 'vector-breadcrumb', template: "<div class=\"breadcrumb-container\" *ngIf=\"routeFragments?.length\">\n <div class=\"route-path\">\n <span class=\"app-name\">{{ appName }}</span>\n <div *ngIf=\"routeFragments.length < 2\" class=\"chevron\"></div>\n <span\n class=\"route-fragment\"\n [ngClass]=\"{ clickable: fragment.route }\"\n *ngFor=\"let fragment of routeFragments | removeLastChild\"\n (click)=\"navigateToFragment(fragment)\"\n ><div class=\"chevron\"></div>\n {{ fragment.label }}</span\n >\n </div>\n <span class=\"last-route\">\n {{ routeFragments[routeFragments.length - 1].label }}\n </span>\n</div>\n", styles: [".breadcrumb-container{display:flex;flex-direction:column;margin-bottom:15px}.breadcrumb-container .route-path{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;color:var(--gray-dark)}.breadcrumb-container .app-name,.breadcrumb-container .last-route,.breadcrumb-container .route-path .route-fragment{font-weight:700;letter-spacing:.75px;display:flex;flex-direction:row;align-items:center;margin:2.5px}.breadcrumb-container .clickable{cursor:pointer}.breadcrumb-container .chevron{margin:0 5px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"7.4\" viewBox=\"0 0 12 7.4\">%0A <path id=\"Caminho_1437\" data-name=\"Caminho 1437\" d=\"M1526.175,366.14l4.6,4.6,4.6-4.6,1.4,1.4-6,6-6-6Z\" transform=\"translate(-1524.775 -366.14)\" fill=\"%23333\"/>%0A</svg>%0A');background-repeat:no-repeat;background-position:center;transform:rotate(-90deg);width:20px;height:20px;filter:invert(53%) sepia(13%) saturate(450%) hue-rotate(156deg) brightness(89%) contrast(85%)}.breadcrumb-container .last-route{font-size:1.5em;color:var(--success-color)}\n"] }]
|
|
66
|
+
args: [{ selector: 'vector-breadcrumb', template: "<div class=\"breadcrumb-container\" *ngIf=\"routeFragments?.length\">\n <div class=\"route-path\">\n <span class=\"app-name\">{{ appName }}</span>\n <div *ngIf=\"routeFragments.length < 2\" class=\"chevron\"></div>\n <span\n class=\"route-fragment\"\n [ngClass]=\"{ clickable: fragment.route }\"\n *ngFor=\"let fragment of routeFragments | removeLastChild\"\n (click)=\"navigateToFragment(fragment)\"\n ><div class=\"chevron\"></div>\n {{ fragment.label }}</span\n >\n </div>\n <span class=\"last-route\">\n {{ routeFragments[routeFragments.length - 1].label }}\n {{ titleAdditionalInfo }}\n </span>\n</div>\n", styles: [".breadcrumb-container{display:flex;flex-direction:column;margin-bottom:15px}.breadcrumb-container .route-path{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;color:var(--gray-dark)}.breadcrumb-container .app-name,.breadcrumb-container .last-route,.breadcrumb-container .route-path .route-fragment{font-weight:700;letter-spacing:.75px;display:flex;flex-direction:row;align-items:center;margin:2.5px}.breadcrumb-container .clickable{cursor:pointer}.breadcrumb-container .chevron{margin:0 5px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"7.4\" viewBox=\"0 0 12 7.4\">%0A <path id=\"Caminho_1437\" data-name=\"Caminho 1437\" d=\"M1526.175,366.14l4.6,4.6,4.6-4.6,1.4,1.4-6,6-6-6Z\" transform=\"translate(-1524.775 -366.14)\" fill=\"%23333\"/>%0A</svg>%0A');background-repeat:no-repeat;background-position:center;transform:rotate(-90deg);width:20px;height:20px;filter:invert(53%) sepia(13%) saturate(450%) hue-rotate(156deg) brightness(89%) contrast(85%)}.breadcrumb-container .last-route{font-size:1.5em;color:var(--success-color)}\n"] }]
|
|
60
67
|
}], ctorParameters: () => [{ type: i1.Router }, { type: undefined, decorators: [{
|
|
61
68
|
type: Inject,
|
|
62
69
|
args: [ENVIRONMENT]
|
|
63
70
|
}] }, { type: undefined, decorators: [{
|
|
64
71
|
type: Inject,
|
|
65
72
|
args: [MENU_OPTIONS]
|
|
66
|
-
}] }] });
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
73
|
+
}] }, { type: i2.BreadcrumbService }] });
|
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmVjdG9yLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmVjdG9yLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFDckUsT0FBTyxFQUFFLGFBQWEsRUFBVSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDcEMsT0FBTyxFQUFFLFdBQVcsRUFBRSxZQUFZLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7Ozs7O0FBUzdELE1BQU0sT0FBTyxtQkFBbUI7SUFNOUIsWUFDVSxNQUFjLEVBQ08sV0FBZ0IsRUFDZixXQUF1QixFQUM3QyxpQkFBb0M7UUFIcEMsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUNPLGdCQUFXLEdBQVgsV0FBVyxDQUFLO1FBQ2YsZ0JBQVcsR0FBWCxXQUFXLENBQVk7UUFDN0Msc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQVR2QyxZQUFPLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUM7UUFDbkMsbUJBQWMsR0FBZSxFQUFFLENBQUM7UUFDaEMsd0JBQW1CLEdBQWtCLElBQUksQ0FBQztRQUN6QyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFPdkMsQ0FBQztJQUVKLFFBQVE7UUFDTixJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FDbkIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLG9CQUFvQixDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO1lBQzlELElBQUksQ0FBQyxtQkFBbUIsR0FBRyxLQUFLLENBQUM7UUFDbkMsQ0FBQyxDQUFDLENBQ0gsQ0FBQztRQUVGLElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUNuQixJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUNyQyxJQUFJLEtBQUssWUFBWSxhQUFhLEVBQUU7Z0JBQ2xDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyx3QkFBd0IsRUFBRSxDQUFDO2dCQUNsRCxJQUFJLENBQUMsY0FBYyxHQUFHLEVBQUUsQ0FBQztnQkFDekIsSUFBSSxHQUFHLEdBQUcsS0FBSyxDQUFDLGlCQUFpQixDQUFDLE9BQU8sQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQUM7Z0JBQ25ELElBQUksR0FBRyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsRUFBRTtvQkFDckIsR0FBRyxHQUFHLEdBQUcsQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztpQkFDMUM7Z0JBQ0QsSUFBSSxDQUFDLDZCQUE2QixDQUFDLEdBQUcsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7YUFDM0Q7UUFDSCxDQUFDLENBQUMsQ0FDSCxDQUFDO0lBQ0osQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFTSxrQkFBa0IsQ0FBQyxRQUFrQjtRQUMxQyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsRUFBRSxFQUFFLG1CQUFtQixFQUFFLFVBQVUsRUFBRSxDQUFDLENBQUM7SUFDOUUsQ0FBQztJQUVPLDZCQUE2QixDQUFDLEdBQVcsRUFBRSxlQUEyQjtRQUM1RSxJQUFJLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFDdEIsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLGVBQWUsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDL0MsSUFBSSxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxFQUFFO2dCQUM1QixJQUNFLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLO29CQUN4QixDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFNLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxJQUFJLEdBQUcsQ0FBQyxVQUFVLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsQ0FBQyxFQUM3RjtvQkFDQSxJQUFJLENBQUMsY0FBYyxHQUFHLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7b0JBQzNDLFNBQVMsR0FBRyxJQUFJLENBQUM7aUJBQ2xCO2FBQ0Y7WUFFRCxJQUFJLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLDZCQUE2QixDQUFDLEdBQUcsRUFBRSxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxFQUFFO2dCQUM3RyxJQUFJLENBQUMsY0FBYyxHQUFHLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztnQkFDdkUsU0FBUyxHQUFHLElBQUksQ0FBQztnQkFDakIsTUFBTTthQUNQO1NBQ0Y7UUFFRCxPQUFPLFNBQVMsQ0FBQztJQUNuQixDQUFDOytHQWhFVSxtQkFBbUIsd0NBUXBCLFdBQVcsYUFDWCxZQUFZO21HQVRYLG1CQUFtQix5RENaaEMsdXBCQWtCQTs7NEZETmEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLG1CQUFtQjs7MEJBWTFCLE1BQU07MkJBQUMsV0FBVzs7MEJBQ2xCLE1BQU07MkJBQUMsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmF2aWdhdGlvbkVuZCwgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgRU5WSVJPTk1FTlQsIE1FTlVfT1BUSU9OUyB9IGZyb20gJy4uLy4uL2luamVjdGlvbnMnO1xuaW1wb3J0IHsgTWVudUl0ZW0gfSBmcm9tICcuLi8uLi9tb2RlbHMnO1xuaW1wb3J0IHsgQnJlYWRjcnVtYlNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9icmVhZGNydW1iLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2ZWN0b3ItYnJlYWRjcnVtYicsXG4gIHRlbXBsYXRlVXJsOiAnLi9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnJlYWRjcnVtYi5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBCcmVhZGNydW1iQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBwdWJsaWMgYXBwTmFtZSA9IHRoaXMuZW52aXJvbm1lbnQuYXBwTmFtZTtcbiAgcHVibGljIHJvdXRlRnJhZ21lbnRzOiBNZW51SXRlbVtdID0gW107XG4gIHB1YmxpYyB0aXRsZUFkZGl0aW9uYWxJbmZvOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcbiAgcHJpdmF0ZSBzdWJzY3JpcHRpb24gPSBuZXcgU3Vic2NyaXB0aW9uKCk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByb3V0ZXI6IFJvdXRlcixcbiAgICBASW5qZWN0KEVOVklST05NRU5UKSBwcml2YXRlIGVudmlyb25tZW50OiBhbnksXG4gICAgQEluamVjdChNRU5VX09QVElPTlMpIHByaXZhdGUgbWVudU9wdGlvbnM6IE1lbnVJdGVtW10sXG4gICAgcHJpdmF0ZSBicmVhZGNydW1iU2VydmljZTogQnJlYWRjcnVtYlNlcnZpY2UsXG4gICkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnN1YnNjcmlwdGlvbi5hZGQoXG4gICAgICB0aGlzLmJyZWFkY3J1bWJTZXJ2aWNlLnRpdGxlQWRkaXRpb25hbEluZm8kLnN1YnNjcmliZSgodmFsdWUpID0+IHtcbiAgICAgICAgdGhpcy50aXRsZUFkZGl0aW9uYWxJbmZvID0gdmFsdWU7XG4gICAgICB9KSxcbiAgICApO1xuXG4gICAgdGhpcy5zdWJzY3JpcHRpb24uYWRkKFxuICAgICAgdGhpcy5yb3V0ZXIuZXZlbnRzLnN1YnNjcmliZSgoZXZlbnQpID0+IHtcbiAgICAgICAgaWYgKGV2ZW50IGluc3RhbmNlb2YgTmF2aWdhdGlvbkVuZCkge1xuICAgICAgICAgIHRoaXMuYnJlYWRjcnVtYlNlcnZpY2UuY2xlYXJUaXRsZUFkZGl0aW9uYWxJbmZvKCk7XG4gICAgICAgICAgdGhpcy5yb3V0ZUZyYWdtZW50cyA9IFtdO1xuICAgICAgICAgIGxldCB1cmwgPSBldmVudC51cmxBZnRlclJlZGlyZWN0cy5yZXBsYWNlKCcvJywgJycpO1xuICAgICAgICAgIGlmICh1cmwuaW5jbHVkZXMoJz8nKSkge1xuICAgICAgICAgICAgdXJsID0gdXJsLnN1YnN0cmluZygwLCB1cmwuaW5kZXhPZignPycpKTtcbiAgICAgICAgICB9XG4gICAgICAgICAgdGhpcy5leHRyYWN0Um91dGVGcmFnbWVudHNGcm9tTWVudSh1cmwsIHRoaXMubWVudU9wdGlvbnMpO1xuICAgICAgICB9XG4gICAgICB9KSxcbiAgICApO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5zdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcbiAgfVxuXG4gIHB1YmxpYyBuYXZpZ2F0ZVRvRnJhZ21lbnQoZnJhZ21lbnQ6IE1lbnVJdGVtKSB7XG4gICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoW2ZyYWdtZW50LnJvdXRlXSwgeyBxdWVyeVBhcmFtc0hhbmRsaW5nOiAncHJlc2VydmUnIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBleHRyYWN0Um91dGVGcmFnbWVudHNGcm9tTWVudSh1cmw6IHN0cmluZywgY3VycmVudENoaWxkcmVuOiBNZW51SXRlbVtdKTogYm9vbGVhbiB7XG4gICAgbGV0IGZvdW5kSXRlbSA9IGZhbHNlO1xuICAgIGZvciAobGV0IGkgPSAwOyBpIDwgY3VycmVudENoaWxkcmVuLmxlbmd0aDsgaSsrKSB7XG4gICAgICBpZiAoY3VycmVudENoaWxkcmVuW2ldLnJvdXRlKSB7XG4gICAgICAgIGlmIChcbiAgICAgICAgICBjdXJyZW50Q2hpbGRyZW5baV0ucm91dGUgJiZcbiAgICAgICAgICAoY3VycmVudENoaWxkcmVuW2ldLnJvdXRlIS5zdGFydHNXaXRoKHVybCkgfHwgdXJsLnN0YXJ0c1dpdGgoY3VycmVudENoaWxkcmVuW2ldLnJvdXRlIHx8ICcnKSlcbiAgICAgICAgKSB7XG4gICAgICAgICAgdGhpcy5yb3V0ZUZyYWdtZW50cyA9IFtjdXJyZW50Q2hpbGRyZW5baV1dO1xuICAgICAgICAgIGZvdW5kSXRlbSA9IHRydWU7XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgaWYgKGN1cnJlbnRDaGlsZHJlbltpXS5jaGlsZHJlbiAmJiB0aGlzLmV4dHJhY3RSb3V0ZUZyYWdtZW50c0Zyb21NZW51KHVybCwgY3VycmVudENoaWxkcmVuW2ldLmNoaWxkcmVuIHx8IFtdKSkge1xuICAgICAgICB0aGlzLnJvdXRlRnJhZ21lbnRzID0gW2N1cnJlbnRDaGlsZHJlbltpXV0uY29uY2F0KHRoaXMucm91dGVGcmFnbWVudHMpO1xuICAgICAgICBmb3VuZEl0ZW0gPSB0cnVlO1xuICAgICAgICBicmVhaztcbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gZm91bmRJdGVtO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYnJlYWRjcnVtYi1jb250YWluZXJcIiAqbmdJZj1cInJvdXRlRnJhZ21lbnRzPy5sZW5ndGhcIj5cbiAgPGRpdiBjbGFzcz1cInJvdXRlLXBhdGhcIj5cbiAgICA8c3BhbiBjbGFzcz1cImFwcC1uYW1lXCI+e3sgYXBwTmFtZSB9fTwvc3Bhbj5cbiAgICA8ZGl2ICpuZ0lmPVwicm91dGVGcmFnbWVudHMubGVuZ3RoIDwgMlwiIGNsYXNzPVwiY2hldnJvblwiPjwvZGl2PlxuICAgIDxzcGFuXG4gICAgICBjbGFzcz1cInJvdXRlLWZyYWdtZW50XCJcbiAgICAgIFtuZ0NsYXNzXT1cInsgY2xpY2thYmxlOiBmcmFnbWVudC5yb3V0ZSB9XCJcbiAgICAgICpuZ0Zvcj1cImxldCBmcmFnbWVudCBvZiByb3V0ZUZyYWdtZW50cyB8IHJlbW92ZUxhc3RDaGlsZFwiXG4gICAgICAoY2xpY2spPVwibmF2aWdhdGVUb0ZyYWdtZW50KGZyYWdtZW50KVwiXG4gICAgICA+PGRpdiBjbGFzcz1cImNoZXZyb25cIj48L2Rpdj5cbiAgICAgIHt7IGZyYWdtZW50LmxhYmVsIH19PC9zcGFuXG4gICAgPlxuICA8L2Rpdj5cbiAgPHNwYW4gY2xhc3M9XCJsYXN0LXJvdXRlXCI+XG4gICAge3sgcm91dGVGcmFnbWVudHNbcm91dGVGcmFnbWVudHMubGVuZ3RoIC0gMV0ubGFiZWwgfX1cbiAgICB7eyB0aXRsZUFkZGl0aW9uYWxJbmZvIH19XG4gIDwvc3Bhbj5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Injectable } from '@angular/core';
|
|
2
|
+
import { BehaviorSubject } from 'rxjs';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class BreadcrumbService {
|
|
5
|
+
constructor() {
|
|
6
|
+
this._titleAdditionalInfo$ = new BehaviorSubject(null);
|
|
7
|
+
this.titleAdditionalInfo$ = this._titleAdditionalInfo$.asObservable();
|
|
8
|
+
}
|
|
9
|
+
setTitleAdditionalInfo(value) {
|
|
10
|
+
this._titleAdditionalInfo$.next(value);
|
|
11
|
+
}
|
|
12
|
+
clearTitleAdditionalInfo() {
|
|
13
|
+
this._titleAdditionalInfo$.next(null);
|
|
14
|
+
}
|
|
15
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
16
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbService, providedIn: 'root' }); }
|
|
17
|
+
}
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbService, decorators: [{
|
|
19
|
+
type: Injectable,
|
|
20
|
+
args: [{ providedIn: 'root' }]
|
|
21
|
+
}] });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZlY3Rvci1jb21wb25lbnRzL3NyYy9saWIvc2VydmljZXMvYnJlYWRjcnVtYi5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFHdkMsTUFBTSxPQUFPLGlCQUFpQjtJQUQ5QjtRQUVtQiwwQkFBcUIsR0FBRyxJQUFJLGVBQWUsQ0FBZ0IsSUFBSSxDQUFDLENBQUM7UUFDbEUseUJBQW9CLEdBQUcsSUFBSSxDQUFDLHFCQUFxQixDQUFDLFlBQVksRUFBRSxDQUFDO0tBU2xGO0lBUFEsc0JBQXNCLENBQUMsS0FBb0I7UUFDaEQsSUFBSSxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN6QyxDQUFDO0lBRU0sd0JBQXdCO1FBQzdCLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDeEMsQ0FBQzsrR0FWVSxpQkFBaUI7bUhBQWpCLGlCQUFpQixjQURKLE1BQU07OzRGQUNuQixpQkFBaUI7a0JBRDdCLFVBQVU7bUJBQUMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5cbkBJbmplY3RhYmxlKHsgcHJvdmlkZWRJbjogJ3Jvb3QnIH0pXG5leHBvcnQgY2xhc3MgQnJlYWRjcnVtYlNlcnZpY2Uge1xuICBwcml2YXRlIHJlYWRvbmx5IF90aXRsZUFkZGl0aW9uYWxJbmZvJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8c3RyaW5nIHwgbnVsbD4obnVsbCk7XG4gIHB1YmxpYyByZWFkb25seSB0aXRsZUFkZGl0aW9uYWxJbmZvJCA9IHRoaXMuX3RpdGxlQWRkaXRpb25hbEluZm8kLmFzT2JzZXJ2YWJsZSgpO1xuXG4gIHB1YmxpYyBzZXRUaXRsZUFkZGl0aW9uYWxJbmZvKHZhbHVlOiBzdHJpbmcgfCBudWxsKTogdm9pZCB7XG4gICAgdGhpcy5fdGl0bGVBZGRpdGlvbmFsSW5mbyQubmV4dCh2YWx1ZSk7XG4gIH1cblxuICBwdWJsaWMgY2xlYXJUaXRsZUFkZGl0aW9uYWxJbmZvKCk6IHZvaWQge1xuICAgIHRoaXMuX3RpdGxlQWRkaXRpb25hbEluZm8kLm5leHQobnVsbCk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export * from './auth.service';
|
|
2
2
|
export * from './base-dropdown';
|
|
3
|
+
export * from './breadcrumb.service';
|
|
3
4
|
export * from './crud-base.service';
|
|
4
5
|
export * from './enum.service';
|
|
5
6
|
export * from './error-message.service';
|
|
@@ -10,4 +11,4 @@ export * from './modal.service';
|
|
|
10
11
|
export * from './notifications.service';
|
|
11
12
|
export * from './profile.service';
|
|
12
13
|
export * from './storage.service';
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmVjdG9yLWNvbXBvbmVudHMvc3JjL2xpYi9zZXJ2aWNlcy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLG1CQUFtQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9hdXRoLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9iYXNlLWRyb3Bkb3duJztcbmV4cG9ydCAqIGZyb20gJy4vYnJlYWRjcnVtYi5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vY3J1ZC1iYXNlLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9lbnVtLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9lcnJvci1tZXNzYWdlLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9nZW9sb2NhdGlvbi5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vbG9hZGluZy5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vbWVudS5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kYWwuc2VydmljZSc7XG5leHBvcnQgKiBmcm9tICcuL25vdGlmaWNhdGlvbnMuc2VydmljZSc7XG5leHBvcnQgKiBmcm9tICcuL3Byb2ZpbGUuc2VydmljZSc7XG5leHBvcnQgKiBmcm9tICcuL3N0b3JhZ2Uuc2VydmljZSc7XG4iXX0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Input, Component, Pipe, NgModule, InjectionToken, Inject, EventEmitter, Output,
|
|
2
|
+
import { Input, Component, Pipe, NgModule, InjectionToken, Injectable, Inject, EventEmitter, Output, ViewChild, signal, ViewEncapsulation, HostListener, inject } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
5
|
import * as i3 from 'primeng/tooltip';
|
|
@@ -9,7 +9,7 @@ import { TranslateModule } from '@ngx-translate/core';
|
|
|
9
9
|
import { saveAs } from 'file-saver';
|
|
10
10
|
import * as i1$1 from '@angular/router';
|
|
11
11
|
import { NavigationEnd, Router } from '@angular/router';
|
|
12
|
-
import {
|
|
12
|
+
import { BehaviorSubject, Subscription, Subject, of, firstValueFrom, throwError } from 'rxjs';
|
|
13
13
|
import * as i1$5 from '@angular/forms';
|
|
14
14
|
import { UntypedFormGroup, UntypedFormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
15
15
|
import * as i2 from 'primeng/button';
|
|
@@ -1647,18 +1647,43 @@ const APP_NAME = new InjectionToken('APP_NAME');
|
|
|
1647
1647
|
const ENVIRONMENT = new InjectionToken('ENVIRONMENT');
|
|
1648
1648
|
const MENU_OPTIONS = new InjectionToken('MENU_OPTIONS');
|
|
1649
1649
|
|
|
1650
|
+
class BreadcrumbService {
|
|
1651
|
+
constructor() {
|
|
1652
|
+
this._titleAdditionalInfo$ = new BehaviorSubject(null);
|
|
1653
|
+
this.titleAdditionalInfo$ = this._titleAdditionalInfo$.asObservable();
|
|
1654
|
+
}
|
|
1655
|
+
setTitleAdditionalInfo(value) {
|
|
1656
|
+
this._titleAdditionalInfo$.next(value);
|
|
1657
|
+
}
|
|
1658
|
+
clearTitleAdditionalInfo() {
|
|
1659
|
+
this._titleAdditionalInfo$.next(null);
|
|
1660
|
+
}
|
|
1661
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1662
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbService, providedIn: 'root' }); }
|
|
1663
|
+
}
|
|
1664
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbService, decorators: [{
|
|
1665
|
+
type: Injectable,
|
|
1666
|
+
args: [{ providedIn: 'root' }]
|
|
1667
|
+
}] });
|
|
1668
|
+
|
|
1650
1669
|
class BreadcrumbComponent {
|
|
1651
|
-
constructor(router, environment, menuOptions) {
|
|
1670
|
+
constructor(router, environment, menuOptions, breadcrumbService) {
|
|
1652
1671
|
this.router = router;
|
|
1653
1672
|
this.environment = environment;
|
|
1654
1673
|
this.menuOptions = menuOptions;
|
|
1674
|
+
this.breadcrumbService = breadcrumbService;
|
|
1655
1675
|
this.appName = this.environment.appName;
|
|
1656
1676
|
this.routeFragments = [];
|
|
1677
|
+
this.titleAdditionalInfo = null;
|
|
1657
1678
|
this.subscription = new Subscription();
|
|
1658
1679
|
}
|
|
1659
1680
|
ngOnInit() {
|
|
1681
|
+
this.subscription.add(this.breadcrumbService.titleAdditionalInfo$.subscribe((value) => {
|
|
1682
|
+
this.titleAdditionalInfo = value;
|
|
1683
|
+
}));
|
|
1660
1684
|
this.subscription.add(this.router.events.subscribe((event) => {
|
|
1661
1685
|
if (event instanceof NavigationEnd) {
|
|
1686
|
+
this.breadcrumbService.clearTitleAdditionalInfo();
|
|
1662
1687
|
this.routeFragments = [];
|
|
1663
1688
|
let url = event.urlAfterRedirects.replace('/', '');
|
|
1664
1689
|
if (url.includes('?')) {
|
|
@@ -1692,19 +1717,19 @@ class BreadcrumbComponent {
|
|
|
1692
1717
|
}
|
|
1693
1718
|
return foundItem;
|
|
1694
1719
|
}
|
|
1695
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i1$1.Router }, { token: ENVIRONMENT }, { token: MENU_OPTIONS }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1696
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BreadcrumbComponent, selector: "vector-breadcrumb", ngImport: i0, template: "<div class=\"breadcrumb-container\" *ngIf=\"routeFragments?.length\">\n <div class=\"route-path\">\n <span class=\"app-name\">{{ appName }}</span>\n <div *ngIf=\"routeFragments.length < 2\" class=\"chevron\"></div>\n <span\n class=\"route-fragment\"\n [ngClass]=\"{ clickable: fragment.route }\"\n *ngFor=\"let fragment of routeFragments | removeLastChild\"\n (click)=\"navigateToFragment(fragment)\"\n ><div class=\"chevron\"></div>\n {{ fragment.label }}</span\n >\n </div>\n <span class=\"last-route\">\n {{ routeFragments[routeFragments.length - 1].label }}\n </span>\n</div>\n", styles: [".breadcrumb-container{display:flex;flex-direction:column;margin-bottom:15px}.breadcrumb-container .route-path{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;color:var(--gray-dark)}.breadcrumb-container .app-name,.breadcrumb-container .last-route,.breadcrumb-container .route-path .route-fragment{font-weight:700;letter-spacing:.75px;display:flex;flex-direction:row;align-items:center;margin:2.5px}.breadcrumb-container .clickable{cursor:pointer}.breadcrumb-container .chevron{margin:0 5px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"7.4\" viewBox=\"0 0 12 7.4\">%0A <path id=\"Caminho_1437\" data-name=\"Caminho 1437\" d=\"M1526.175,366.14l4.6,4.6,4.6-4.6,1.4,1.4-6,6-6-6Z\" transform=\"translate(-1524.775 -366.14)\" fill=\"%23333\"/>%0A</svg>%0A');background-repeat:no-repeat;background-position:center;transform:rotate(-90deg);width:20px;height:20px;filter:invert(53%) sepia(13%) saturate(450%) hue-rotate(156deg) brightness(89%) contrast(85%)}.breadcrumb-container .last-route{font-size:1.5em;color:var(--success-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: RemoveLastChildPipe, name: "removeLastChild" }] }); }
|
|
1720
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i1$1.Router }, { token: ENVIRONMENT }, { token: MENU_OPTIONS }, { token: BreadcrumbService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1721
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BreadcrumbComponent, selector: "vector-breadcrumb", ngImport: i0, template: "<div class=\"breadcrumb-container\" *ngIf=\"routeFragments?.length\">\n <div class=\"route-path\">\n <span class=\"app-name\">{{ appName }}</span>\n <div *ngIf=\"routeFragments.length < 2\" class=\"chevron\"></div>\n <span\n class=\"route-fragment\"\n [ngClass]=\"{ clickable: fragment.route }\"\n *ngFor=\"let fragment of routeFragments | removeLastChild\"\n (click)=\"navigateToFragment(fragment)\"\n ><div class=\"chevron\"></div>\n {{ fragment.label }}</span\n >\n </div>\n <span class=\"last-route\">\n {{ routeFragments[routeFragments.length - 1].label }}\n {{ titleAdditionalInfo }}\n </span>\n</div>\n", styles: [".breadcrumb-container{display:flex;flex-direction:column;margin-bottom:15px}.breadcrumb-container .route-path{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;color:var(--gray-dark)}.breadcrumb-container .app-name,.breadcrumb-container .last-route,.breadcrumb-container .route-path .route-fragment{font-weight:700;letter-spacing:.75px;display:flex;flex-direction:row;align-items:center;margin:2.5px}.breadcrumb-container .clickable{cursor:pointer}.breadcrumb-container .chevron{margin:0 5px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"7.4\" viewBox=\"0 0 12 7.4\">%0A <path id=\"Caminho_1437\" data-name=\"Caminho 1437\" d=\"M1526.175,366.14l4.6,4.6,4.6-4.6,1.4,1.4-6,6-6-6Z\" transform=\"translate(-1524.775 -366.14)\" fill=\"%23333\"/>%0A</svg>%0A');background-repeat:no-repeat;background-position:center;transform:rotate(-90deg);width:20px;height:20px;filter:invert(53%) sepia(13%) saturate(450%) hue-rotate(156deg) brightness(89%) contrast(85%)}.breadcrumb-container .last-route{font-size:1.5em;color:var(--success-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: RemoveLastChildPipe, name: "removeLastChild" }] }); }
|
|
1697
1722
|
}
|
|
1698
1723
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
1699
1724
|
type: Component,
|
|
1700
|
-
args: [{ selector: 'vector-breadcrumb', template: "<div class=\"breadcrumb-container\" *ngIf=\"routeFragments?.length\">\n <div class=\"route-path\">\n <span class=\"app-name\">{{ appName }}</span>\n <div *ngIf=\"routeFragments.length < 2\" class=\"chevron\"></div>\n <span\n class=\"route-fragment\"\n [ngClass]=\"{ clickable: fragment.route }\"\n *ngFor=\"let fragment of routeFragments | removeLastChild\"\n (click)=\"navigateToFragment(fragment)\"\n ><div class=\"chevron\"></div>\n {{ fragment.label }}</span\n >\n </div>\n <span class=\"last-route\">\n {{ routeFragments[routeFragments.length - 1].label }}\n </span>\n</div>\n", styles: [".breadcrumb-container{display:flex;flex-direction:column;margin-bottom:15px}.breadcrumb-container .route-path{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;color:var(--gray-dark)}.breadcrumb-container .app-name,.breadcrumb-container .last-route,.breadcrumb-container .route-path .route-fragment{font-weight:700;letter-spacing:.75px;display:flex;flex-direction:row;align-items:center;margin:2.5px}.breadcrumb-container .clickable{cursor:pointer}.breadcrumb-container .chevron{margin:0 5px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"7.4\" viewBox=\"0 0 12 7.4\">%0A <path id=\"Caminho_1437\" data-name=\"Caminho 1437\" d=\"M1526.175,366.14l4.6,4.6,4.6-4.6,1.4,1.4-6,6-6-6Z\" transform=\"translate(-1524.775 -366.14)\" fill=\"%23333\"/>%0A</svg>%0A');background-repeat:no-repeat;background-position:center;transform:rotate(-90deg);width:20px;height:20px;filter:invert(53%) sepia(13%) saturate(450%) hue-rotate(156deg) brightness(89%) contrast(85%)}.breadcrumb-container .last-route{font-size:1.5em;color:var(--success-color)}\n"] }]
|
|
1725
|
+
args: [{ selector: 'vector-breadcrumb', template: "<div class=\"breadcrumb-container\" *ngIf=\"routeFragments?.length\">\n <div class=\"route-path\">\n <span class=\"app-name\">{{ appName }}</span>\n <div *ngIf=\"routeFragments.length < 2\" class=\"chevron\"></div>\n <span\n class=\"route-fragment\"\n [ngClass]=\"{ clickable: fragment.route }\"\n *ngFor=\"let fragment of routeFragments | removeLastChild\"\n (click)=\"navigateToFragment(fragment)\"\n ><div class=\"chevron\"></div>\n {{ fragment.label }}</span\n >\n </div>\n <span class=\"last-route\">\n {{ routeFragments[routeFragments.length - 1].label }}\n {{ titleAdditionalInfo }}\n </span>\n</div>\n", styles: [".breadcrumb-container{display:flex;flex-direction:column;margin-bottom:15px}.breadcrumb-container .route-path{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;color:var(--gray-dark)}.breadcrumb-container .app-name,.breadcrumb-container .last-route,.breadcrumb-container .route-path .route-fragment{font-weight:700;letter-spacing:.75px;display:flex;flex-direction:row;align-items:center;margin:2.5px}.breadcrumb-container .clickable{cursor:pointer}.breadcrumb-container .chevron{margin:0 5px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"7.4\" viewBox=\"0 0 12 7.4\">%0A <path id=\"Caminho_1437\" data-name=\"Caminho 1437\" d=\"M1526.175,366.14l4.6,4.6,4.6-4.6,1.4,1.4-6,6-6-6Z\" transform=\"translate(-1524.775 -366.14)\" fill=\"%23333\"/>%0A</svg>%0A');background-repeat:no-repeat;background-position:center;transform:rotate(-90deg);width:20px;height:20px;filter:invert(53%) sepia(13%) saturate(450%) hue-rotate(156deg) brightness(89%) contrast(85%)}.breadcrumb-container .last-route{font-size:1.5em;color:var(--success-color)}\n"] }]
|
|
1701
1726
|
}], ctorParameters: () => [{ type: i1$1.Router }, { type: undefined, decorators: [{
|
|
1702
1727
|
type: Inject,
|
|
1703
1728
|
args: [ENVIRONMENT]
|
|
1704
1729
|
}] }, { type: undefined, decorators: [{
|
|
1705
1730
|
type: Inject,
|
|
1706
1731
|
args: [MENU_OPTIONS]
|
|
1707
|
-
}] }] });
|
|
1732
|
+
}] }, { type: BreadcrumbService }] });
|
|
1708
1733
|
|
|
1709
1734
|
class BreadcrumbModule {
|
|
1710
1735
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
@@ -6012,5 +6037,5 @@ const getSelectedCrudItemResolver = (routeSnapshot) => {
|
|
|
6012
6037
|
* Generated bundle index. Do not edit.
|
|
6013
6038
|
*/
|
|
6014
6039
|
|
|
6015
|
-
export { APP_NAME, AppName, AuthService, BadgeComponent, BadgeModule, BooleanType, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, CalendarComponent, CheckboxFieldComponent, CpfCnpjValidator, CrudBaseComponent, CrudBaseService, CrudFooterComponent, CrudHeaderComponent, CrudHeaderModule, CrudHistory, CrudHistoryComponent, CrudHistoryModule, CrudMode, CurrencyBrlPipe, CurrencyFieldComponent, DataTableComponent, DocumentType, DropdownFieldComponent, ENVIRONMENT, EnumService, ErrorMessageService, FieldErrorMessageComponent, FieldType, FieldsModule, FileUtil, FiltersComponent, FooterModule, FormatDocumentPipe, GenericErrorModalComponent, GenericErrorModalModule, GenericModalComponent, GenericModalModule, GeolocationService, HttpInterceptorProvider, InputNumberFieldComponent, InputOtpComponent, InputSwitchFieldComponent, LoadingService, MENU_OPTIONS, MaskPipe, MaskUtil, MenuComponent, MenuModule, MenuService, MessageStatus, ModalService, MultiselectFieldComponent, NotHiddenPipe, NotificationsService, ObjectUtil, OnlyActivePipe, PanelComponent, PanelModule, PercentageFieldComponent, PipesModule, ProfileModuleActionType, ProfileModuleType, ProfileService, ProfileTypeEnum, RadioButtonFieldComponent, RangeValueComponent, RemoveLastChildPipe, Role, ScoreComponent, ScoreModule, SearchFieldComponent, SelectButtonFieldComponent, SelectionType, Status, StepperComponent, StepperModule, StorageService, StringUtil, SubMenusListComponent, TableColumnType, TextFieldComponent, TextareaFieldComponent, TopBarComponent, TopBarModule, UnreadNotificationsPipe, ValidationUtil, View, WindowUtil, crudListHasItemsGuard, getSelectedCrudItemResolver, getTokenByGuidGuard, hasPermissionGuard, roleGuard, tokenIsPresentGuard };
|
|
6040
|
+
export { APP_NAME, AppName, AuthService, BadgeComponent, BadgeModule, BooleanType, BreadcrumbComponent, BreadcrumbModule, BreadcrumbService, ButtonComponent, CalendarComponent, CheckboxFieldComponent, CpfCnpjValidator, CrudBaseComponent, CrudBaseService, CrudFooterComponent, CrudHeaderComponent, CrudHeaderModule, CrudHistory, CrudHistoryComponent, CrudHistoryModule, CrudMode, CurrencyBrlPipe, CurrencyFieldComponent, DataTableComponent, DocumentType, DropdownFieldComponent, ENVIRONMENT, EnumService, ErrorMessageService, FieldErrorMessageComponent, FieldType, FieldsModule, FileUtil, FiltersComponent, FooterModule, FormatDocumentPipe, GenericErrorModalComponent, GenericErrorModalModule, GenericModalComponent, GenericModalModule, GeolocationService, HttpInterceptorProvider, InputNumberFieldComponent, InputOtpComponent, InputSwitchFieldComponent, LoadingService, MENU_OPTIONS, MaskPipe, MaskUtil, MenuComponent, MenuModule, MenuService, MessageStatus, ModalService, MultiselectFieldComponent, NotHiddenPipe, NotificationsService, ObjectUtil, OnlyActivePipe, PanelComponent, PanelModule, PercentageFieldComponent, PipesModule, ProfileModuleActionType, ProfileModuleType, ProfileService, ProfileTypeEnum, RadioButtonFieldComponent, RangeValueComponent, RemoveLastChildPipe, Role, ScoreComponent, ScoreModule, SearchFieldComponent, SelectButtonFieldComponent, SelectionType, Status, StepperComponent, StepperModule, StorageService, StringUtil, SubMenusListComponent, TableColumnType, TextFieldComponent, TextareaFieldComponent, TopBarComponent, TopBarModule, UnreadNotificationsPipe, ValidationUtil, View, WindowUtil, crudListHasItemsGuard, getSelectedCrudItemResolver, getTokenByGuidGuard, hasPermissionGuard, roleGuard, tokenIsPresentGuard };
|
|
6016
6041
|
//# sourceMappingURL=ngx-vector-components.mjs.map
|