shared-ui-test-1 1.0.1

package/esm2022/modules/ui-kit/components/banner/banner.component.mjs

@@ -0,0 +1,53 @@
+import { Component } from '@angular/core';
+import { NavigationStart } from '@angular/router';
+import * as i0 from "@angular/core";
+import * as i1 from "idp-apps-shared-ui/modules/ui-kit/components/banner/banner.service";
+import * as i2 from "@angular/router";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "@angular/flex-layout/flex";
+import * as i6 from "@angular/flex-layout/extended";
+export class BannerComponent {
+    constructor(bannerService, router) {
+        this.bannerService = bannerService;
+        this.router = router;
+    }
+    ngOnInit() {
+        this.router.events
+            .subscribe((event) => {
+            if (event instanceof NavigationStart) {
+                this.bannerStack = [];
+                this.bannerService.bannerStack = [];
+            }
+        });
+        this.bannerService.latestBannerStack$
+            .subscribe(banners => {
+            this.bannerStack = banners;
+            banners.forEach(ban => {
+                if (ban.config && ban.config.closeAfterInMs) {
+                    setTimeout(() => {
+                        this.close(ban);
+                    }, ban.config.closeAfterInMs);
+                }
+                else if (ban.type !== 'error') {
+                    setTimeout(() => {
+                        this.close(ban);
+                    }, 5000);
+                }
+            });
+        });
+    }
+    close(banner) {
+        this.bannerService.closeById(banner.id);
+        if (banner.config && banner.config.afterCloseFunc) {
+            banner.config.afterCloseFunc(banner);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BannerComponent, deps: [{ token: i1.BannerService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: BannerComponent, selector: "app-banner", ngImport: i0, template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" \n    class=\"background alert animate__animated animate__fadeInDown\" \n    *ngFor=\"let banner of bannerStack\" \n    [ngStyle]=\"{'background': banner.bgColor}\">\n    <div align=\"center\" class=\"justify-content-center px-3\" fxFlex [ngStyle]=\"{'color': banner.type === 'info' ? '#404040' : '#FFF'}\">\n        <span><i class=\"fas {{banner.icon}} mr-2\"></i></span>{{banner.message}}\n    </div>\n    <mat-icon (click)=\"close(banner)\" class=\"mr-20 cursor-pointer close-icon\" [ngStyle]=\"{'color': banner.type === 'info' ? '#595959' : '#FFF'}\">close</mat-icon>\n</div>\n", styles: [".background{font-size:16px;box-sizing:border-box;min-height:48px;border:1px solid #D9D9D9;margin-bottom:20px;box-shadow:0 4px 24px #00000029}.alert{position:relative}.close-icon{position:absolute;top:10px;right:10px}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i5.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i6.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BannerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-banner', template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" \n    class=\"background alert animate__animated animate__fadeInDown\" \n    *ngFor=\"let banner of bannerStack\" \n    [ngStyle]=\"{'background': banner.bgColor}\">\n    <div align=\"center\" class=\"justify-content-center px-3\" fxFlex [ngStyle]=\"{'color': banner.type === 'info' ? '#404040' : '#FFF'}\">\n        <span><i class=\"fas {{banner.icon}} mr-2\"></i></span>{{banner.message}}\n    </div>\n    <mat-icon (click)=\"close(banner)\" class=\"mr-20 cursor-pointer close-icon\" [ngStyle]=\"{'color': banner.type === 'info' ? '#595959' : '#FFF'}\">close</mat-icon>\n</div>\n", styles: [".background{font-size:16px;box-sizing:border-box;min-height:48px;border:1px solid #D9D9D9;margin-bottom:20px;box-shadow:0 4px 24px #00000029}.alert{position:relative}.close-icon{position:absolute;top:10px;right:10px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.BannerService }, { type: i2.Router }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYi9zcmMvbW9kdWxlcy91aS1raXQvY29tcG9uZW50cy9iYW5uZXIvYmFubmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYi9zcmMvbW9kdWxlcy91aS1raXQvY29tcG9uZW50cy9iYW5uZXIvYmFubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFFLGVBQWUsRUFBVSxNQUFNLGlCQUFpQixDQUFDOzs7Ozs7OztBQVExRCxNQUFNLE9BQU8sZUFBZTtJQUcxQixZQUNVLGFBQTRCLEVBQzVCLE1BQWM7UUFEZCxrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQUM1QixXQUFNLEdBQU4sTUFBTSxDQUFRO0lBQ3BCLENBQUM7SUFFRSxRQUFRO1FBQ2IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNO2FBQ2YsU0FBUyxDQUNSLENBQUMsS0FBSyxFQUFFLEVBQUU7WUFDUixJQUFJLEtBQUssWUFBWSxlQUFlLEVBQUUsQ0FBQztnQkFDckMsSUFBSSxDQUFDLFdBQVcsR0FBRyxFQUFFLENBQUM7Z0JBQ3RCLElBQUksQ0FBQyxhQUFhLENBQUMsV0FBVyxHQUFHLEVBQUUsQ0FBQztZQUN0QyxDQUFDO1FBQ0gsQ0FBQyxDQUFDLENBQUM7UUFDUCxJQUFJLENBQUMsYUFBYSxDQUFDLGtCQUFrQjthQUNsQyxTQUFTLENBQUMsT0FBTyxDQUFDLEVBQUU7WUFDbkIsSUFBSSxDQUFDLFdBQVcsR0FBRyxPQUFPLENBQUM7WUFDM0IsT0FBTyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsRUFBRTtnQkFDcEIsSUFBSSxHQUFHLENBQUMsTUFBTSxJQUFJLEdBQUcsQ0FBQyxNQUFNLENBQUMsY0FBYyxFQUFFLENBQUM7b0JBQzVDLFVBQVUsQ0FBQyxHQUFHLEVBQUU7d0JBQ2QsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztvQkFDbEIsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7Z0JBQ2hDLENBQUM7cUJBQU0sSUFBSSxHQUFHLENBQUMsSUFBSSxLQUFLLE9BQU8sRUFBRSxDQUFDO29CQUNoQyxVQUFVLENBQUMsR0FBRyxFQUFFO3dCQUNkLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7b0JBQ2xCLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQztnQkFDWCxDQUFDO1lBRUgsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTSxLQUFLLENBQUMsTUFBZTtRQUMxQixJQUFJLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDeEMsSUFBSSxNQUFNLENBQUMsTUFBTSxJQUFJLE1BQU0sQ0FBQyxNQUFNLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDbEQsTUFBTSxDQUFDLE1BQU0sQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDdkMsQ0FBQztJQUNILENBQUM7K0dBeENVLGVBQWU7bUdBQWYsZUFBZSxrRENUNUIsNG5CQVNBOzs0RkRBYSxlQUFlO2tCQUwzQixTQUFTOytCQUNFLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmF2aWdhdGlvblN0YXJ0LCBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgQmFubmVyU2VydmljZSwgSUJhbm5lciB9IGZyb20gJ2lkcC1hcHBzLXNoYXJlZC11aS9tb2R1bGVzL3VpLWtpdC9jb21wb25lbnRzL2Jhbm5lci9iYW5uZXIuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1iYW5uZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vYmFubmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYmFubmVyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEJhbm5lckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHB1YmxpYyBiYW5uZXJTdGFjazogSUJhbm5lcltdO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgYmFubmVyU2VydmljZTogQmFubmVyU2VydmljZSxcbiAgICBwcml2YXRlIHJvdXRlcjogUm91dGVyLFxuICApIHsgfVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnJvdXRlci5ldmVudHNcbiAgICAgIC5zdWJzY3JpYmUoXG4gICAgICAgIChldmVudCkgPT4ge1xuICAgICAgICAgIGlmIChldmVudCBpbnN0YW5jZW9mIE5hdmlnYXRpb25TdGFydCkge1xuICAgICAgICAgICAgdGhpcy5iYW5uZXJTdGFjayA9IFtdO1xuICAgICAgICAgICAgdGhpcy5iYW5uZXJTZXJ2aWNlLmJhbm5lclN0YWNrID0gW107XG4gICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB0aGlzLmJhbm5lclNlcnZpY2UubGF0ZXN0QmFubmVyU3RhY2skXG4gICAgICAuc3Vic2NyaWJlKGJhbm5lcnMgPT4ge1xuICAgICAgICB0aGlzLmJhbm5lclN0YWNrID0gYmFubmVycztcbiAgICAgICAgYmFubmVycy5mb3JFYWNoKGJhbiA9PiB7XG4gICAgICAgICAgaWYgKGJhbi5jb25maWcgJiYgYmFuLmNvbmZpZy5jbG9zZUFmdGVySW5Ncykge1xuICAgICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICAgIHRoaXMuY2xvc2UoYmFuKTtcbiAgICAgICAgICAgIH0sIGJhbi5jb25maWcuY2xvc2VBZnRlckluTXMpO1xuICAgICAgICAgIH0gZWxzZSBpZiAoYmFuLnR5cGUgIT09ICdlcnJvcicpIHtcbiAgICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgICB0aGlzLmNsb3NlKGJhbik7XG4gICAgICAgICAgICB9LCA1MDAwKTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgfSk7XG4gICAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBjbG9zZShiYW5uZXI6IElCYW5uZXIpOiB2b2lkIHtcbiAgICB0aGlzLmJhbm5lclNlcnZpY2UuY2xvc2VCeUlkKGJhbm5lci5pZCk7XG4gICAgaWYgKGJhbm5lci5jb25maWcgJiYgYmFubmVyLmNvbmZpZy5hZnRlckNsb3NlRnVuYykge1xuICAgICAgYmFubmVyLmNvbmZpZy5hZnRlckNsb3NlRnVuYyhiYW5uZXIpO1xuICAgIH1cbiAgfVxuXG59XG4iLCI8ZGl2IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiIFxuICAgIGNsYXNzPVwiYmFja2dyb3VuZCBhbGVydCBhbmltYXRlX19hbmltYXRlZCBhbmltYXRlX19mYWRlSW5Eb3duXCIgXG4gICAgKm5nRm9yPVwibGV0IGJhbm5lciBvZiBiYW5uZXJTdGFja1wiIFxuICAgIFtuZ1N0eWxlXT1cInsnYmFja2dyb3VuZCc6IGJhbm5lci5iZ0NvbG9yfVwiPlxuICAgIDxkaXYgYWxpZ249XCJjZW50ZXJcIiBjbGFzcz1cImp1c3RpZnktY29udGVudC1jZW50ZXIgcHgtM1wiIGZ4RmxleCBbbmdTdHlsZV09XCJ7J2NvbG9yJzogYmFubmVyLnR5cGUgPT09ICdpbmZvJyA/ICcjNDA0MDQwJyA6ICcjRkZGJ31cIj5cbiAgICAgICAgPHNwYW4+PGkgY2xhc3M9XCJmYXMge3tiYW5uZXIuaWNvbn19IG1yLTJcIj48L2k+PC9zcGFuPnt7YmFubmVyLm1lc3NhZ2V9fVxuICAgIDwvZGl2PlxuICAgIDxtYXQtaWNvbiAoY2xpY2spPVwiY2xvc2UoYmFubmVyKVwiIGNsYXNzPVwibXItMjAgY3Vyc29yLXBvaW50ZXIgY2xvc2UtaWNvblwiIFtuZ1N0eWxlXT1cInsnY29sb3InOiBiYW5uZXIudHlwZSA9PT0gJ2luZm8nID8gJyM1OTU5NTknIDogJyNGRkYnfVwiPmNsb3NlPC9tYXQtaWNvbj5cbjwvZGl2PlxuIl19

package/esm2022/modules/ui-kit/components/banner/banner.service.mjs

@@ -0,0 +1,64 @@
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export class BannerService {
+    constructor() {
+        this.latestBannerStack$ = new Subject();
+        this.bannerStack = [];
+    }
+    info(message, config) {
+        if (config && config.returnBanner) {
+            return this.addOnBannerStack(message, 'info', 'fa-exclamation-circle', '#ffffff', config);
+        }
+        return this.addOnBannerStack(message, 'info', 'fa-exclamation-circle', '#ffffff', config);
+    }
+    success(message, config) {
+        if (config && config.returnBanner) {
+            return this.addOnBannerStack(message, 'success', 'fa-check-circle', '#00c221', config);
+        }
+        this.addOnBannerStack(message, 'success', 'fa-check-circle', '#00c221', config);
+    }
+    warning(message, config) {
+        if (config && config.returnBanner) {
+            return this.addOnBannerStack(message, 'warning', 'fa-exclamation-triangle', '#ff9300', config);
+        }
+        this.addOnBannerStack(message, 'warning', 'fa-exclamation-triangle', '#ff9300', config);
+    }
+    error(message, config) {
+        if (config && config.returnBanner) {
+            return this.addOnBannerStack(message, 'error', 'fa-minus-circle', '#e20000', config);
+        }
+        this.addOnBannerStack(message, 'error', 'fa-minus-circle', '#e20000', config);
+    }
+    closeById(id) {
+        const idx = this.bannerStack.findIndex(ban => ban.id === id);
+        if (idx > -1) {
+            this.bannerStack.splice(idx, 1);
+        }
+    }
+    addOnBannerStack(message, type, icon, bgColor, config) {
+        const banner = {
+            id: this.bannerStack.length + 1,
+            message: message,
+            type: type,
+            icon: icon,
+            bgColor: bgColor,
+            config: config,
+        };
+        this.bannerStack.unshift(banner);
+        this.latestBannerStack$.next(this.bannerStack);
+        if (config && config.returnBanner) {
+            return banner;
+        }
+        return [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BannerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BannerService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BannerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWIvc3JjL21vZHVsZXMvdWkta2l0L2NvbXBvbmVudHMvYmFubmVyL2Jhbm5lci5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFtQi9CLE1BQU0sT0FBTyxhQUFhO0lBSDFCO1FBSVMsdUJBQWtCLEdBQUcsSUFBSSxPQUFPLEVBQWEsQ0FBQztRQUM5QyxnQkFBVyxHQUFjLEVBQUUsQ0FBQztLQXlEcEM7SUF2RFEsSUFBSSxDQUFDLE9BQWUsRUFBRSxNQUFzQjtRQUNqRCxJQUFJLE1BQU0sSUFBSSxNQUFNLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDbEMsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxFQUFFLE1BQU0sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxDQUFDLENBQUM7UUFDNUYsQ0FBQztRQUVELE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxNQUFNLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sQ0FBQyxDQUFDO0lBQzVGLENBQUM7SUFFTSxPQUFPLENBQUMsT0FBZSxFQUFFLE1BQXNCO1FBQ3BELElBQUksTUFBTSxJQUFJLE1BQU0sQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUNsQyxPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUMsQ0FBQztRQUN6RixDQUFDO1FBRUQsSUFBSSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLE1BQU0sQ0FBQyxDQUFDO0lBQ2xGLENBQUM7SUFFTSxPQUFPLENBQUMsT0FBZSxFQUFFLE1BQXNCO1FBQ3BELElBQUksTUFBTSxJQUFJLE1BQU0sQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUNsQyxPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLEVBQUUsU0FBUyxFQUFFLHlCQUF5QixFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUMsQ0FBQztRQUNqRyxDQUFDO1FBRUQsSUFBSSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxTQUFTLEVBQUUseUJBQXlCLEVBQUUsU0FBUyxFQUFFLE1BQU0sQ0FBQyxDQUFDO0lBQzFGLENBQUM7SUFFTSxLQUFLLENBQUMsT0FBZSxFQUFFLE1BQXNCO1FBQ2xELElBQUksTUFBTSxJQUFJLE1BQU0sQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUNsQyxPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUMsQ0FBQztRQUN2RixDQUFDO1FBRUQsSUFBSSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLE1BQU0sQ0FBQyxDQUFDO0lBQ2hGLENBQUM7SUFFTSxTQUFTLENBQUMsRUFBVTtRQUN6QixNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7UUFDN0QsSUFBSSxHQUFHLEdBQUcsQ0FBQyxDQUFDLEVBQUUsQ0FBQztZQUNiLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQztRQUNsQyxDQUFDO0lBQ0gsQ0FBQztJQUVPLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxNQUFxQjtRQUMxRSxNQUFNLE1BQU0sR0FBRztZQUNiLEVBQUUsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sR0FBRyxDQUFDO1lBQy9CLE9BQU8sRUFBRSxPQUFPO1lBQ2hCLElBQUksRUFBRSxJQUFJO1lBQ1YsSUFBSSxFQUFFLElBQUk7WUFDVixPQUFPLEVBQUUsT0FBTztZQUNoQixNQUFNLEVBQUUsTUFBTTtTQUNmLENBQUM7UUFDRixJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNqQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUMvQyxJQUFJLE1BQU0sSUFBSSxNQUFNLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDbEMsT0FBYSxNQUFNLENBQUM7UUFDdEIsQ0FBQztRQUNELE9BQU8sRUFBRSxDQUFDO0lBQ1osQ0FBQzsrR0ExRFUsYUFBYTttSEFBYixhQUFhLGNBRlosTUFBTTs7NEZBRVAsYUFBYTtrQkFIekIsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSUJhbm5lckNvbmZpZyB7XG4gIGFmdGVyQ2xvc2VGdW5jPzogKGJhbm5lcjogSUJhbm5lcikgPT4gdm9pZDtcbiAgY2xvc2VBZnRlckluTXM/OiBudW1iZXI7XG4gIHJldHVybkJhbm5lcj86IGJvb2xlYW47XG59XG5leHBvcnQgaW50ZXJmYWNlIElCYW5uZXIge1xuICBpZDogbnVtYmVyO1xuICBtZXNzYWdlOiBzdHJpbmc7XG4gIHR5cGU6IHN0cmluZztcbiAgYmdDb2xvcjogc3RyaW5nO1xuICBpY29uOiBzdHJpbmc7XG4gIGNvbmZpZz86IElCYW5uZXJDb25maWc7XG59XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxufSlcbmV4cG9ydCBjbGFzcyBCYW5uZXJTZXJ2aWNlIHtcbiAgcHVibGljIGxhdGVzdEJhbm5lclN0YWNrJCA9IG5ldyBTdWJqZWN0PElCYW5uZXJbXT4oKTtcbiAgcHVibGljIGJhbm5lclN0YWNrOiBJQmFubmVyW10gPSBbXTtcbiAgXG4gIHB1YmxpYyBpbmZvKG1lc3NhZ2U6IHN0cmluZywgY29uZmlnPzogSUJhbm5lckNvbmZpZyk6IElCYW5uZXJbXSB7XG4gICAgaWYgKGNvbmZpZyAmJiBjb25maWcucmV0dXJuQmFubmVyKSB7XG4gICAgICByZXR1cm4gdGhpcy5hZGRPbkJhbm5lclN0YWNrKG1lc3NhZ2UsICdpbmZvJywgJ2ZhLWV4Y2xhbWF0aW9uLWNpcmNsZScsICcjZmZmZmZmJywgY29uZmlnKTtcbiAgICB9XG5cbiAgICByZXR1cm4gdGhpcy5hZGRPbkJhbm5lclN0YWNrKG1lc3NhZ2UsICdpbmZvJywgJ2ZhLWV4Y2xhbWF0aW9uLWNpcmNsZScsICcjZmZmZmZmJywgY29uZmlnKTtcbiAgfVxuXG4gIHB1YmxpYyBzdWNjZXNzKG1lc3NhZ2U6IHN0cmluZywgY29uZmlnPzogSUJhbm5lckNvbmZpZyk6IHZvaWQgfCBJQmFubmVyW10ge1xuICAgIGlmIChjb25maWcgJiYgY29uZmlnLnJldHVybkJhbm5lcikge1xuICAgICAgcmV0dXJuIHRoaXMuYWRkT25CYW5uZXJTdGFjayhtZXNzYWdlLCAnc3VjY2VzcycsICdmYS1jaGVjay1jaXJjbGUnLCAnIzAwYzIyMScsIGNvbmZpZyk7XG4gICAgfVxuXG4gICAgdGhpcy5hZGRPbkJhbm5lclN0YWNrKG1lc3NhZ2UsICdzdWNjZXNzJywgJ2ZhLWNoZWNrLWNpcmNsZScsICcjMDBjMjIxJywgY29uZmlnKTtcbiAgfVxuXG4gIHB1YmxpYyB3YXJuaW5nKG1lc3NhZ2U6IHN0cmluZywgY29uZmlnPzogSUJhbm5lckNvbmZpZyk6IHZvaWQgfCBJQmFubmVyW10ge1xuICAgIGlmIChjb25maWcgJiYgY29uZmlnLnJldHVybkJhbm5lcikge1xuICAgICAgcmV0dXJuIHRoaXMuYWRkT25CYW5uZXJTdGFjayhtZXNzYWdlLCAnd2FybmluZycsICdmYS1leGNsYW1hdGlvbi10cmlhbmdsZScsICcjZmY5MzAwJywgY29uZmlnKTtcbiAgICB9XG5cbiAgICB0aGlzLmFkZE9uQmFubmVyU3RhY2sobWVzc2FnZSwgJ3dhcm5pbmcnLCAnZmEtZXhjbGFtYXRpb24tdHJpYW5nbGUnLCAnI2ZmOTMwMCcsIGNvbmZpZyk7XG4gIH1cblxuICBwdWJsaWMgZXJyb3IobWVzc2FnZTogc3RyaW5nLCBjb25maWc/OiBJQmFubmVyQ29uZmlnKTogdm9pZCB8IElCYW5uZXJbXSB7XG4gICAgaWYgKGNvbmZpZyAmJiBjb25maWcucmV0dXJuQmFubmVyKSB7XG4gICAgICByZXR1cm4gdGhpcy5hZGRPbkJhbm5lclN0YWNrKG1lc3NhZ2UsICdlcnJvcicsICdmYS1taW51cy1jaXJjbGUnLCAnI2UyMDAwMCcsIGNvbmZpZyk7XG4gICAgfVxuXG4gICAgdGhpcy5hZGRPbkJhbm5lclN0YWNrKG1lc3NhZ2UsICdlcnJvcicsICdmYS1taW51cy1jaXJjbGUnLCAnI2UyMDAwMCcsIGNvbmZpZyk7XG4gIH1cblxuICBwdWJsaWMgY2xvc2VCeUlkKGlkOiBudW1iZXIpIHtcbiAgICBjb25zdCBpZHggPSB0aGlzLmJhbm5lclN0YWNrLmZpbmRJbmRleChiYW4gPT4gYmFuLmlkID09PSBpZCk7XG4gICAgaWYgKGlkeCA+IC0xKSB7XG4gICAgICB0aGlzLmJhbm5lclN0YWNrLnNwbGljZShpZHgsIDEpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgYWRkT25CYW5uZXJTdGFjayhtZXNzYWdlLCB0eXBlLCBpY29uLCBiZ0NvbG9yLCBjb25maWc6IElCYW5uZXJDb25maWcpOiBJQmFubmVyW10ge1xuICAgIGNvbnN0IGJhbm5lciA9IHtcbiAgICAgIGlkOiB0aGlzLmJhbm5lclN0YWNrLmxlbmd0aCArIDEsXG4gICAgICBtZXNzYWdlOiBtZXNzYWdlLFxuICAgICAgdHlwZTogdHlwZSxcbiAgICAgIGljb246IGljb24sXG4gICAgICBiZ0NvbG9yOiBiZ0NvbG9yLFxuICAgICAgY29uZmlnOiBjb25maWcsXG4gICAgfTtcbiAgICB0aGlzLmJhbm5lclN0YWNrLnVuc2hpZnQoYmFubmVyKTtcbiAgICB0aGlzLmxhdGVzdEJhbm5lclN0YWNrJC5uZXh0KHRoaXMuYmFubmVyU3RhY2spO1xuICAgIGlmIChjb25maWcgJiYgY29uZmlnLnJldHVybkJhbm5lcikge1xuICAgICAgcmV0dXJuIDxhbnk+IGJhbm5lcjtcbiAgICB9XG4gICAgcmV0dXJuIFtdO1xuICB9XG59XG4iXX0=

package/esm2022/modules/ui-kit/components/breadcrumbs/breadcrumbs.component.mjs

@@ -0,0 +1,25 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "./service/breadcrumb.service";
+import * as i3 from "@angular/common";
+export class BreadcrumbsComponent {
+    constructor(router, breadCrumbService) {
+        this.router = router;
+        this.breadCrumbService = breadCrumbService;
+    }
+    crumbLinkClicked(index) {
+        this.breadCrumbService.removeBreadCrumbItems(index);
+        this.router.navigateByUrl(this.breadCrumbService.getRedirectionUrl(index), { skipLocationChange: false });
+    }
+    ngOnInit() {
+        this.breadCrumbItems = this.breadCrumbService.getBreadCrumbItems();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadcrumbsComponent, deps: [{ token: i1.Router }, { token: i2.BreadCrumbService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: BreadcrumbsComponent, selector: "app-breadcrumbs", ngImport: i0, template: "<div class=\"breadcrumb-container\">\n  <i class=\"fa-solid fa-house breadcrumb-home\"></i>\n  <span>\n    <i class=\"material-icons\">keyboard_arrow_right</i>\n  </span>\n  <nav aria-label=\"breadcrumb\">\n    <ol class=\"breadcrumb\">\n      <ng-container *ngFor=\"let item of breadCrumbItems; let i = index;\">\n        <span *ngIf=\"i === breadCrumbItems.length - 1\" class=\"active\">\n          {{ item.value }}\n        </span>\n        <ng-container *ngIf=\"i !== breadCrumbItems.length - 1\">\n          <a (click)=\"crumbLinkClicked(i)\">\n            {{ item.value }}\n          </a>\n          <span><i class=\"material-icons\">keyboard_arrow_right</i></span>\n        </ng-container>\n      </ng-container>\n    </ol>\n  </nav>\n</div>", styles: ["span>a{color:#42a5f5}.breadcrumb-container{padding:0;color:#6c6c6c}.breadcrumb-item.active{color:#090909!important;font-weight:600}.breadcrumb-container .breadcrumb{background:transparent;padding:0;margin:15px 0}.breadcrumb-container nav{display:inline-block}.breadcrumb-container i{color:#999;font-size:17px;position:relative;top:4px;padding:0 5px}.breadcrumb-home{top:1px!important}.active{font-weight:700}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-breadcrumbs', template: "<div class=\"breadcrumb-container\">\n  <i class=\"fa-solid fa-house breadcrumb-home\"></i>\n  <span>\n    <i class=\"material-icons\">keyboard_arrow_right</i>\n  </span>\n  <nav aria-label=\"breadcrumb\">\n    <ol class=\"breadcrumb\">\n      <ng-container *ngFor=\"let item of breadCrumbItems; let i = index;\">\n        <span *ngIf=\"i === breadCrumbItems.length - 1\" class=\"active\">\n          {{ item.value }}\n        </span>\n        <ng-container *ngIf=\"i !== breadCrumbItems.length - 1\">\n          <a (click)=\"crumbLinkClicked(i)\">\n            {{ item.value }}\n          </a>\n          <span><i class=\"material-icons\">keyboard_arrow_right</i></span>\n        </ng-container>\n      </ng-container>\n    </ol>\n  </nav>\n</div>", styles: ["span>a{color:#42a5f5}.breadcrumb-container{padding:0;color:#6c6c6c}.breadcrumb-item.active{color:#090909!important;font-weight:600}.breadcrumb-container .breadcrumb{background:transparent;padding:0;margin:15px 0}.breadcrumb-container nav{display:inline-block}.breadcrumb-container i{color:#999;font-size:17px;position:relative;top:4px;padding:0 5px}.breadcrumb-home{top:1px!important}.active{font-weight:700}\n"] }]
+        }], ctorParameters: () => [{ type: i1.Router }, { type: i2.BreadCrumbService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGliL3NyYy9tb2R1bGVzL3VpLWtpdC9jb21wb25lbnRzL2JyZWFkY3J1bWJzL2JyZWFkY3J1bWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYi9zcmMvbW9kdWxlcy91aS1raXQvY29tcG9uZW50cy9icmVhZGNydW1icy9icmVhZGNydW1icy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7OztBQVVsRCxNQUFNLE9BQU8sb0JBQW9CO0lBSS9CLFlBQW9CLE1BQWMsRUFDZCxpQkFBb0M7UUFEcEMsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUNkLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7SUFBSSxDQUFDO0lBRXRELGdCQUFnQixDQUFDLEtBQWE7UUFDbkMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3BELElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsRUFBRSxFQUFFLGtCQUFrQixFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDNUcsQ0FBQztJQUVNLFFBQVE7UUFDYixJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO0lBQ3JFLENBQUM7K0dBZFUsb0JBQW9CO21HQUFwQixvQkFBb0IsdURDVmpDLDh1QkFvQk07OzRGRFZPLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IEJyZWFkQ3J1bWJTZXJ2aWNlIH0gZnJvbSAnLi9zZXJ2aWNlL2JyZWFkY3J1bWIuc2VydmljZSc7XG5pbXBvcnQgeyBCcmVhZENydW1iSXRlbSB9IGZyb20gJy4vbW9kZWwvYnJlYWRDcnVtYkl0ZW0nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtYnJlYWRjcnVtYnMnLFxuICB0ZW1wbGF0ZVVybDogJy4vYnJlYWRjcnVtYnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9icmVhZGNydW1icy5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBCcmVhZGNydW1ic0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgcHVibGljIGJyZWFkQ3J1bWJJdGVtczogQXJyYXk8QnJlYWRDcnVtYkl0ZW0+O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcm91dGVyOiBSb3V0ZXIsXG4gICAgICAgICAgICAgIHByaXZhdGUgYnJlYWRDcnVtYlNlcnZpY2U6IEJyZWFkQ3J1bWJTZXJ2aWNlKSB7IH1cblxuICBwdWJsaWMgY3J1bWJMaW5rQ2xpY2tlZChpbmRleDogbnVtYmVyKTogdm9pZCB7XG4gICAgdGhpcy5icmVhZENydW1iU2VydmljZS5yZW1vdmVCcmVhZENydW1iSXRlbXMoaW5kZXgpO1xuICAgIHRoaXMucm91dGVyLm5hdmlnYXRlQnlVcmwodGhpcy5icmVhZENydW1iU2VydmljZS5nZXRSZWRpcmVjdGlvblVybChpbmRleCksIHsgc2tpcExvY2F0aW9uQ2hhbmdlOiBmYWxzZSB9KTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmJyZWFkQ3J1bWJJdGVtcyA9IHRoaXMuYnJlYWRDcnVtYlNlcnZpY2UuZ2V0QnJlYWRDcnVtYkl0ZW1zKCk7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cImJyZWFkY3J1bWItY29udGFpbmVyXCI+XG4gIDxpIGNsYXNzPVwiZmEtc29saWQgZmEtaG91c2UgYnJlYWRjcnVtYi1ob21lXCI+PC9pPlxuICA8c3Bhbj5cbiAgICA8aSBjbGFzcz1cIm1hdGVyaWFsLWljb25zXCI+a2V5Ym9hcmRfYXJyb3dfcmlnaHQ8L2k+XG4gIDwvc3Bhbj5cbiAgPG5hdiBhcmlhLWxhYmVsPVwiYnJlYWRjcnVtYlwiPlxuICAgIDxvbCBjbGFzcz1cImJyZWFkY3J1bWJcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgYnJlYWRDcnVtYkl0ZW1zOyBsZXQgaSA9IGluZGV4O1wiPlxuICAgICAgICA8c3BhbiAqbmdJZj1cImkgPT09IGJyZWFkQ3J1bWJJdGVtcy5sZW5ndGggLSAxXCIgY2xhc3M9XCJhY3RpdmVcIj5cbiAgICAgICAgICB7eyBpdGVtLnZhbHVlIH19XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImkgIT09IGJyZWFkQ3J1bWJJdGVtcy5sZW5ndGggLSAxXCI+XG4gICAgICAgICAgPGEgKGNsaWNrKT1cImNydW1iTGlua0NsaWNrZWQoaSlcIj5cbiAgICAgICAgICAgIHt7IGl0ZW0udmFsdWUgfX1cbiAgICAgICAgICA8L2E+XG4gICAgICAgICAgPHNwYW4+PGkgY2xhc3M9XCJtYXRlcmlhbC1pY29uc1wiPmtleWJvYXJkX2Fycm93X3JpZ2h0PC9pPjwvc3Bhbj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L29sPlxuICA8L25hdj5cbjwvZGl2PiJdfQ==

package/esm2022/modules/ui-kit/components/breadcrumbs/model/breadCrumbItem.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRDcnVtYkl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWIvc3JjL21vZHVsZXMvdWkta2l0L2NvbXBvbmVudHMvYnJlYWRjcnVtYnMvbW9kZWwvYnJlYWRDcnVtYkl0ZW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgQnJlYWRDcnVtYkl0ZW0ge1xuICAgIGtleTogc3RyaW5nO1xuICAgIHZhbHVlOiBzdHJpbmc7XG59XG4iXX0=

package/esm2022/modules/ui-kit/components/breadcrumbs/service/breadcrumb.service.mjs

@@ -0,0 +1,63 @@
+import { Injectable, Inject } from '@angular/core';
+import { LOCAL_STORAGE } from 'ngx-webstorage-service';
+import { isUndefined } from '../../../../../core/utils/type-checks.utils';
+import { CrumbServiceEnum } from '../utils/crumb-service.enum';
+import * as i0 from "@angular/core";
+export class BreadCrumbService {
+    constructor(storage) {
+        this.storage = storage;
+        this.breadCrumbItems = new Array();
+    }
+    getBreadCrumbItems() {
+        return this.breadCrumbItems;
+    }
+    initializeBreadCrumb() {
+        this.clearBreadCrumb();
+    }
+    clearBreadCrumb() {
+        if (this.breadCrumbItems) {
+            this.breadCrumbItems.length = 0;
+        }
+        this.setMapToStorage(this.breadCrumbItems);
+    }
+    triggerOnPageRefresh(object) {
+        this.addItemToBreadCrumb(object);
+    }
+    getRedirectionUrl(index) {
+        return this.breadCrumbItems[index].key;
+    }
+    removeBreadCrumbItems(index) {
+        this.breadCrumbItems = this.breadCrumbItems.slice(0, index + 1);
+    }
+    addItemToBreadCrumb(object) {
+        const item = this.findItem(object);
+        if (!isUndefined(item)) {
+            item.value = object.value;
+        }
+        else {
+            this.breadCrumbItems.push(object);
+        }
+        this.setMapToStorage(this.breadCrumbItems);
+    }
+    findItem(object) {
+        if (object.value) {
+            return this.breadCrumbItems.find((item) => (item.key === object.key));
+        }
+        return undefined;
+    }
+    setMapToStorage(breadCrumbItems) {
+        this.storage.set(CrumbServiceEnum.MAPKEY, breadCrumbItems);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadCrumbService, deps: [{ token: LOCAL_STORAGE }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadCrumbService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadCrumbService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LOCAL_STORAGE]
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGliL3NyYy9tb2R1bGVzL3VpLWtpdC9jb21wb25lbnRzL2JyZWFkY3J1bWJzL3NlcnZpY2UvYnJlYWRjcnVtYi5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25ELE9BQU8sRUFBRSxhQUFhLEVBQWtCLE1BQU0sd0JBQXdCLENBQUM7QUFDdkUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDOztBQU0vRCxNQUFNLE9BQU8saUJBQWlCO0lBSTVCLFlBQTJDLE9BQXVCO1FBQXZCLFlBQU8sR0FBUCxPQUFPLENBQWdCO1FBRjFELG9CQUFlLEdBQTBCLElBQUksS0FBSyxFQUFrQixDQUFDO0lBRVAsQ0FBQztJQUVoRSxrQkFBa0I7UUFDdkIsT0FBTyxJQUFJLENBQUMsZUFBZSxDQUFDO0lBQzlCLENBQUM7SUFFTSxvQkFBb0I7UUFDekIsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFTSxlQUFlO1FBQ3BCLElBQUksSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1lBQ3pCLElBQUksQ0FBQyxlQUFlLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztRQUNsQyxDQUFDO1FBQ0QsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUM7SUFDN0MsQ0FBQztJQUVNLG9CQUFvQixDQUFDLE1BQXNCO1FBQ2hELElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRU0saUJBQWlCLENBQUMsS0FBYTtRQUNwQyxPQUFPLElBQUksQ0FBQyxlQUFlLENBQUMsS0FBSyxDQUFDLENBQUMsR0FBRyxDQUFDO0lBQ3pDLENBQUM7SUFFTSxxQkFBcUIsQ0FBQyxLQUFhO1FBQ3hDLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLEtBQUssR0FBRyxDQUFDLENBQUMsQ0FBQztJQUNsRSxDQUFDO0lBRU0sbUJBQW1CLENBQUMsTUFBc0I7UUFDL0MsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNuQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7WUFDdkIsSUFBSSxDQUFDLEtBQUssR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDO1FBQzVCLENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDcEMsQ0FBQztRQUNELElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFFTyxRQUFRLENBQUMsTUFBc0I7UUFDckMsSUFBSSxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDakIsT0FBTyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxDQUFDLElBQW9CLEVBQUUsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsS0FBSyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztRQUN4RixDQUFDO1FBQ0QsT0FBTyxTQUFTLENBQUM7SUFDbkIsQ0FBQztJQUVPLGVBQWUsQ0FBQyxlQUFzQztRQUM1RCxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsZUFBZSxDQUFDLENBQUM7SUFDN0QsQ0FBQzsrR0FwRFUsaUJBQWlCLGtCQUlSLGFBQWE7bUhBSnRCLGlCQUFpQixjQUZoQixNQUFNOzs0RkFFUCxpQkFBaUI7a0JBSDdCLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25COzswQkFLYyxNQUFNOzJCQUFDLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlLCBJbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IExPQ0FMX1NUT1JBR0UsIFN0b3JhZ2VTZXJ2aWNlIH0gZnJvbSAnbmd4LXdlYnN0b3JhZ2Utc2VydmljZSc7XG5pbXBvcnQgeyBpc1VuZGVmaW5lZCB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL2NvcmUvdXRpbHMvdHlwZS1jaGVja3MudXRpbHMnO1xuaW1wb3J0IHsgQ3J1bWJTZXJ2aWNlRW51bSB9IGZyb20gJy4uL3V0aWxzL2NydW1iLXNlcnZpY2UuZW51bSc7XG5pbXBvcnQgeyBCcmVhZENydW1iSXRlbSB9IGZyb20gJy4uL21vZGVsL2JyZWFkQ3J1bWJJdGVtJztcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIEJyZWFkQ3J1bWJTZXJ2aWNlIHtcblxuICBwcml2YXRlIGJyZWFkQ3J1bWJJdGVtczogQXJyYXk8QnJlYWRDcnVtYkl0ZW0+ID0gbmV3IEFycmF5PEJyZWFkQ3J1bWJJdGVtPigpO1xuXG4gIGNvbnN0cnVjdG9yKEBJbmplY3QoTE9DQUxfU1RPUkFHRSkgcHJpdmF0ZSBzdG9yYWdlOiBTdG9yYWdlU2VydmljZSkgeyB9XG5cbiAgcHVibGljIGdldEJyZWFkQ3J1bWJJdGVtcygpOiBBcnJheTxCcmVhZENydW1iSXRlbT4ge1xuICAgIHJldHVybiB0aGlzLmJyZWFkQ3J1bWJJdGVtcztcbiAgfVxuXG4gIHB1YmxpYyBpbml0aWFsaXplQnJlYWRDcnVtYigpOiB2b2lkIHtcbiAgICB0aGlzLmNsZWFyQnJlYWRDcnVtYigpO1xuICB9XG5cbiAgcHVibGljIGNsZWFyQnJlYWRDcnVtYigpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5icmVhZENydW1iSXRlbXMpIHtcbiAgICAgIHRoaXMuYnJlYWRDcnVtYkl0ZW1zLmxlbmd0aCA9IDA7XG4gICAgfVxuICAgIHRoaXMuc2V0TWFwVG9TdG9yYWdlKHRoaXMuYnJlYWRDcnVtYkl0ZW1zKTtcbiAgfVxuXG4gIHB1YmxpYyB0cmlnZ2VyT25QYWdlUmVmcmVzaChvYmplY3Q6IEJyZWFkQ3J1bWJJdGVtKTogdm9pZCB7XG4gICAgdGhpcy5hZGRJdGVtVG9CcmVhZENydW1iKG9iamVjdCk7XG4gIH1cblxuICBwdWJsaWMgZ2V0UmVkaXJlY3Rpb25VcmwoaW5kZXg6IG51bWJlcik6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuYnJlYWRDcnVtYkl0ZW1zW2luZGV4XS5rZXk7XG4gIH1cblxuICBwdWJsaWMgcmVtb3ZlQnJlYWRDcnVtYkl0ZW1zKGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLmJyZWFkQ3J1bWJJdGVtcyA9IHRoaXMuYnJlYWRDcnVtYkl0ZW1zLnNsaWNlKDAsIGluZGV4ICsgMSk7XG4gIH1cblxuICBwdWJsaWMgYWRkSXRlbVRvQnJlYWRDcnVtYihvYmplY3Q6IEJyZWFkQ3J1bWJJdGVtKTogdm9pZCB7XG4gICAgY29uc3QgaXRlbSA9IHRoaXMuZmluZEl0ZW0ob2JqZWN0KTtcbiAgICBpZiAoIWlzVW5kZWZpbmVkKGl0ZW0pKSB7XG4gICAgICBpdGVtLnZhbHVlID0gb2JqZWN0LnZhbHVlO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmJyZWFkQ3J1bWJJdGVtcy5wdXNoKG9iamVjdCk7XG4gICAgfVxuICAgIHRoaXMuc2V0TWFwVG9TdG9yYWdlKHRoaXMuYnJlYWRDcnVtYkl0ZW1zKTtcbiAgfVxuXG4gIHByaXZhdGUgZmluZEl0ZW0ob2JqZWN0OiBCcmVhZENydW1iSXRlbSk6IEJyZWFkQ3J1bWJJdGVtIHwgdW5kZWZpbmVkIHtcbiAgICBpZiAob2JqZWN0LnZhbHVlKSB7XG4gICAgICByZXR1cm4gdGhpcy5icmVhZENydW1iSXRlbXMuZmluZCgoaXRlbTogQnJlYWRDcnVtYkl0ZW0pID0+IChpdGVtLmtleSA9PT0gb2JqZWN0LmtleSkpO1xuICAgIH1cbiAgICByZXR1cm4gdW5kZWZpbmVkO1xuICB9XG5cbiAgcHJpdmF0ZSBzZXRNYXBUb1N0b3JhZ2UoYnJlYWRDcnVtYkl0ZW1zOiBBcnJheTxCcmVhZENydW1iSXRlbT4pOiB2b2lkIHtcbiAgICB0aGlzLnN0b3JhZ2Uuc2V0KENydW1iU2VydmljZUVudW0uTUFQS0VZLCBicmVhZENydW1iSXRlbXMpO1xuICB9XG59XG4iXX0=

package/esm2022/modules/ui-kit/components/breadcrumbs/utils/crumb-service.enum.mjs

@@ -0,0 +1,8 @@
+export var CrumbServiceEnum;
+(function (CrumbServiceEnum) {
+    CrumbServiceEnum["MAPKEY"] = "mapkey";
+    CrumbServiceEnum["KEYS"] = "keyArray";
+    CrumbServiceEnum["KEY"] = "key";
+    CrumbServiceEnum["VALUE"] = "value";
+})(CrumbServiceEnum || (CrumbServiceEnum = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3J1bWItc2VydmljZS5lbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGliL3NyYy9tb2R1bGVzL3VpLWtpdC9jb21wb25lbnRzL2JyZWFkY3J1bWJzL3V0aWxzL2NydW1iLXNlcnZpY2UuZW51bS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxnQkFLWDtBQUxELFdBQVksZ0JBQWdCO0lBQ3ZCLHFDQUFpQixDQUFBO0lBQ2pCLHFDQUFpQixDQUFBO0lBQ2pCLCtCQUFXLENBQUE7SUFDWCxtQ0FBZSxDQUFBO0FBQ3BCLENBQUMsRUFMVyxnQkFBZ0IsS0FBaEIsZ0JBQWdCLFFBSzNCIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGVudW0gQ3J1bWJTZXJ2aWNlRW51bSB7XG4gICAgIE1BUEtFWSA9ICdtYXBrZXknLFxuICAgICBLRVlTID0gJ2tleUFycmF5JyxcbiAgICAgS0VZID0gJ2tleScsXG4gICAgIFZBTFVFID0gJ3ZhbHVlJyxcbn1cbiJdfQ==

package/esm2022/modules/ui-kit/components/buttons/button-control/button-control.component.mjs

@@ -0,0 +1,46 @@
+import { ChangeDetectionStrategy, Component, Input, HostBinding } from '@angular/core';
+import { ComponentSizes } from '../../../enums/component-sizes.enum';
+import { ColorSchemes } from '../../../enums/color-schemes.enum';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../loader/loader.component";
+export class ButtonControlComponent {
+    constructor() {
+        this.COMPONENT_SIZES = ComponentSizes;
+    }
+    get isDisableAttr() {
+        return this.isDisabled ? true : null;
+    }
+    get colorSchemeClass() {
+        if (this.isLink) {
+            return `btn-link`;
+        }
+        return `btn-${this.colorScheme}`;
+    }
+    get loaderColorScheme() {
+        if (this.colorScheme === ColorSchemes.Primary) {
+            return ColorSchemes.Light;
+        }
+        return ColorSchemes.Dark;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ButtonControlComponent, selector: "app-button-control", inputs: { title: "title", colorScheme: "colorScheme", isLoading: "isLoading", isLink: "isLink", isDisabled: "isDisabled" }, host: { properties: { "attr.disabled": "this.isDisableAttr" } }, ngImport: i0, template: "<button\n  class=\"button-control btn {{colorSchemeClass}}\"\n  role=\"button\"\n  title=\"{{title}}\"\n  [disabled]=\"isDisabled\"\n>\n  <span\n    *ngIf=\"!isLoading\"\n    class=\"title\"\n  >{{ title }}</span>\n\n  <app-loader\n    *ngIf=\"isLoading\"\n    [colorScheme]=\"loaderColorScheme\"\n    [componentSize]=\"COMPONENT_SIZES.Small\"\n  ></app-loader>\n</button>\n", styles: [":host[disabled]{pointer-events:none}.button-control{min-width:130px;text-transform:none}.btn.btn-link.btn-link{color:#007bff!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.LoaderComponent, selector: "app-loader", inputs: ["colorScheme", "componentSize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonControlComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-button-control', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  class=\"button-control btn {{colorSchemeClass}}\"\n  role=\"button\"\n  title=\"{{title}}\"\n  [disabled]=\"isDisabled\"\n>\n  <span\n    *ngIf=\"!isLoading\"\n    class=\"title\"\n  >{{ title }}</span>\n\n  <app-loader\n    *ngIf=\"isLoading\"\n    [colorScheme]=\"loaderColorScheme\"\n    [componentSize]=\"COMPONENT_SIZES.Small\"\n  ></app-loader>\n</button>\n", styles: [":host[disabled]{pointer-events:none}.button-control{min-width:130px;text-transform:none}.btn.btn-link.btn-link{color:#007bff!important}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], colorScheme: [{
+                type: Input
+            }], isLoading: [{
+                type: Input
+            }], isLink: [{
+                type: Input
+            }], isDisabled: [{
+                type: Input
+            }], isDisableAttr: [{
+                type: HostBinding,
+                args: ['attr.disabled']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWNvbnRyb2wuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGliL3NyYy9tb2R1bGVzL3VpLWtpdC9jb21wb25lbnRzL2J1dHRvbnMvYnV0dG9uLWNvbnRyb2wvYnV0dG9uLWNvbnRyb2wuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGliL3NyYy9tb2R1bGVzL3VpLWtpdC9jb21wb25lbnRzL2J1dHRvbnMvYnV0dG9uLWNvbnRyb2wvYnV0dG9uLWNvbnRyb2wuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUNyRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7Ozs7QUFRakUsTUFBTSxPQUFPLHNCQUFzQjtJQU5uQztRQWtCa0Isb0JBQWUsR0FBMEIsY0FBYyxDQUFDO0tBa0J6RTtJQXZCQyxJQUNJLGFBQWE7UUFDZixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQ3ZDLENBQUM7SUFJRCxJQUFXLGdCQUFnQjtRQUN6QixJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNoQixPQUFPLFVBQVUsQ0FBQztRQUNwQixDQUFDO1FBRUQsT0FBTyxPQUFPLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNuQyxDQUFDO0lBRUQsSUFBVyxpQkFBaUI7UUFDMUIsSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLFlBQVksQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUM5QyxPQUFPLFlBQVksQ0FBQyxLQUFLLENBQUM7UUFDNUIsQ0FBQztRQUVELE9BQU8sWUFBWSxDQUFDLElBQUksQ0FBQztJQUUzQixDQUFDOytHQTdCVSxzQkFBc0I7bUdBQXRCLHNCQUFzQix1UENWbkMsd1hBaUJBOzs0RkRQYSxzQkFBc0I7a0JBTmxDLFNBQVM7K0JBQ0Usb0JBQW9CLG1CQUdiLHVCQUF1QixDQUFDLE1BQU07OEJBRy9CLEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ1UsV0FBVztzQkFBMUIsS0FBSztnQkFDVSxTQUFTO3NCQUF4QixLQUFLO2dCQUNVLE1BQU07c0JBQXJCLEtBQUs7Z0JBQ1UsVUFBVTtzQkFBekIsS0FBSztnQkFHRixhQUFhO3NCQURoQixXQUFXO3VCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbXBvbmVudFNpemVzIH0gZnJvbSAnLi4vLi4vLi4vZW51bXMvY29tcG9uZW50LXNpemVzLmVudW0nO1xuaW1wb3J0IHsgQ29sb3JTY2hlbWVzIH0gZnJvbSAnLi4vLi4vLi4vZW51bXMvY29sb3Itc2NoZW1lcy5lbnVtJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWJ1dHRvbi1jb250cm9sJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi1jb250cm9sLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLWNvbnRyb2wuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkNvbnRyb2xDb21wb25lbnQge1xuICBASW5wdXQoKSBwdWJsaWMgdGl0bGU6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGNvbG9yU2NoZW1lOiBDb2xvclNjaGVtZXM7XG4gIEBJbnB1dCgpIHB1YmxpYyBpc0xvYWRpbmc6IGJvb2xlYW47XG4gIEBJbnB1dCgpIHB1YmxpYyBpc0xpbms6IGJvb2xlYW47XG4gIEBJbnB1dCgpIHB1YmxpYyBpc0Rpc2FibGVkOiBib29sZWFuO1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5kaXNhYmxlZCcpXG4gIGdldCBpc0Rpc2FibGVBdHRyKCk6IGJvb2xlYW4gfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5pc0Rpc2FibGVkID8gdHJ1ZSA6IG51bGw7XG4gIH1cblxuICBwdWJsaWMgcmVhZG9ubHkgQ09NUE9ORU5UX1NJWkVTOiB0eXBlb2YgQ29tcG9uZW50U2l6ZXMgPSBDb21wb25lbnRTaXplcztcblxuICBwdWJsaWMgZ2V0IGNvbG9yU2NoZW1lQ2xhc3MoKTogc3RyaW5nIHtcbiAgICBpZiAodGhpcy5pc0xpbmspIHtcbiAgICAgIHJldHVybiBgYnRuLWxpbmtgO1xuICAgIH1cblxuICAgIHJldHVybiBgYnRuLSR7dGhpcy5jb2xvclNjaGVtZX1gO1xuICB9XG5cbiAgcHVibGljIGdldCBsb2FkZXJDb2xvclNjaGVtZSgpOiBDb2xvclNjaGVtZXMge1xuICAgIGlmICh0aGlzLmNvbG9yU2NoZW1lID09PSBDb2xvclNjaGVtZXMuUHJpbWFyeSkge1xuICAgICAgcmV0dXJuIENvbG9yU2NoZW1lcy5MaWdodDtcbiAgICB9XG5cbiAgICByZXR1cm4gQ29sb3JTY2hlbWVzLkRhcms7XG5cbiAgfVxufVxuIiwiPGJ1dHRvblxuICBjbGFzcz1cImJ1dHRvbi1jb250cm9sIGJ0biB7e2NvbG9yU2NoZW1lQ2xhc3N9fVwiXG4gIHJvbGU9XCJidXR0b25cIlxuICB0aXRsZT1cInt7dGl0bGV9fVwiXG4gIFtkaXNhYmxlZF09XCJpc0Rpc2FibGVkXCJcbj5cbiAgPHNwYW5cbiAgICAqbmdJZj1cIiFpc0xvYWRpbmdcIlxuICAgIGNsYXNzPVwidGl0bGVcIlxuICA+e3sgdGl0bGUgfX08L3NwYW4+XG5cbiAgPGFwcC1sb2FkZXJcbiAgICAqbmdJZj1cImlzTG9hZGluZ1wiXG4gICAgW2NvbG9yU2NoZW1lXT1cImxvYWRlckNvbG9yU2NoZW1lXCJcbiAgICBbY29tcG9uZW50U2l6ZV09XCJDT01QT05FTlRfU0laRVMuU21hbGxcIlxuICA+PC9hcHAtbG9hZGVyPlxuPC9idXR0b24+XG4iXX0=

package/esm2022/modules/ui-kit/components/buttons/buttons-list/buttons-list.component.mjs

@@ -0,0 +1,11 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class ButtonsListComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ButtonsListComponent, selector: "app-buttons-list", ngImport: i0, template: "<section class=\"buttons-list\">\n  <ng-content></ng-content>\n</section>\n", styles: [":host ::ng-deep .buttons-list{display:inline-flex}:host ::ng-deep .buttons-list>app-button-control{margin-left:.7rem}:host ::ng-deep .buttons-list>app-button-control:first-child{margin-left:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonsListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-buttons-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"buttons-list\">\n  <ng-content></ng-content>\n</section>\n", styles: [":host ::ng-deep .buttons-list{display:inline-flex}:host ::ng-deep .buttons-list>app-button-control{margin-left:.7rem}:host ::ng-deep .buttons-list>app-button-control:first-child{margin-left:0}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9ucy1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYi9zcmMvbW9kdWxlcy91aS1raXQvY29tcG9uZW50cy9idXR0b25zL2J1dHRvbnMtbGlzdC9idXR0b25zLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGliL3NyYy9tb2R1bGVzL3VpLWtpdC9jb21wb25lbnRzL2J1dHRvbnMvYnV0dG9ucy1saXN0L2J1dHRvbnMtbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVFuRSxNQUFNLE9BQU8sb0JBQW9COytHQUFwQixvQkFBb0I7bUdBQXBCLG9CQUFvQix3RENSakMsNkVBR0E7OzRGREthLG9CQUFvQjtrQkFOaEMsU0FBUzsrQkFDRSxrQkFBa0IsbUJBR1gsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWJ1dHRvbnMtbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b25zLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b25zLWxpc3QuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbnNMaXN0Q29tcG9uZW50IHt9XG4iLCI8c2VjdGlvbiBjbGFzcz1cImJ1dHRvbnMtbGlzdFwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L3NlY3Rpb24+XG4iXX0=

package/esm2022/modules/ui-kit/components/buttons/circle-button/circle-button.component.mjs

@@ -0,0 +1,37 @@
+import { ChangeDetectionStrategy, Component, Input, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/button";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/flex-layout/extended";
+export class CircleButtonComponent {
+    constructor() {
+        this.customStyle = {};
+        this.onClick = new EventEmitter();
+    }
+    onButtonClick() {
+        this.onClick.emit();
+    }
+    get getCassClass() {
+        return this.disabled ? 'btn-disabled' : 'btn-enabled';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CircleButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CircleButtonComponent, selector: "app-circle-button", inputs: { name: "name", tooltip: "tooltip", disabled: "disabled", customStyle: "customStyle", customClass: "customClass" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button \n  [disabled]=\"disabled\" \n  [ngStyle]=\"customStyle\" \n  [title]=\"tooltip\" \n  mat-stroked-button \n  color=\"primary\" \n  (click)=\"onButtonClick()\"\n  [ngClass]=\"{ 'circle-button': true, 'customClass': true, 'grey-background': disabled }\">\n  <span class=\"add-icon\">\n    <mat-icon class=\"plus-button\">add</mat-icon>\n  </span>\n  <span>{{name}}</span>\n\n</button>", styles: ["button.circle-button.mat-mdc-outlined-button.mat-primary{height:32px;font-size:16px;line-height:33px;color:#fff;border-radius:16px;border:none;padding:0 17px;background-color:#015ff1;box-shadow:0 4px 10px #0000001a;font-family:Proxima-Nova-Regular,arial,sans-serif;margin:0;display:flex;align-items:center}button.circle-button .add-icon{position:relative;top:5px;left:-4px;margin-right:0}.btn-enabled{background-color:#015ff1;pointer-events:all}.btn-disabled{background-color:#b5b5b5;pointer-events:none}.grey-background{background-color:#a9a9a9!important;vertical-align:middle}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i4.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CircleButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-circle-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n  [disabled]=\"disabled\" \n  [ngStyle]=\"customStyle\" \n  [title]=\"tooltip\" \n  mat-stroked-button \n  color=\"primary\" \n  (click)=\"onButtonClick()\"\n  [ngClass]=\"{ 'circle-button': true, 'customClass': true, 'grey-background': disabled }\">\n  <span class=\"add-icon\">\n    <mat-icon class=\"plus-button\">add</mat-icon>\n  </span>\n  <span>{{name}}</span>\n\n</button>", styles: ["button.circle-button.mat-mdc-outlined-button.mat-primary{height:32px;font-size:16px;line-height:33px;color:#fff;border-radius:16px;border:none;padding:0 17px;background-color:#015ff1;box-shadow:0 4px 10px #0000001a;font-family:Proxima-Nova-Regular,arial,sans-serif;margin:0;display:flex;align-items:center}button.circle-button .add-icon{position:relative;top:5px;left:-4px;margin-right:0}.btn-enabled{background-color:#015ff1;pointer-events:all}.btn-disabled{background-color:#b5b5b5;pointer-events:none}.grey-background{background-color:#a9a9a9!important;vertical-align:middle}\n"] }]
+        }], propDecorators: { name: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], customStyle: [{
+                type: Input
+            }], customClass: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2lyY2xlLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWIvc3JjL21vZHVsZXMvdWkta2l0L2NvbXBvbmVudHMvYnV0dG9ucy9jaXJjbGUtYnV0dG9uL2NpcmNsZS1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGliL3NyYy9tb2R1bGVzL3VpLWtpdC9jb21wb25lbnRzL2J1dHRvbnMvY2lyY2xlLWJ1dHRvbi9jaXJjbGUtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFlLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVE3RyxNQUFNLE9BQU8scUJBQXFCO0lBTmxDO1FBVWtCLGdCQUFXLEdBQWMsRUFBRSxDQUFDO1FBRTNCLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0tBUS9DO0lBUFEsYUFBYTtRQUNsQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxJQUFJLFlBQVk7UUFDZCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFBO0lBQ3ZELENBQUM7K0dBYlUscUJBQXFCO21HQUFyQixxQkFBcUIsc05DUmxDLHdZQWFTOzs0RkRMSSxxQkFBcUI7a0JBTmpDLFNBQVM7K0JBQ0UsbUJBQW1CLG1CQUdaLHVCQUF1QixDQUFDLE1BQU07OEJBRy9CLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsT0FBTztzQkFBdEIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBQ1UsV0FBVztzQkFBMUIsS0FBSztnQkFDVyxPQUFPO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIEhvc3RCaW5kaW5nLCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSUtleVZhbHVlfSBmcm9tICdpZHAtYXBwcy1zaGFyZWQtdWkvbW9kdWxlcy91aS1raXQvaW50ZXJmYWNlcy9nZW5lcmljLmludGVyZmFjZSc7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtY2lyY2xlLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaXJjbGUtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2lyY2xlLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQ2lyY2xlQnV0dG9uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcHVibGljIG5hbWU6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIHRvb2x0aXA6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGRpc2FibGVkOiBib29sZWFuO1xuICBASW5wdXQoKSBwdWJsaWMgY3VzdG9tU3R5bGU6IElLZXlWYWx1ZSA9IHt9O1xuICBASW5wdXQoKSBwdWJsaWMgY3VzdG9tQ2xhc3M6IHN0cmluZztcbiAgQE91dHB1dCgpIHB1YmxpYyBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBwdWJsaWMgb25CdXR0b25DbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2xpY2suZW1pdCgpO1xuICB9XG5cbiAgZ2V0IGdldENhc3NDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmRpc2FibGVkID8gJ2J0bi1kaXNhYmxlZCcgOiAnYnRuLWVuYWJsZWQnXG4gIH1cbn1cblxuZXhwb3J0IGludGVyZmFjZSBJSWNvblByb3Age1xuICBuYW1lPzogc3RyaW5nO1xuICBpY29uQ2xhc3M/OiBzdHJpbmc7XG4gIHRvb2x0aXA/OiBzdHJpbmc7XG59XG4iLCI8YnV0dG9uIFxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBcbiAgW25nU3R5bGVdPVwiY3VzdG9tU3R5bGVcIiBcbiAgW3RpdGxlXT1cInRvb2x0aXBcIiBcbiAgbWF0LXN0cm9rZWQtYnV0dG9uIFxuICBjb2xvcj1cInByaW1hcnlcIiBcbiAgKGNsaWNrKT1cIm9uQnV0dG9uQ2xpY2soKVwiXG4gIFtuZ0NsYXNzXT1cInsgJ2NpcmNsZS1idXR0b24nOiB0cnVlLCAnY3VzdG9tQ2xhc3MnOiB0cnVlLCAnZ3JleS1iYWNrZ3JvdW5kJzogZGlzYWJsZWQgfVwiPlxuICA8c3BhbiBjbGFzcz1cImFkZC1pY29uXCI+XG4gICAgPG1hdC1pY29uIGNsYXNzPVwicGx1cy1idXR0b25cIj5hZGQ8L21hdC1pY29uPlxuICA8L3NwYW4+XG4gIDxzcGFuPnt7bmFtZX19PC9zcGFuPlxuXG48L2J1dHRvbj4iXX0=

package/esm2022/modules/ui-kit/components/card-container/card-container.component.mjs

@@ -0,0 +1,11 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class CardContainerComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CardContainerComponent, selector: "app-card-container", ngImport: i0, template: "<section class=\"card\">\n  <div class=\"card-body\">\n    <h5 class=\"card-title\">\n      <ng-content select=\"card-container-title\"></ng-content>\n    </h5>\n    <h6 class=\"card-subtitle text-muted\">\n      <ng-content select=\"card-container-subtitle\"></ng-content>\n    </h6>\n    <section class=\"body\">\n      <ng-content select=\"card-container-body\"></ng-content>\n    </section>\n  </div>\n</section>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-card-container', changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"card\">\n  <div class=\"card-body\">\n    <h5 class=\"card-title\">\n      <ng-content select=\"card-container-title\"></ng-content>\n    </h5>\n    <h6 class=\"card-subtitle text-muted\">\n      <ng-content select=\"card-container-subtitle\"></ng-content>\n    </h6>\n    <section class=\"body\">\n      <ng-content select=\"card-container-body\"></ng-content>\n    </section>\n  </div>\n</section>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGliL3NyYy9tb2R1bGVzL3VpLWtpdC9jb21wb25lbnRzL2NhcmQtY29udGFpbmVyL2NhcmQtY29udGFpbmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYi9zcmMvbW9kdWxlcy91aS1raXQvY29tcG9uZW50cy9jYXJkLWNvbnRhaW5lci9jYXJkLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVFuRSxNQUFNLE9BQU8sc0JBQXNCOytHQUF0QixzQkFBc0I7bUdBQXRCLHNCQUFzQiwwRENSbkMsb2FBYUE7OzRGRExhLHNCQUFzQjtrQkFObEMsU0FBUzsrQkFDRSxvQkFBb0IsbUJBR2IsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWNhcmQtY29udGFpbmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2FyZC1jb250YWluZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIENhcmRDb250YWluZXJDb21wb25lbnQge1xuXG59XG4iLCI8c2VjdGlvbiBjbGFzcz1cImNhcmRcIj5cbiAgPGRpdiBjbGFzcz1cImNhcmQtYm9keVwiPlxuICAgIDxoNSBjbGFzcz1cImNhcmQtdGl0bGVcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImNhcmQtY29udGFpbmVyLXRpdGxlXCI+PC9uZy1jb250ZW50PlxuICAgIDwvaDU+XG4gICAgPGg2IGNsYXNzPVwiY2FyZC1zdWJ0aXRsZSB0ZXh0LW11dGVkXCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJjYXJkLWNvbnRhaW5lci1zdWJ0aXRsZVwiPjwvbmctY29udGVudD5cbiAgICA8L2g2PlxuICAgIDxzZWN0aW9uIGNsYXNzPVwiYm9keVwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiY2FyZC1jb250YWluZXItYm9keVwiPjwvbmctY29udGVudD5cbiAgICA8L3NlY3Rpb24+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuIl19

package/esm2022/modules/ui-kit/components/common-breadcrumbs/common-breadcrumbs.component.mjs

@@ -0,0 +1,30 @@
+import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./service/breadcrumb.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/router";
+import * as i4 from "@angular/flex-layout/extended";
+export class CommonBreadcrumbsComponent {
+    constructor(breadcrumbService) {
+        this.breadcrumbService = breadcrumbService;
+        this.HomeHref = `/portal`;
+        /**
+         * separator between breadcrumbs
+         * defaults to '/'. Other options could be '.' or '-' or '>' etc.
+         *
+         */
+        this.separator = '/';
+    }
+    ngOnInit() {
+        this.breadcrumbs$ = this.breadcrumbService.breadcrumbs$;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CommonBreadcrumbsComponent, deps: [{ token: i1.BreadcrumbService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CommonBreadcrumbsComponent, selector: "app-common-breadcrumbs", inputs: { separator: "separator" }, ngImport: i0, template: "<div class=\"breadcrumb-container\">\n\n  <a [href]=\"HomeHref\">\n    <em class=\"breadcrumb-ico fa-solid fa-house\"></em>\n  </a>\n\n  <span>\n    <i class=\"material-icons\">keyboard_arrow_right</i>\n  </span>\n  <nav aria-label=\"breadcrumb\">\n    <ol class=\"breadcrumb\">\n      <ng-container *ngFor=\"let breadcrumb of breadcrumbs$ | async; last as isLast\">\n        <li [ngClass]=\"{ active: isLast }\" [attr.aria-current]=\"isLast ? 'page' : null\" *ngIf=\"!breadcrumb.skip\">\n          <a class=\"link-decoration\" *ngIf=\"!isLast; else lastRoute\" [routerLink]=\"[breadcrumb.route]\"\n            routerLinkActive=\"active\">\n            {{ breadcrumb.label }}\n            <span><i class=\"material-icons\">keyboard_arrow_right</i></span>\n          </a>\n          <ng-template #lastRoute>\n            <label class=\"current-path\">{{ breadcrumb.label }}</label>\n          </ng-template>\n        </li>\n      </ng-container>\n    </ol>\n  </nav>\n</div>\n", styles: ["span>a{color:#e9e9e9}.breadcrumb-container{padding:0;color:#6c6c6c;margin-bottom:32px}.breadcrumb-item.active{color:#090909!important;font-weight:600}.breadcrumb-container .breadcrumb{background:transparent;padding:0;margin:0}.breadcrumb-container nav{display:inline-block}.breadcrumb-container i{color:#999;font-size:17px;position:relative;top:4px;padding:0 5px}.breadcrumb-home{top:1px!important}a{color:#ccc!important;text-decoration:none!important}.breadcrumb-ico{position:relative;top:-1px;color:#999;font-size:13px}.current-path{font-family:Proxima-Nova-Semibold,arial,sans-serif;color:#000;font-size:14px;line-height:27px;margin-bottom:0}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CommonBreadcrumbsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-common-breadcrumbs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"breadcrumb-container\">\n\n  <a [href]=\"HomeHref\">\n    <em class=\"breadcrumb-ico fa-solid fa-house\"></em>\n  </a>\n\n  <span>\n    <i class=\"material-icons\">keyboard_arrow_right</i>\n  </span>\n  <nav aria-label=\"breadcrumb\">\n    <ol class=\"breadcrumb\">\n      <ng-container *ngFor=\"let breadcrumb of breadcrumbs$ | async; last as isLast\">\n        <li [ngClass]=\"{ active: isLast }\" [attr.aria-current]=\"isLast ? 'page' : null\" *ngIf=\"!breadcrumb.skip\">\n          <a class=\"link-decoration\" *ngIf=\"!isLast; else lastRoute\" [routerLink]=\"[breadcrumb.route]\"\n            routerLinkActive=\"active\">\n            {{ breadcrumb.label }}\n            <span><i class=\"material-icons\">keyboard_arrow_right</i></span>\n          </a>\n          <ng-template #lastRoute>\n            <label class=\"current-path\">{{ breadcrumb.label }}</label>\n          </ng-template>\n        </li>\n      </ng-container>\n    </ol>\n  </nav>\n</div>\n", styles: ["span>a{color:#e9e9e9}.breadcrumb-container{padding:0;color:#6c6c6c;margin-bottom:32px}.breadcrumb-item.active{color:#090909!important;font-weight:600}.breadcrumb-container .breadcrumb{background:transparent;padding:0;margin:0}.breadcrumb-container nav{display:inline-block}.breadcrumb-container i{color:#999;font-size:17px;position:relative;top:4px;padding:0 5px}.breadcrumb-home{top:1px!important}a{color:#ccc!important;text-decoration:none!important}.breadcrumb-ico{position:relative;top:-1px;color:#999;font-size:13px}.current-path{font-family:Proxima-Nova-Semibold,arial,sans-serif;color:#000;font-size:14px;line-height:27px;margin-bottom:0}\n"] }]
+        }], ctorParameters: () => [{ type: i1.BreadcrumbService }], propDecorators: { separator: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLWJyZWFkY3J1bWJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYi9zcmMvbW9kdWxlcy91aS1raXQvY29tcG9uZW50cy9jb21tb24tYnJlYWRjcnVtYnMvY29tbW9uLWJyZWFkY3J1bWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYi9zcmMvbW9kdWxlcy91aS1raXQvY29tcG9uZW50cy9jb21tb24tYnJlYWRjcnVtYnMvY29tbW9uLWJyZWFkY3J1bWJzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFXbEYsTUFBTSxPQUFPLDBCQUEwQjtJQVdyQyxZQUFvQixpQkFBb0M7UUFBcEMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQVRqRCxhQUFRLEdBQVEsU0FBUyxDQUFDO1FBRWpDOzs7O1dBSUc7UUFDYSxjQUFTLEdBQUcsR0FBRyxDQUFDO0lBRTJCLENBQUM7SUFFckQsUUFBUTtRQUNiLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFlBQVksQ0FBQztJQUMxRCxDQUFDOytHQWZVLDBCQUEwQjttR0FBMUIsMEJBQTBCLGtHQ1h2QyxpOUJBMEJBOzs0RkRmYSwwQkFBMEI7a0JBTnRDLFNBQVM7K0JBQ0Usd0JBQXdCLG1CQUdqQix1QkFBdUIsQ0FBQyxNQUFNO3NGQVcvQixTQUFTO3NCQUF4QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgSUJyZWFkY3J1bWJJdGVtIH0gZnJvbSAnLi9pbnRlcmZhY2UvYnJlYWRjcnVtYi5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgQnJlYWRjcnVtYlNlcnZpY2UgfSBmcm9tICcuL3NlcnZpY2UvYnJlYWRjcnVtYi5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWNvbW1vbi1icmVhZGNydW1icycsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb21tb24tYnJlYWRjcnVtYnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb21tb24tYnJlYWRjcnVtYnMuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIENvbW1vbkJyZWFkY3J1bWJzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgcHVibGljIGJyZWFkY3J1bWJzJDogT2JzZXJ2YWJsZTxJQnJlYWRjcnVtYkl0ZW1bXT47XG4gIHB1YmxpYyBIb21lSHJlZjpzdHJpbmc9YC9wb3J0YWxgO1xuXG4gIC8qKlxuICAgKiBzZXBhcmF0b3IgYmV0d2VlbiBicmVhZGNydW1ic1xuICAgKiBkZWZhdWx0cyB0byAnLycuIE90aGVyIG9wdGlvbnMgY291bGQgYmUgJy4nIG9yICctJyBvciAnPicgZXRjLlxuICAgKlxuICAgKi9cbiAgQElucHV0KCkgcHVibGljIHNlcGFyYXRvciA9ICcvJztcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGJyZWFkY3J1bWJTZXJ2aWNlOiBCcmVhZGNydW1iU2VydmljZSkge31cblxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5icmVhZGNydW1icyQgPSB0aGlzLmJyZWFkY3J1bWJTZXJ2aWNlLmJyZWFkY3J1bWJzJDtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImJyZWFkY3J1bWItY29udGFpbmVyXCI+XG5cbiAgPGEgW2hyZWZdPVwiSG9tZUhyZWZcIj5cbiAgICA8ZW0gY2xhc3M9XCJicmVhZGNydW1iLWljbyBmYS1zb2xpZCBmYS1ob3VzZVwiPjwvZW0+XG4gIDwvYT5cblxuICA8c3Bhbj5cbiAgICA8aSBjbGFzcz1cIm1hdGVyaWFsLWljb25zXCI+a2V5Ym9hcmRfYXJyb3dfcmlnaHQ8L2k+XG4gIDwvc3Bhbj5cbiAgPG5hdiBhcmlhLWxhYmVsPVwiYnJlYWRjcnVtYlwiPlxuICAgIDxvbCBjbGFzcz1cImJyZWFkY3J1bWJcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGJyZWFkY3J1bWIgb2YgYnJlYWRjcnVtYnMkIHwgYXN5bmM7IGxhc3QgYXMgaXNMYXN0XCI+XG4gICAgICAgIDxsaSBbbmdDbGFzc109XCJ7IGFjdGl2ZTogaXNMYXN0IH1cIiBbYXR0ci5hcmlhLWN1cnJlbnRdPVwiaXNMYXN0ID8gJ3BhZ2UnIDogbnVsbFwiICpuZ0lmPVwiIWJyZWFkY3J1bWIuc2tpcFwiPlxuICAgICAgICAgIDxhIGNsYXNzPVwibGluay1kZWNvcmF0aW9uXCIgKm5nSWY9XCIhaXNMYXN0OyBlbHNlIGxhc3RSb3V0ZVwiIFtyb3V0ZXJMaW5rXT1cIlticmVhZGNydW1iLnJvdXRlXVwiXG4gICAgICAgICAgICByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlXCI+XG4gICAgICAgICAgICB7eyBicmVhZGNydW1iLmxhYmVsIH19XG4gICAgICAgICAgICA8c3Bhbj48aSBjbGFzcz1cIm1hdGVyaWFsLWljb25zXCI+a2V5Ym9hcmRfYXJyb3dfcmlnaHQ8L2k+PC9zcGFuPlxuICAgICAgICAgIDwvYT5cbiAgICAgICAgICA8bmctdGVtcGxhdGUgI2xhc3RSb3V0ZT5cbiAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImN1cnJlbnQtcGF0aFwiPnt7IGJyZWFkY3J1bWIubGFiZWwgfX08L2xhYmVsPlxuICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgIDwvbGk+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L29sPlxuICA8L25hdj5cbjwvZGl2PlxuIl19

package/esm2022/modules/ui-kit/components/common-breadcrumbs/interface/breadcrumb.interface.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWIvc3JjL21vZHVsZXMvdWkta2l0L2NvbXBvbmVudHMvY29tbW9uLWJyZWFkY3J1bWJzL2ludGVyZmFjZS9icmVhZGNydW1iLmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBJQnJlYWRjcnVtYkl0ZW0ge1xuICBsYWJlbDogc3RyaW5nO1xuICByb3V0ZTogc3RyaW5nO1xuICBjaGlsZD86IElCcmVhZGNydW1iSXRlbVtdO1xuICBza2lwPzogYm9vbGVhbjtcbn1cbiJdfQ==

package/esm2022/modules/ui-kit/components/common-breadcrumbs/service/breadcrumb.service.mjs

@@ -0,0 +1,65 @@
+import { Injectable } from '@angular/core';
+import { NavigationEnd } from '@angular/router';
+import { BehaviorSubject, Subject } from 'rxjs';
+import { distinctUntilChanged, takeUntil, filter } from 'rxjs/operators';
+import { BREADCRUMB_KEY } from '../../../../../constants/breadcrumbs.const';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+export class BreadcrumbService {
+    get breadcrumbs$() {
+        return this._breadcrumbs.asObservable().pipe(distinctUntilChanged());
+    }
+    set breadcrumbs(value) {
+        this._breadcrumbs.next(value);
+    }
+    get breadcrumbs() {
+        return this._breadcrumbs.value;
+    }
+    constructor(router) {
+        this.router = router;
+        this._breadcrumbs = new BehaviorSubject([]);
+        this.baseHref = '/';
+        this.clearSubs$ = new Subject();
+        router.events.pipe(filter(evt => evt instanceof NavigationEnd), distinctUntilChanged(), takeUntil(this.clearSubs$)).subscribe(this.routeChangeHandler.bind(this));
+    }
+    routeChangeHandler() {
+        this.breadcrumbs = this.makeBreadcrumbs(this.router.routerState.root.firstChild, this.baseHref)
+            .filter(bread => bread.label);
+    }
+    makeBreadcrumbs(activatedRoute, parentRoute = '') {
+        const currentBreadcrumb = this.makeSingleCrumb(activatedRoute, parentRoute);
+        const childBreadcrumbs = activatedRoute.firstChild
+            ? this.makeBreadcrumbs(activatedRoute.firstChild, currentBreadcrumb ? `${currentBreadcrumb.route}/` : '')
+            : [];
+        if (!currentBreadcrumb) {
+            return childBreadcrumbs;
+        }
+        return [
+            currentBreadcrumb,
+            ...childBreadcrumbs,
+        ];
+    }
+    makeSingleCrumb(activatedRoute, parent) {
+        const segment = activatedRoute.snapshot.url.join('/');
+        if (!segment) {
+            return undefined;
+        }
+        return {
+            label: activatedRoute.snapshot.data[BREADCRUMB_KEY],
+            route: parent + segment,
+        };
+    }
+    ngOnDestroy() {
+        this.clearSubs$.next(null);
+        this.clearSubs$.complete();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadcrumbService, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadcrumbService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadcrumbService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.Router }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGliL3NyYy9tb2R1bGVzL3VpLWtpdC9jb21wb25lbnRzL2NvbW1vbi1icmVhZGNydW1icy9zZXJ2aWNlL2JyZWFkY3J1bWIuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBQ3RELE9BQU8sRUFBVSxhQUFhLEVBQWtCLE1BQU0saUJBQWlCLENBQUM7QUFDeEUsT0FBTyxFQUFFLGVBQWUsRUFBYyxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDNUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sNENBQTRDLENBQUM7OztBQU01RSxNQUFNLE9BQU8saUJBQWlCO0lBSTVCLElBQUksWUFBWTtRQUNkLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxJQUFJLENBQzFDLG9CQUFvQixFQUFFLENBQ3ZCLENBQUM7SUFDSixDQUFDO0lBRUQsSUFBSSxXQUFXLENBQUMsS0FBd0I7UUFDdEMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVELElBQUksV0FBVztRQUNiLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUM7SUFDakMsQ0FBQztJQU1ELFlBQ1UsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUFyQmhCLGlCQUFZLEdBQXVDLElBQUksZUFBZSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBZ0JsRSxhQUFRLEdBQUcsR0FBRyxDQUFDO1FBRXhCLGVBQVUsR0FBRyxJQUFJLE9BQU8sRUFBRSxDQUFDO1FBS2pDLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUNoQixNQUFNLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLFlBQVksYUFBYSxDQUFDLEVBQzNDLG9CQUFvQixFQUFFLEVBQ3RCLFNBQVMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQzNCLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUNsRCxDQUFDO0lBRU0sa0JBQWtCO1FBQ3ZCLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUM7YUFDdkUsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3ZELENBQUM7SUFFTSxlQUFlLENBQUMsY0FBOEIsRUFBRSxjQUFzQixFQUFFO1FBRTdFLE1BQU0saUJBQWlCLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxjQUFjLEVBQUUsV0FBVyxDQUFDLENBQUM7UUFDNUUsTUFBTSxnQkFBZ0IsR0FBRyxjQUFjLENBQUMsVUFBVTtZQUNoRCxDQUFDLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FDcEIsY0FBYyxDQUFDLFVBQVUsRUFDekIsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLEdBQUcsaUJBQWlCLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FDdkQ7WUFDRCxDQUFDLENBQUMsRUFBRSxDQUFDO1FBRVAsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7WUFDdkIsT0FBTyxnQkFBZ0IsQ0FBQztRQUMxQixDQUFDO1FBRUQsT0FBTztZQUNMLGlCQUFpQjtZQUNqQixHQUFHLGdCQUFnQjtTQUNwQixDQUFDO0lBRUosQ0FBQztJQUVNLGVBQWUsQ0FBQyxjQUE4QixFQUFFLE1BQWM7UUFDbkUsTUFBTSxPQUFPLEdBQUcsY0FBYyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBRXRELElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNiLE9BQU8sU0FBUyxDQUFDO1FBQ25CLENBQUM7UUFFRCxPQUFPO1lBQ0wsS0FBSyxFQUFFLGNBQWMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQztZQUNuRCxLQUFLLEVBQUUsTUFBTSxHQUFHLE9BQU87U0FDeEIsQ0FBQztJQUNKLENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDN0IsQ0FBQzsrR0ExRVUsaUJBQWlCO21IQUFqQixpQkFBaUIsY0FGaEIsTUFBTTs7NEZBRVAsaUJBQWlCO2tCQUg3QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUsIE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyLCBOYXZpZ2F0aW9uRW5kLCBBY3RpdmF0ZWRSb3V0ZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIE9ic2VydmFibGUsIFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IGRpc3RpbmN0VW50aWxDaGFuZ2VkLCB0YWtlVW50aWwsIGZpbHRlciB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IEJSRUFEQ1JVTUJfS0VZIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vY29uc3RhbnRzL2JyZWFkY3J1bWJzLmNvbnN0JztcbmltcG9ydCB7IElCcmVhZGNydW1iSXRlbSB9IGZyb20gJy4uL2ludGVyZmFjZS9icmVhZGNydW1iLmludGVyZmFjZSc7XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxufSlcbmV4cG9ydCBjbGFzcyBCcmVhZGNydW1iU2VydmljZSBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG5cbiAgcHJpdmF0ZSBfYnJlYWRjcnVtYnM6IEJlaGF2aW9yU3ViamVjdDxJQnJlYWRjcnVtYkl0ZW1bXT4gPSBuZXcgQmVoYXZpb3JTdWJqZWN0KFtdKTtcblxuICBnZXQgYnJlYWRjcnVtYnMkKCk6IE9ic2VydmFibGU8SUJyZWFkY3J1bWJJdGVtW10+IHtcbiAgICByZXR1cm4gdGhpcy5fYnJlYWRjcnVtYnMuYXNPYnNlcnZhYmxlKCkucGlwZShcbiAgICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgKTtcbiAgfVxuXG4gIHNldCBicmVhZGNydW1icyh2YWx1ZTogSUJyZWFkY3J1bWJJdGVtW10pIHtcbiAgICB0aGlzLl9icmVhZGNydW1icy5uZXh0KHZhbHVlKTtcbiAgfVxuXG4gIGdldCBicmVhZGNydW1icygpOiBJQnJlYWRjcnVtYkl0ZW1bXSB7XG4gICAgcmV0dXJuIHRoaXMuX2JyZWFkY3J1bWJzLnZhbHVlO1xuICB9XG5cbiAgcHJpdmF0ZSByZWFkb25seSBiYXNlSHJlZiA9ICcvJztcblxuICBwcml2YXRlIGNsZWFyU3VicyQgPSBuZXcgU3ViamVjdCgpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcm91dGVyOiBSb3V0ZXIsXG4gICkge1xuICAgIHJvdXRlci5ldmVudHMucGlwZShcbiAgICAgIGZpbHRlcihldnQgPT4gZXZ0IGluc3RhbmNlb2YgTmF2aWdhdGlvbkVuZCksXG4gICAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLFxuICAgICAgdGFrZVVudGlsKHRoaXMuY2xlYXJTdWJzJCksXG4gICAgKS5zdWJzY3JpYmUodGhpcy5yb3V0ZUNoYW5nZUhhbmRsZXIuYmluZCh0aGlzKSk7XG4gIH1cblxuICBwdWJsaWMgcm91dGVDaGFuZ2VIYW5kbGVyKCk6IHZvaWQge1xuICAgIHRoaXMuYnJlYWRjcnVtYnMgPSB0aGlzLm1ha2VCcmVhZGNydW1icyh0aGlzLnJvdXRlci5yb3V0ZXJTdGF0ZS5yb290LmZpcnN0Q2hpbGQsIHRoaXMuYmFzZUhyZWYpXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAuZmlsdGVyKGJyZWFkID0+IGJyZWFkLmxhYmVsKTsgICBcbiAgfVxuXG4gIHB1YmxpYyBtYWtlQnJlYWRjcnVtYnMoYWN0aXZhdGVkUm91dGU6IEFjdGl2YXRlZFJvdXRlLCBwYXJlbnRSb3V0ZTogc3RyaW5nID0gJycpOiBJQnJlYWRjcnVtYkl0ZW1bXSB7XG5cbiAgICBjb25zdCBjdXJyZW50QnJlYWRjcnVtYiA9IHRoaXMubWFrZVNpbmdsZUNydW1iKGFjdGl2YXRlZFJvdXRlLCBwYXJlbnRSb3V0ZSk7XG4gICAgY29uc3QgY2hpbGRCcmVhZGNydW1icyA9IGFjdGl2YXRlZFJvdXRlLmZpcnN0Q2hpbGRcbiAgICAgID8gdGhpcy5tYWtlQnJlYWRjcnVtYnMoXG4gICAgICAgIGFjdGl2YXRlZFJvdXRlLmZpcnN0Q2hpbGQsXG4gICAgICAgIGN1cnJlbnRCcmVhZGNydW1iID8gYCR7Y3VycmVudEJyZWFkY3J1bWIucm91dGV9L2AgOiAnJyxcbiAgICAgIClcbiAgICAgIDogW107XG5cbiAgICBpZiAoIWN1cnJlbnRCcmVhZGNydW1iKSB7XG4gICAgICByZXR1cm4gY2hpbGRCcmVhZGNydW1icztcbiAgICB9XG5cbiAgICByZXR1cm4gW1xuICAgICAgY3VycmVudEJyZWFkY3J1bWIsXG4gICAgICAuLi5jaGlsZEJyZWFkY3J1bWJzLFxuICAgIF07XG5cbiAgfVxuXG4gIHB1YmxpYyBtYWtlU2luZ2xlQ3J1bWIoYWN0aXZhdGVkUm91dGU6IEFjdGl2YXRlZFJvdXRlLCBwYXJlbnQ6IHN0cmluZyk6IElCcmVhZGNydW1iSXRlbSB8IHVuZGVmaW5lZCB7XG4gICAgY29uc3Qgc2VnbWVudCA9IGFjdGl2YXRlZFJvdXRlLnNuYXBzaG90LnVybC5qb2luKCcvJyk7XG5cbiAgICBpZiAoIXNlZ21lbnQpIHtcbiAgICAgIHJldHVybiB1bmRlZmluZWQ7XG4gICAgfVxuXG4gICAgcmV0dXJuIHtcbiAgICAgIGxhYmVsOiBhY3RpdmF0ZWRSb3V0ZS5zbmFwc2hvdC5kYXRhW0JSRUFEQ1JVTUJfS0VZXSxcbiAgICAgIHJvdXRlOiBwYXJlbnQgKyBzZWdtZW50LFxuICAgIH07XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5jbGVhclN1YnMkLm5leHQobnVsbCk7XG4gICAgdGhpcy5jbGVhclN1YnMkLmNvbXBsZXRlKCk7XG4gIH1cblxufVxuIl19