@spicainternational/ngx-sds-components 7.12.0-beta.2 → 8.0.0

package/esm2022/src/lib/navigation/navigation-external-link/navigation-external-link.component.mjs

@@ -0,0 +1,38 @@
+import { Component, Input, model } from '@angular/core';
+import { faExternalLink } from '@fortawesome/pro-regular-svg-icons';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgIf } from '@angular/common';
+import * as i0 from "@angular/core";
+export class SdsNavigationExternalLinkComponent {
+    constructor() {
+        this.link = '';
+        this.text = '';
+        this.tabName = '_blank';
+        this.externalLinkHint = '';
+        this.showExternalLinkIcon = true;
+        this.externalLinkIcon = faExternalLink;
+        this.isCollapsed = model(false);
+    }
+    ngOnInit() {
+    }
+    openLink() {
+        window.open(this.link, this.tabName);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsNavigationExternalLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: SdsNavigationExternalLinkComponent, isStandalone: true, selector: "sds-navigation-external-link", inputs: { link: { classPropertyName: "link", publicName: "link", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: false, isRequired: false, transformFunction: null }, tabName: { classPropertyName: "tabName", publicName: "tabName", isSignal: false, isRequired: false, transformFunction: null }, externalLinkHint: { classPropertyName: "externalLinkHint", publicName: "externalLinkHint", isSignal: false, isRequired: false, transformFunction: null }, showExternalLinkIcon: { classPropertyName: "showExternalLinkIcon", publicName: "showExternalLinkIcon", isSignal: false, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isCollapsed: "isCollapsedChange" }, ngImport: i0, template: "<div \r\n    class=\"sds-navigation-external-link sds-navigation-item-container\"\r\n    [title]=\"isCollapsed() ? text : ''\"\r\n    >\r\n    <a class=\"w-100 sds-navigation-item-content pe-2 text-gray-800 sds-fs-93\" (click)=\"openLink()\" >\r\n        <div class=\"d-flex align-items-center justify-content-center position-relative\">\r\n            <div class=\"sds-navigation-icon\" >\r\n                <ng-content select=\"[navigationIcon]\"></ng-content>\r\n            </div>\r\n\r\n            <ng-container *ngIf=\"!isCollapsed()\">\r\n            \r\n                <div class=\"sds-navigation-text\">\r\n                    <span>{{ text }}</span>\r\n                </div>\r\n\r\n                <div \r\n                    class=\"sds-navigation-external-link-info-container\">\r\n                    <fa-icon \r\n                        class=\"sds-navigation-external-link-info-icon\"\r\n                        *ngIf=\"showExternalLinkIcon\"\r\n\r\n                        [icon]=\"externalLinkIcon\"\r\n                        [size]=\"'xs'\"\r\n                        [title]=\"externalLinkHint\"\r\n                        >\r\n                    </fa-icon>\r\n                </div> \r\n            </ng-container>\r\n            \r\n            <ng-content></ng-content>\r\n\r\n        </div>\r\n    </a>\r\n</div>", styles: [".sds-navigation-external-link:hover{background-color:#eff1f3;border-left-color:#eff1f3}.sds-navigation-external-link{border-radius:.5rem;padding:0!important;border-left:none!important}.sds-navigation-external-link a{padding-top:.5rem!important;padding-bottom:.5rem!important}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsNavigationExternalLinkComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sds-navigation-external-link', standalone: true, imports: [NgIf, FaIconComponent], template: "<div \r\n    class=\"sds-navigation-external-link sds-navigation-item-container\"\r\n    [title]=\"isCollapsed() ? text : ''\"\r\n    >\r\n    <a class=\"w-100 sds-navigation-item-content pe-2 text-gray-800 sds-fs-93\" (click)=\"openLink()\" >\r\n        <div class=\"d-flex align-items-center justify-content-center position-relative\">\r\n            <div class=\"sds-navigation-icon\" >\r\n                <ng-content select=\"[navigationIcon]\"></ng-content>\r\n            </div>\r\n\r\n            <ng-container *ngIf=\"!isCollapsed()\">\r\n            \r\n                <div class=\"sds-navigation-text\">\r\n                    <span>{{ text }}</span>\r\n                </div>\r\n\r\n                <div \r\n                    class=\"sds-navigation-external-link-info-container\">\r\n                    <fa-icon \r\n                        class=\"sds-navigation-external-link-info-icon\"\r\n                        *ngIf=\"showExternalLinkIcon\"\r\n\r\n                        [icon]=\"externalLinkIcon\"\r\n                        [size]=\"'xs'\"\r\n                        [title]=\"externalLinkHint\"\r\n                        >\r\n                    </fa-icon>\r\n                </div> \r\n            </ng-container>\r\n            \r\n            <ng-content></ng-content>\r\n\r\n        </div>\r\n    </a>\r\n</div>", styles: [".sds-navigation-external-link:hover{background-color:#eff1f3;border-left-color:#eff1f3}.sds-navigation-external-link{border-radius:.5rem;padding:0!important;border-left:none!important}.sds-navigation-external-link a{padding-top:.5rem!important;padding-bottom:.5rem!important}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { link: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], tabName: [{
+                type: Input
+            }], externalLinkHint: [{
+                type: Input
+            }], showExternalLinkIcon: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1leHRlcm5hbC1saW5rLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL25hdmlnYXRpb24vbmF2aWdhdGlvbi1leHRlcm5hbC1saW5rL25hdmlnYXRpb24tZXh0ZXJuYWwtbGluay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9uYXZpZ2F0aW9uL25hdmlnYXRpb24tZXh0ZXJuYWwtbGluay9uYXZpZ2F0aW9uLWV4dGVybmFsLWxpbmsuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBUyxLQUFLLEVBQWtCLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDcEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFVdkMsTUFBTSxPQUFPLGtDQUFrQztJQWE3QztRQVhXLFNBQUksR0FBVyxFQUFFLENBQUM7UUFDbEIsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUNsQixZQUFPLEdBQVcsUUFBUSxDQUFBO1FBQzFCLHFCQUFnQixHQUFHLEVBQUUsQ0FBQztRQUN0Qix5QkFBb0IsR0FBRyxJQUFJLENBQUM7UUFHOUIscUJBQWdCLEdBQUcsY0FBYyxDQUFDO1FBRXpDLGdCQUFXLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBRXRCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7SUFFRCxRQUFRO1FBQ04sTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN2QyxDQUFDOytHQXBCVSxrQ0FBa0M7bUdBQWxDLGtDQUFrQyx3OEJDYi9DLCt6Q0FrQ00sK1VEdkJRLElBQUksNkZBQUUsZUFBZTs7NEZBRXRCLGtDQUFrQztrQkFQOUMsU0FBUzsrQkFDSSw4QkFBOEIsY0FHNUIsSUFBSSxXQUNQLENBQUMsSUFBSSxFQUFFLGVBQWUsQ0FBQzt3REFJdkIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLG9CQUFvQjtzQkFBNUIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5wdXQsIElucHV0LCBPbkluaXQsIHNpZ25hbCwgbW9kZWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgZmFFeHRlcm5hbExpbmsgfSBmcm9tICdAZm9ydGF3ZXNvbWUvcHJvLXJlZ3VsYXItc3ZnLWljb25zJztcclxuaW1wb3J0IHsgRmFJY29uQ29tcG9uZW50IH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xyXG5pbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29sbGFwc2libGVOYXZpZ2F0aW9uRW50aXR5IH0gZnJvbSAnLi4vbW9kZWxzL25hdmlnYXRpb24tbW9kZWxzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdzZHMtbmF2aWdhdGlvbi1leHRlcm5hbC1saW5rJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9uYXZpZ2F0aW9uLWV4dGVybmFsLWxpbmsuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vbmF2aWdhdGlvbi1leHRlcm5hbC1saW5rLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gICAgaW1wb3J0czogW05nSWYsIEZhSWNvbkNvbXBvbmVudF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFNkc05hdmlnYXRpb25FeHRlcm5hbExpbmtDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIENvbGxhcHNpYmxlTmF2aWdhdGlvbkVudGl0eSB7XHJcblxyXG4gICAgQElucHV0KCkgbGluazogc3RyaW5nID0gJyc7XHJcbiAgICBASW5wdXQoKSB0ZXh0OiBzdHJpbmcgPSAnJztcclxuICAgIEBJbnB1dCgpIHRhYk5hbWU6IHN0cmluZyA9ICdfYmxhbmsnXHJcbiAgICBASW5wdXQoKSBleHRlcm5hbExpbmtIaW50ID0gJyc7XHJcbiAgICBASW5wdXQoKSBzaG93RXh0ZXJuYWxMaW5rSWNvbiA9IHRydWU7XHJcblxyXG5cclxuICAgIHB1YmxpYyBleHRlcm5hbExpbmtJY29uID0gZmFFeHRlcm5hbExpbms7XHJcblxyXG4gICAgaXNDb2xsYXBzZWQgPSBtb2RlbDxib29sZWFuPihmYWxzZSk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgb3BlbkxpbmsoKXtcclxuICAgIHdpbmRvdy5vcGVuKHRoaXMubGluaywgdGhpcy50YWJOYW1lKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgXHJcbiAgICBjbGFzcz1cInNkcy1uYXZpZ2F0aW9uLWV4dGVybmFsLWxpbmsgc2RzLW5hdmlnYXRpb24taXRlbS1jb250YWluZXJcIlxyXG4gICAgW3RpdGxlXT1cImlzQ29sbGFwc2VkKCkgPyB0ZXh0IDogJydcIlxyXG4gICAgPlxyXG4gICAgPGEgY2xhc3M9XCJ3LTEwMCBzZHMtbmF2aWdhdGlvbi1pdGVtLWNvbnRlbnQgcGUtMiB0ZXh0LWdyYXktODAwIHNkcy1mcy05M1wiIChjbGljayk9XCJvcGVuTGluaygpXCIgPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXIgcG9zaXRpb24tcmVsYXRpdmVcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNkcy1uYXZpZ2F0aW9uLWljb25cIiA+XHJcbiAgICAgICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbbmF2aWdhdGlvbkljb25dXCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhaXNDb2xsYXBzZWQoKVwiPlxyXG4gICAgICAgICAgICBcclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzZHMtbmF2aWdhdGlvbi10ZXh0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPHNwYW4+e3sgdGV4dCB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICAgICAgICAgIDxkaXYgXHJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzZHMtbmF2aWdhdGlvbi1leHRlcm5hbC1saW5rLWluZm8tY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGZhLWljb24gXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwic2RzLW5hdmlnYXRpb24tZXh0ZXJuYWwtbGluay1pbmZvLWljb25cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cInNob3dFeHRlcm5hbExpbmtJY29uXCJcclxuXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cImV4dGVybmFsTGlua0ljb25cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbc2l6ZV09XCIneHMnXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgW3RpdGxlXT1cImV4dGVybmFsTGlua0hpbnRcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9mYS1pY29uPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+IFxyXG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgXHJcbiAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuXHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2E+XHJcbjwvZGl2PiJdfQ==

package/esm2022/src/lib/navigation/navigation-group/navigation-group.component.mjs

@@ -0,0 +1,110 @@
+import { Component, ContentChildren, input, Input, QueryList, model } from '@angular/core';
+import { NavigationEnd, RouterLink } from '@angular/router';
+import { SdsNavigationRouteLinkComponent } from '../navigation-route-link/navigation-route-link.component';
+import { faAngleUp, faAngleDown } from '@fortawesome/pro-regular-svg-icons';
+import { filter, Subject, takeUntil } from 'rxjs';
+import { isUrlPartOfNavigationGroup, removeQueryParams } from '../utils/navigation.utils';
+import { DxoPositionModule } from 'devextreme-angular/ui/nested';
+import { DxPopoverModule } from 'devextreme-angular/ui/popover';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgIf } from '@angular/common';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "devextreme-angular/ui/popover";
+import * as i3 from "devextreme-angular/ui/nested";
+export class SdsNavigationGroupComponent {
+    set navigationGroupNestedRoutes(value) {
+        this._navigationGroupNestedRoutes = value;
+    }
+    get navigationGroupNestedRoutes() {
+        return this._navigationGroupNestedRoutes;
+    }
+    constructor(_router) {
+        this._router = _router;
+        /**
+         * List of paths allowed/expected within this module.
+         * These are paths that are not accessible through child navigation
+         * elements, but through links in other parts of the application (e.g. link
+         * on form)
+         */
+        this._navigationGroupNestedRoutes = [];
+        this.text = '';
+        this.icon = '';
+        this.defaultRouterLink = '';
+        this.reverse = false;
+        this.ignoreQueryParamsInActiveRoute = false;
+        this.disabled = false;
+        this.showPopover = false;
+        this.showPopoverHeader = false;
+        this.lightStyle = input(true);
+        this.routerLinkComponents = new QueryList();
+        this.active = false;
+        this.faAngleUpRegular = faAngleUp;
+        this.faAngleDownRegular = faAngleDown;
+        /**
+         * Current app URL (e.g. ['layout-showcase', 'default'])
+         */
+        this.currentUrl = [];
+        this._unsubscribe = new Subject();
+        this.isGroupActive = false;
+        this.isActiveGroupClosed = false;
+        this.isCollapsed = model(false);
+    }
+    ngOnInit() {
+        this._router.events.pipe(filter((event) => event instanceof NavigationEnd), takeUntil(this._unsubscribe)).subscribe((event) => {
+            if (event instanceof NavigationEnd) {
+                const activeRoute = this.ignoreQueryParamsInActiveRoute ? removeQueryParams(event.urlAfterRedirects) : event.urlAfterRedirects;
+                const route = activeRoute.split('/').filter(item => item.length > 0);
+                this.currentUrl = route;
+                this.isGroupActive = isUrlPartOfNavigationGroup(this.currentUrl, this.navigationGroupNestedRoutes, this.defaultRouterLink);
+            }
+        });
+    }
+    ngOnDestroy() {
+        this._unsubscribe.next();
+        this._unsubscribe.complete();
+    }
+    onHiding(e) {
+        const popoverContent = e.component.content().parentNode;
+        const isMouseInsidePopover = popoverContent.matches(':hover');
+        e.cancel = isMouseInsidePopover;
+        popoverContent.addEventListener('mouseleave', () => {
+            popoverContent.removeEventListener('mouseleave', () => { });
+            e.component.hide();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsNavigationGroupComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: SdsNavigationGroupComponent, isStandalone: true, selector: "sds-navigation-group", inputs: { navigationGroupNestedRoutes: { classPropertyName: "navigationGroupNestedRoutes", publicName: "navigationGroupNestedRoutes", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: false, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: false, isRequired: false, transformFunction: null }, defaultRouterLink: { classPropertyName: "defaultRouterLink", publicName: "defaultRouterLink", isSignal: false, isRequired: false, transformFunction: null }, reverse: { classPropertyName: "reverse", publicName: "reverse", isSignal: false, isRequired: false, transformFunction: null }, ignoreQueryParamsInActiveRoute: { classPropertyName: "ignoreQueryParamsInActiveRoute", publicName: "ignoreQueryParamsInActiveRoute", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, showPopover: { classPropertyName: "showPopover", publicName: "showPopover", isSignal: false, isRequired: false, transformFunction: null }, showPopoverHeader: { classPropertyName: "showPopoverHeader", publicName: "showPopoverHeader", isSignal: false, isRequired: false, transformFunction: null }, lightStyle: { classPropertyName: "lightStyle", publicName: "lightStyle", isSignal: true, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isCollapsed: "isCollapsedChange" }, queries: [{ propertyName: "routerLinkComponents", predicate: SdsNavigationRouteLinkComponent }], ngImport: i0, template: "<div \r\n    #navigationGroup\r\n    class=\"sds-navigation-group sds-navigation-item-container d-flex\"\r\n    [class.sds-navigation-group-light-style]=\"lightStyle()\"\r\n    [class.flex-column-reverse]=\"reverse\"\r\n    [class.flex-column]=\"!reverse\"\r\n    [class.disabled]=\"disabled\"\r\n    [class.active]=\"isGroupActive\"\r\n    [class.collapsed]=\"isCollapsed()\"\r\n    >\r\n    <a \r\n        class=\"w-100 sds-navigation-item-content p-2 text-gray-800 sds-fs-93\"\r\n        [class.collapsed]=\"isCollapsed()\"\r\n        style=\"cursor: pointer\"\r\n        [routerLink]=\"[defaultRouterLink]\">\r\n        <div class=\"d-flex align-items-center w-100 justify-content-center\">\r\n            <div class=\"sds-navigation-icon\" >\r\n                <ng-content select=\"[navigationIcon]\"></ng-content>\r\n            </div>\r\n\r\n            <ng-container *ngIf=\"!isCollapsed()\">\r\n                <div class=\"sds-navigation-text user-select-none\">\r\n                    {{ text }}\r\n                </div>\r\n                <div class=\"text-right\">\r\n                    <fa-icon *ngIf=\"!reverse\" [icon]=\"faAngleDownRegular\"></fa-icon>\r\n                    <fa-icon *ngIf=\"reverse\" [icon]=\"faAngleUpRegular\"></fa-icon>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n    </a>\r\n\r\n    <div \r\n        class=\"sub-menu\" \r\n        *ngIf=\"!isCollapsed()\">\r\n\r\n        <div class=\"sds-navigation-group-items sds-flex-column gap-05\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<ng-container *ngIf=\"isCollapsed() || (showPopover && !isGroupActive)\">\r\n    <dx-popover\r\n        [target]=\"navigationGroup\"\r\n        [showEvent]=\"{ name: 'dxhoverstart', delay: 100 }\"\r\n        [hideEvent]=\"{ name: 'dxhoverend', delay: 100 }\"\r\n        (onHiding)=\"onHiding($event)\"\r\n        width=\"15rem\"\r\n        [wrapperAttr]=\"{ class: 'sds-navigation-group-popover-wrapper sds-dx-popup-content-padding-2' }\"\r\n        [hideOnOutsideClick]=\"true\"\r\n        [hideOnParentScroll]=\"true\"\r\n        [animation]=\"{}\"\r\n    >\r\n\r\n        <dxo-position\r\n            my=\"top left\"\r\n            at=\"top right\"\r\n            [of]=\"navigationGroup\"\r\n            offset=\"-12 0\"\r\n            >\r\n        </dxo-position>\r\n\r\n        <div *ngIf=\"showPopoverHeader\" class=\"group-header user-select-none\">\r\n            {{ text }}\r\n        </div>\r\n        <div \r\n            class=\"sds-navigation-container sds-navigation-popover-container sds-scrollbar sds-scrollbar-thin sds-scrollbar-no-hide\"\r\n            >\r\n            <div class=\"sds-navigation-group-items\">\r\n                <ng-content select=\"[popoverContent]\"></ng-content>\r\n            </div>\r\n        </div>\r\n    </dx-popover>\r\n</ng-container>\r\n", styles: [".gap-05{gap:.125rem!important}.sds-navigation-group.sds-navigation-item-container{border-radius:.5rem;border-left:none!important;padding-top:0!important;padding-bottom:0!important}.sds-navigation-group.sds-navigation-item-container a{padding-top:.6rem!important;padding-bottom:.6rem!important}.sds-navigation-group.sds-navigation-item-container.disabled{pointer-events:none;opacity:.6}.sds-navigation-group.active>a{font-weight:600}.sds-navigation-group.active:not(.collapsed){background-color:transparent!important}.sds-navigation-group .sub-menu{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease-in-out}.sds-navigation-group .sub-menu>div{overflow:hidden;min-height:0}.sds-navigation-group.active .sub-menu{grid-template-rows:1fr}::ng-deep .sds-navigation-group-popover-wrapper.sds-dx-popup-content-padding-0 .dx-popup-content{padding:0rem}::ng-deep .sds-navigation-group-popover-wrapper.sds-dx-popup-content-padding-1 .dx-popup-content{padding:.25rem}::ng-deep .sds-navigation-group-popover-wrapper.sds-dx-popup-content-padding-2 .dx-popup-content{padding:.5rem}::ng-deep .sds-navigation-group-popover-wrapper.sds-dx-popup-content-padding-3 .dx-popup-content{padding:1rem}::ng-deep .sds-navigation-group-popover-wrapper .dx-popover-arrow{display:none}::ng-deep .sds-navigation-group-popover-wrapper .group-header{font-weight:600;padding:.25rem .75rem .5rem .5rem}::ng-deep .sds-navigation-group-popover-wrapper .sds-navigation-container.sds-navigation-popover-container{color:var(--bs-body-color)!important;padding-bottom:.07rem;overflow-y:auto;max-height:45vh}::ng-deep .sds-navigation-group-popover-wrapper .sds-navigation-container.sds-navigation-popover-container .sds-navigation-group-items .active{font-weight:500}::ng-deep .sds-navigation-group-popover-wrapper .sds-navigation-container.sds-navigation-popover-container .sds-navigation-group-items .sds-navigation-icon{display:none}::ng-deep .sds-navigation-group-popover-wrapper .sds-navigation-container.sds-navigation-popover-container .sds-navigation-group-items .sds-navigation-item-container{border-left:none;padding-top:.25rem;padding-bottom:.25rem;border-radius:var(--bs-border-radius);color:var(--bs-body-color)!important}::ng-deep .sds-navigation-group-popover-wrapper .sds-navigation-container.sds-navigation-popover-container .sds-navigation-group-items .sds-navigation-item-container .sds-navigation-item-content{padding-top:.25rem;padding-bottom:.25rem;padding-left:1rem;color:var(--bs-body-color)!important}::ng-deep .sds-navigation-group-popover-wrapper .sds-navigation-container.sds-navigation-popover-container .sds-navigation-group-items .sds-navigation-item-container .sds-navigation-header{color:var(--bs-body-color)!important}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DxPopoverModule }, { kind: "component", type: i2.DxPopoverComponent, selector: "dx-popover", inputs: ["animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "enableBodyScroll", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showEvent", "showTitle", "target", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "onTitleRendered", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "enableBodyScrollChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showEventChange", "showTitleChange", "targetChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: i3.DxoPositionComponent, selector: "dxo-position", inputs: ["at", "boundary", "boundaryOffset", "collision", "my", "of", "offset"] }, { kind: "ngmodule", type: DxoPositionModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsNavigationGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sds-navigation-group', standalone: true, imports: [
+                        RouterLink,
+                        NgIf,
+                        FaIconComponent,
+                        DxPopoverModule,
+                        DxoPositionModule,
+                    ], template: "<div \r\n    #navigationGroup\r\n    class=\"sds-navigation-group sds-navigation-item-container d-flex\"\r\n    [class.sds-navigation-group-light-style]=\"lightStyle()\"\r\n    [class.flex-column-reverse]=\"reverse\"\r\n    [class.flex-column]=\"!reverse\"\r\n    [class.disabled]=\"disabled\"\r\n    [class.active]=\"isGroupActive\"\r\n    [class.collapsed]=\"isCollapsed()\"\r\n    >\r\n    <a \r\n        class=\"w-100 sds-navigation-item-content p-2 text-gray-800 sds-fs-93\"\r\n        [class.collapsed]=\"isCollapsed()\"\r\n        style=\"cursor: pointer\"\r\n        [routerLink]=\"[defaultRouterLink]\">\r\n        <div class=\"d-flex align-items-center w-100 justify-content-center\">\r\n            <div class=\"sds-navigation-icon\" >\r\n                <ng-content select=\"[navigationIcon]\"></ng-content>\r\n            </div>\r\n\r\n            <ng-container *ngIf=\"!isCollapsed()\">\r\n                <div class=\"sds-navigation-text user-select-none\">\r\n                    {{ text }}\r\n                </div>\r\n                <div class=\"text-right\">\r\n                    <fa-icon *ngIf=\"!reverse\" [icon]=\"faAngleDownRegular\"></fa-icon>\r\n                    <fa-icon *ngIf=\"reverse\" [icon]=\"faAngleUpRegular\"></fa-icon>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n    </a>\r\n\r\n    <div \r\n        class=\"sub-menu\" \r\n        *ngIf=\"!isCollapsed()\">\r\n\r\n        <div class=\"sds-navigation-group-items sds-flex-column gap-05\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<ng-container *ngIf=\"isCollapsed() || (showPopover && !isGroupActive)\">\r\n    <dx-popover\r\n        [target]=\"navigationGroup\"\r\n        [showEvent]=\"{ name: 'dxhoverstart', delay: 100 }\"\r\n        [hideEvent]=\"{ name: 'dxhoverend', delay: 100 }\"\r\n        (onHiding)=\"onHiding($event)\"\r\n        width=\"15rem\"\r\n        [wrapperAttr]=\"{ class: 'sds-navigation-group-popover-wrapper sds-dx-popup-content-padding-2' }\"\r\n        [hideOnOutsideClick]=\"true\"\r\n        [hideOnParentScroll]=\"true\"\r\n        [animation]=\"{}\"\r\n    >\r\n\r\n        <dxo-position\r\n            my=\"top left\"\r\n            at=\"top right\"\r\n            [of]=\"navigationGroup\"\r\n            offset=\"-12 0\"\r\n            >\r\n        </dxo-position>\r\n\r\n        <div *ngIf=\"showPopoverHeader\" class=\"group-header user-select-none\">\r\n            {{ text }}\r\n        </div>\r\n        <div \r\n            class=\"sds-navigation-container sds-navigation-popover-container sds-scrollbar sds-scrollbar-thin sds-scrollbar-no-hide\"\r\n            >\r\n            <div class=\"sds-navigation-group-items\">\r\n                <ng-content select=\"[popoverContent]\"></ng-content>\r\n            </div>\r\n        </div>\r\n    </dx-popover>\r\n</ng-container>\r\n", styles: [".gap-05{gap:.125rem!important}.sds-navigation-group.sds-navigation-item-container{border-radius:.5rem;border-left:none!important;padding-top:0!important;padding-bottom:0!important}.sds-navigation-group.sds-navigation-item-container a{padding-top:.6rem!important;padding-bottom:.6rem!important}.sds-navigation-group.sds-navigation-item-container.disabled{pointer-events:none;opacity:.6}.sds-navigation-group.active>a{font-weight:600}.sds-navigation-group.active:not(.collapsed){background-color:transparent!important}.sds-navigation-group .sub-menu{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease-in-out}.sds-navigation-group .sub-menu>div{overflow:hidden;min-height:0}.sds-navigation-group.active .sub-menu{grid-template-rows:1fr}::ng-deep .sds-navigation-group-popover-wrapper.sds-dx-popup-content-padding-0 .dx-popup-content{padding:0rem}::ng-deep .sds-navigation-group-popover-wrapper.sds-dx-popup-content-padding-1 .dx-popup-content{padding:.25rem}::ng-deep .sds-navigation-group-popover-wrapper.sds-dx-popup-content-padding-2 .dx-popup-content{padding:.5rem}::ng-deep .sds-navigation-group-popover-wrapper.sds-dx-popup-content-padding-3 .dx-popup-content{padding:1rem}::ng-deep .sds-navigation-group-popover-wrapper .dx-popover-arrow{display:none}::ng-deep .sds-navigation-group-popover-wrapper .group-header{font-weight:600;padding:.25rem .75rem .5rem .5rem}::ng-deep .sds-navigation-group-popover-wrapper .sds-navigation-container.sds-navigation-popover-container{color:var(--bs-body-color)!important;padding-bottom:.07rem;overflow-y:auto;max-height:45vh}::ng-deep .sds-navigation-group-popover-wrapper .sds-navigation-container.sds-navigation-popover-container .sds-navigation-group-items .active{font-weight:500}::ng-deep .sds-navigation-group-popover-wrapper .sds-navigation-container.sds-navigation-popover-container .sds-navigation-group-items .sds-navigation-icon{display:none}::ng-deep .sds-navigation-group-popover-wrapper .sds-navigation-container.sds-navigation-popover-container .sds-navigation-group-items .sds-navigation-item-container{border-left:none;padding-top:.25rem;padding-bottom:.25rem;border-radius:var(--bs-border-radius);color:var(--bs-body-color)!important}::ng-deep .sds-navigation-group-popover-wrapper .sds-navigation-container.sds-navigation-popover-container .sds-navigation-group-items .sds-navigation-item-container .sds-navigation-item-content{padding-top:.25rem;padding-bottom:.25rem;padding-left:1rem;color:var(--bs-body-color)!important}::ng-deep .sds-navigation-group-popover-wrapper .sds-navigation-container.sds-navigation-popover-container .sds-navigation-group-items .sds-navigation-item-container .sds-navigation-header{color:var(--bs-body-color)!important}\n"] }]
+        }], ctorParameters: () => [{ type: i1.Router }], propDecorators: { navigationGroupNestedRoutes: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], defaultRouterLink: [{
+                type: Input
+            }], reverse: [{
+                type: Input
+            }], ignoreQueryParamsInActiveRoute: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], showPopover: [{
+                type: Input
+            }], showPopoverHeader: [{
+                type: Input
+            }], routerLinkComponents: [{
+                type: ContentChildren,
+                args: [SdsNavigationRouteLinkComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9uYXZpZ2F0aW9uL25hdmlnYXRpb24tZ3JvdXAvbmF2aWdhdGlvbi1ncm91cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9uYXZpZ2F0aW9uL25hdmlnYXRpb24tZ3JvdXAvbmF2aWdhdGlvbi1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUgsU0FBUyxFQUNULGVBQWUsRUFDZixLQUFLLEVBQ0wsS0FBSyxFQUdMLFNBQVMsRUFFVCxLQUFLLEVBQ1IsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGFBQWEsRUFBVSxVQUFVLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSwwREFBMEQsQ0FBQztBQUUzRyxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNsRCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNqRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDaEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7Ozs7QUFnQnZDLE1BQU0sT0FBTywyQkFBMkI7SUFRcEMsSUFDSSwyQkFBMkIsQ0FBQyxLQUFlO1FBQzNDLElBQUksQ0FBQyw0QkFBNEIsR0FBRyxLQUFLLENBQUM7SUFDOUMsQ0FBQztJQUNELElBQUksMkJBQTJCO1FBQzNCLE9BQU8sSUFBSSxDQUFDLDRCQUE0QixDQUFDO0lBQzdDLENBQUM7SUFnQ0QsWUFBb0IsT0FBZTtRQUFmLFlBQU8sR0FBUCxPQUFPLENBQVE7UUE3Q25DOzs7OztXQUtHO1FBQ0ssaUNBQTRCLEdBQWEsRUFBRSxDQUFDO1FBUzNDLFNBQUksR0FBVyxFQUFFLENBQUM7UUFDbEIsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUNsQixzQkFBaUIsR0FBVyxFQUFFLENBQUM7UUFDL0IsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUNoQixtQ0FBOEIsR0FBRyxLQUFLLENBQUM7UUFDdkMsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNwQixzQkFBaUIsR0FBRyxLQUFLLENBQUM7UUFFbkMsZUFBVSxHQUFHLEtBQUssQ0FBVSxJQUFJLENBQUMsQ0FBQztRQUdsQyx5QkFBb0IsR0FBK0MsSUFBSSxTQUFTLEVBQW1DLENBQUM7UUFFcEgsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUV4QixxQkFBZ0IsR0FBRyxTQUFTLENBQUM7UUFDN0IsdUJBQWtCLEdBQUcsV0FBVyxDQUFDO1FBRWpDOztXQUVHO1FBQ0gsZUFBVSxHQUFhLEVBQUUsQ0FBQztRQUVsQixpQkFBWSxHQUFrQixJQUFJLE9BQU8sRUFBUSxDQUFDO1FBRW5ELGtCQUFhLEdBQVksS0FBSyxDQUFDO1FBQzVCLHdCQUFtQixHQUFHLEtBQUssQ0FBQztRQUt0QyxnQkFBVyxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUZFLENBQUM7SUFJdkMsUUFBUTtRQUNKLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLElBQUksQ0FDcEIsTUFBTSxDQUFDLENBQUMsS0FBVSxFQUFFLEVBQUUsQ0FBQyxLQUFLLFlBQVksYUFBYSxDQUFDLEVBQ3RELFNBQVMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQy9CLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7WUFDbEIsSUFBSSxLQUFLLFlBQVksYUFBYSxFQUFFLENBQUM7Z0JBQ2pDLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyw4QkFBOEIsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxpQkFBaUIsQ0FBQztnQkFDL0gsTUFBTSxLQUFLLEdBQWEsV0FBVyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDO2dCQUMvRSxJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztnQkFDeEIsSUFBSSxDQUFDLGFBQWEsR0FBRywwQkFBMEIsQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLElBQUksQ0FBQywyQkFBMkIsRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztZQUMvSCxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDekIsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBRUQsUUFBUSxDQUFDLENBQU07UUFDWCxNQUFNLGNBQWMsR0FBRyxDQUFDLENBQUMsU0FBUyxDQUFDLE9BQU8sRUFBRSxDQUFDLFVBQVUsQ0FBQztRQUN4RCxNQUFNLG9CQUFvQixHQUFHLGNBQWMsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDOUQsQ0FBQyxDQUFDLE1BQU0sR0FBRyxvQkFBb0IsQ0FBQztRQUVoQyxjQUFjLENBQUMsZ0JBQWdCLENBQUMsWUFBWSxFQUFFLEdBQUcsRUFBRTtZQUMvQyxjQUFjLENBQUMsbUJBQW1CLENBQUMsWUFBWSxFQUFFLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQyxDQUFDO1lBQzNELENBQUMsQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7UUFFdkIsQ0FBQyxDQUFDLENBQUM7SUFFUCxDQUFDOytHQWhGUSwyQkFBMkI7bUdBQTNCLDJCQUEyQixrdkRBMkJuQiwrQkFBK0IsNkJDaEVwRCw0MEZBMkVBLDB1RkQ3Q1EsVUFBVSxvT0FDVixJQUFJLDZGQUNKLGVBQWUsaVBBQ2YsZUFBZSxvK0NBQ2YsaUJBQWlCOzs0RkFHWiwyQkFBMkI7a0JBYnZDLFNBQVM7K0JBQ0ksc0JBQXNCLGNBR3BCLElBQUksV0FDUDt3QkFDTCxVQUFVO3dCQUNWLElBQUk7d0JBQ0osZUFBZTt3QkFDZixlQUFlO3dCQUNmLGlCQUFpQjtxQkFDcEI7MkVBV0csMkJBQTJCO3NCQUQ5QixLQUFLO2dCQVFHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyw4QkFBOEI7c0JBQXRDLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFLTixvQkFBb0I7c0JBRG5CLGVBQWU7dUJBQUMsK0JBQStCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICAgIEFmdGVyQ29udGVudEluaXQsXHJcbiAgICBDb21wb25lbnQsXHJcbiAgICBDb250ZW50Q2hpbGRyZW4sXHJcbiAgICBpbnB1dCxcclxuICAgIElucHV0LFxyXG4gICAgT25EZXN0cm95LFxyXG4gICAgT25Jbml0LFxyXG4gICAgUXVlcnlMaXN0LFxyXG4gICAgc2lnbmFsLFxyXG4gICAgbW9kZWxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTmF2aWdhdGlvbkVuZCwgUm91dGVyLCBSb3V0ZXJMaW5rIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgU2RzTmF2aWdhdGlvblJvdXRlTGlua0NvbXBvbmVudCB9IGZyb20gJy4uL25hdmlnYXRpb24tcm91dGUtbGluay9uYXZpZ2F0aW9uLXJvdXRlLWxpbmsuY29tcG9uZW50JztcclxuXHJcbmltcG9ydCB7IGZhQW5nbGVVcCwgZmFBbmdsZURvd24gfSBmcm9tICdAZm9ydGF3ZXNvbWUvcHJvLXJlZ3VsYXItc3ZnLWljb25zJztcclxuaW1wb3J0IHsgZmlsdGVyLCBTdWJqZWN0LCB0YWtlVW50aWwgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgaXNVcmxQYXJ0T2ZOYXZpZ2F0aW9uR3JvdXAsIHJlbW92ZVF1ZXJ5UGFyYW1zIH0gZnJvbSAnLi4vdXRpbHMvbmF2aWdhdGlvbi51dGlscyc7XHJcbmltcG9ydCB7IER4b1Bvc2l0aW9uTW9kdWxlIH0gZnJvbSAnZGV2ZXh0cmVtZS1hbmd1bGFyL3VpL25lc3RlZCc7XHJcbmltcG9ydCB7IER4UG9wb3Zlck1vZHVsZSB9IGZyb20gJ2RldmV4dHJlbWUtYW5ndWxhci91aS9wb3BvdmVyJztcclxuaW1wb3J0IHsgRmFJY29uQ29tcG9uZW50IH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xyXG5pbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29sbGFwc2libGVOYXZpZ2F0aW9uRW50aXR5IH0gZnJvbSAnLi4vbW9kZWxzL25hdmlnYXRpb24tbW9kZWxzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdzZHMtbmF2aWdhdGlvbi1ncm91cCcsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vbmF2aWdhdGlvbi1ncm91cC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9uYXZpZ2F0aW9uLWdyb3VwLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gICAgaW1wb3J0czogW1xyXG4gICAgICAgIFJvdXRlckxpbmssXHJcbiAgICAgICAgTmdJZixcclxuICAgICAgICBGYUljb25Db21wb25lbnQsXHJcbiAgICAgICAgRHhQb3BvdmVyTW9kdWxlLFxyXG4gICAgICAgIER4b1Bvc2l0aW9uTW9kdWxlLFxyXG4gICAgXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNkc05hdmlnYXRpb25Hcm91cENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95LCBDb2xsYXBzaWJsZU5hdmlnYXRpb25FbnRpdHkge1xyXG4gICAgLyoqXHJcbiAgICAgKiBMaXN0IG9mIHBhdGhzIGFsbG93ZWQvZXhwZWN0ZWQgd2l0aGluIHRoaXMgbW9kdWxlLlxyXG4gICAgICogVGhlc2UgYXJlIHBhdGhzIHRoYXQgYXJlIG5vdCBhY2Nlc3NpYmxlIHRocm91Z2ggY2hpbGQgbmF2aWdhdGlvblxyXG4gICAgICogZWxlbWVudHMsIGJ1dCB0aHJvdWdoIGxpbmtzIGluIG90aGVyIHBhcnRzIG9mIHRoZSBhcHBsaWNhdGlvbiAoZS5nLiBsaW5rXHJcbiAgICAgKiBvbiBmb3JtKVxyXG4gICAgICovXHJcbiAgICBwcml2YXRlIF9uYXZpZ2F0aW9uR3JvdXBOZXN0ZWRSb3V0ZXM6IHN0cmluZ1tdID0gW107XHJcbiAgICBASW5wdXQoKVxyXG4gICAgc2V0IG5hdmlnYXRpb25Hcm91cE5lc3RlZFJvdXRlcyh2YWx1ZTogc3RyaW5nW10pIHtcclxuICAgICAgICB0aGlzLl9uYXZpZ2F0aW9uR3JvdXBOZXN0ZWRSb3V0ZXMgPSB2YWx1ZTtcclxuICAgIH1cclxuICAgIGdldCBuYXZpZ2F0aW9uR3JvdXBOZXN0ZWRSb3V0ZXMoKSB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuX25hdmlnYXRpb25Hcm91cE5lc3RlZFJvdXRlcztcclxuICAgIH1cclxuXHJcbiAgICBASW5wdXQoKSB0ZXh0OiBzdHJpbmcgPSAnJztcclxuICAgIEBJbnB1dCgpIGljb246IHN0cmluZyA9ICcnO1xyXG4gICAgQElucHV0KCkgZGVmYXVsdFJvdXRlckxpbms6IHN0cmluZyA9ICcnO1xyXG4gICAgQElucHV0KCkgcmV2ZXJzZSA9IGZhbHNlO1xyXG4gICAgQElucHV0KCkgaWdub3JlUXVlcnlQYXJhbXNJbkFjdGl2ZVJvdXRlID0gZmFsc2U7XHJcbiAgICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xyXG4gICAgQElucHV0KCkgc2hvd1BvcG92ZXIgPSBmYWxzZTtcclxuICAgIEBJbnB1dCgpIHNob3dQb3BvdmVySGVhZGVyID0gZmFsc2U7XHJcblxyXG4gICAgbGlnaHRTdHlsZSA9IGlucHV0PGJvb2xlYW4+KHRydWUpO1xyXG5cclxuICAgIEBDb250ZW50Q2hpbGRyZW4oU2RzTmF2aWdhdGlvblJvdXRlTGlua0NvbXBvbmVudClcclxuICAgIHJvdXRlckxpbmtDb21wb25lbnRzOiBRdWVyeUxpc3Q8U2RzTmF2aWdhdGlvblJvdXRlTGlua0NvbXBvbmVudD4gPSBuZXcgUXVlcnlMaXN0PFNkc05hdmlnYXRpb25Sb3V0ZUxpbmtDb21wb25lbnQ+KCk7XHJcblxyXG4gICAgYWN0aXZlOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gICAgZmFBbmdsZVVwUmVndWxhciA9IGZhQW5nbGVVcDtcclxuICAgIGZhQW5nbGVEb3duUmVndWxhciA9IGZhQW5nbGVEb3duO1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogQ3VycmVudCBhcHAgVVJMIChlLmcuIFsnbGF5b3V0LXNob3djYXNlJywgJ2RlZmF1bHQnXSlcclxuICAgICAqL1xyXG4gICAgY3VycmVudFVybDogc3RyaW5nW10gPSBbXTtcclxuXHJcbiAgICBwcml2YXRlIF91bnN1YnNjcmliZTogU3ViamVjdDx2b2lkPiA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XHJcblxyXG4gICAgcHVibGljIGlzR3JvdXBBY3RpdmU6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIHByb3RlY3RlZCBpc0FjdGl2ZUdyb3VwQ2xvc2VkID0gZmFsc2U7XHJcblxyXG5cclxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgX3JvdXRlcjogUm91dGVyKSB7fVxyXG4gICAgXHJcbiAgICBpc0NvbGxhcHNlZCA9IG1vZGVsPGJvb2xlYW4+KGZhbHNlKTtcclxuXHJcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLl9yb3V0ZXIuZXZlbnRzLnBpcGUoXHJcbiAgICAgICAgICAgIGZpbHRlcigoZXZlbnQ6IGFueSkgPT4gZXZlbnQgaW5zdGFuY2VvZiBOYXZpZ2F0aW9uRW5kKSxcclxuICAgICAgICAgICAgdGFrZVVudGlsKHRoaXMuX3Vuc3Vic2NyaWJlKVxyXG4gICAgICAgICkuc3Vic2NyaWJlKChldmVudCkgPT4ge1xyXG4gICAgICAgICAgICBpZiAoZXZlbnQgaW5zdGFuY2VvZiBOYXZpZ2F0aW9uRW5kKSB7XHJcbiAgICAgICAgICAgICAgICBjb25zdCBhY3RpdmVSb3V0ZSA9IHRoaXMuaWdub3JlUXVlcnlQYXJhbXNJbkFjdGl2ZVJvdXRlID8gcmVtb3ZlUXVlcnlQYXJhbXMoZXZlbnQudXJsQWZ0ZXJSZWRpcmVjdHMpIDogZXZlbnQudXJsQWZ0ZXJSZWRpcmVjdHM7XHJcbiAgICAgICAgICAgICAgICBjb25zdCByb3V0ZTogc3RyaW5nW10gPSBhY3RpdmVSb3V0ZS5zcGxpdCgnLycpLmZpbHRlcihpdGVtID0+IGl0ZW0ubGVuZ3RoID4gMCk7XHJcbiAgICAgICAgICAgICAgICB0aGlzLmN1cnJlbnRVcmwgPSByb3V0ZTtcclxuICAgICAgICAgICAgICAgIHRoaXMuaXNHcm91cEFjdGl2ZSA9IGlzVXJsUGFydE9mTmF2aWdhdGlvbkdyb3VwKHRoaXMuY3VycmVudFVybCwgdGhpcy5uYXZpZ2F0aW9uR3JvdXBOZXN0ZWRSb3V0ZXMsIHRoaXMuZGVmYXVsdFJvdXRlckxpbmspO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5fdW5zdWJzY3JpYmUubmV4dCgpO1xyXG4gICAgICAgIHRoaXMuX3Vuc3Vic2NyaWJlLmNvbXBsZXRlKCk7XHJcbiAgICB9XHJcblxyXG4gICAgb25IaWRpbmcoZTogYW55KSB7XHJcbiAgICAgICAgY29uc3QgcG9wb3ZlckNvbnRlbnQgPSBlLmNvbXBvbmVudC5jb250ZW50KCkucGFyZW50Tm9kZTtcclxuICAgICAgICBjb25zdCBpc01vdXNlSW5zaWRlUG9wb3ZlciA9IHBvcG92ZXJDb250ZW50Lm1hdGNoZXMoJzpob3ZlcicpO1xyXG4gICAgICAgIGUuY2FuY2VsID0gaXNNb3VzZUluc2lkZVBvcG92ZXI7XHJcblxyXG4gICAgICAgIHBvcG92ZXJDb250ZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlbGVhdmUnLCAoKSA9PiB7XHJcbiAgICAgICAgICAgIHBvcG92ZXJDb250ZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlbGVhdmUnLCAoKSA9PiB7fSk7XHJcbiAgICAgICAgICAgIGUuY29tcG9uZW50LmhpZGUoKTtcclxuXHJcbiAgICAgICAgfSk7XHJcblxyXG4gICAgfVxyXG59XHJcbiIsIjxkaXYgXHJcbiAgICAjbmF2aWdhdGlvbkdyb3VwXHJcbiAgICBjbGFzcz1cInNkcy1uYXZpZ2F0aW9uLWdyb3VwIHNkcy1uYXZpZ2F0aW9uLWl0ZW0tY29udGFpbmVyIGQtZmxleFwiXHJcbiAgICBbY2xhc3Muc2RzLW5hdmlnYXRpb24tZ3JvdXAtbGlnaHQtc3R5bGVdPVwibGlnaHRTdHlsZSgpXCJcclxuICAgIFtjbGFzcy5mbGV4LWNvbHVtbi1yZXZlcnNlXT1cInJldmVyc2VcIlxyXG4gICAgW2NsYXNzLmZsZXgtY29sdW1uXT1cIiFyZXZlcnNlXCJcclxuICAgIFtjbGFzcy5kaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICBbY2xhc3MuYWN0aXZlXT1cImlzR3JvdXBBY3RpdmVcIlxyXG4gICAgW2NsYXNzLmNvbGxhcHNlZF09XCJpc0NvbGxhcHNlZCgpXCJcclxuICAgID5cclxuICAgIDxhIFxyXG4gICAgICAgIGNsYXNzPVwidy0xMDAgc2RzLW5hdmlnYXRpb24taXRlbS1jb250ZW50IHAtMiB0ZXh0LWdyYXktODAwIHNkcy1mcy05M1wiXHJcbiAgICAgICAgW2NsYXNzLmNvbGxhcHNlZF09XCJpc0NvbGxhcHNlZCgpXCJcclxuICAgICAgICBzdHlsZT1cImN1cnNvcjogcG9pbnRlclwiXHJcbiAgICAgICAgW3JvdXRlckxpbmtdPVwiW2RlZmF1bHRSb3V0ZXJMaW5rXVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIHctMTAwIGp1c3RpZnktY29udGVudC1jZW50ZXJcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNkcy1uYXZpZ2F0aW9uLWljb25cIiA+XHJcbiAgICAgICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbbmF2aWdhdGlvbkljb25dXCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhaXNDb2xsYXBzZWQoKVwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNkcy1uYXZpZ2F0aW9uLXRleHQgdXNlci1zZWxlY3Qtbm9uZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIHt7IHRleHQgfX1cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRleHQtcmlnaHRcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZmEtaWNvbiAqbmdJZj1cIiFyZXZlcnNlXCIgW2ljb25dPVwiZmFBbmdsZURvd25SZWd1bGFyXCI+PC9mYS1pY29uPlxyXG4gICAgICAgICAgICAgICAgICAgIDxmYS1pY29uICpuZ0lmPVwicmV2ZXJzZVwiIFtpY29uXT1cImZhQW5nbGVVcFJlZ3VsYXJcIj48L2ZhLWljb24+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2E+XHJcblxyXG4gICAgPGRpdiBcclxuICAgICAgICBjbGFzcz1cInN1Yi1tZW51XCIgXHJcbiAgICAgICAgKm5nSWY9XCIhaXNDb2xsYXBzZWQoKVwiPlxyXG5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwic2RzLW5hdmlnYXRpb24tZ3JvdXAtaXRlbXMgc2RzLWZsZXgtY29sdW1uIGdhcC0wNVwiPlxyXG4gICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG48bmctY29udGFpbmVyICpuZ0lmPVwiaXNDb2xsYXBzZWQoKSB8fCAoc2hvd1BvcG92ZXIgJiYgIWlzR3JvdXBBY3RpdmUpXCI+XHJcbiAgICA8ZHgtcG9wb3ZlclxyXG4gICAgICAgIFt0YXJnZXRdPVwibmF2aWdhdGlvbkdyb3VwXCJcclxuICAgICAgICBbc2hvd0V2ZW50XT1cInsgbmFtZTogJ2R4aG92ZXJzdGFydCcsIGRlbGF5OiAxMDAgfVwiXHJcbiAgICAgICAgW2hpZGVFdmVudF09XCJ7IG5hbWU6ICdkeGhvdmVyZW5kJywgZGVsYXk6IDEwMCB9XCJcclxuICAgICAgICAob25IaWRpbmcpPVwib25IaWRpbmcoJGV2ZW50KVwiXHJcbiAgICAgICAgd2lkdGg9XCIxNXJlbVwiXHJcbiAgICAgICAgW3dyYXBwZXJBdHRyXT1cInsgY2xhc3M6ICdzZHMtbmF2aWdhdGlvbi1ncm91cC1wb3BvdmVyLXdyYXBwZXIgc2RzLWR4LXBvcHVwLWNvbnRlbnQtcGFkZGluZy0yJyB9XCJcclxuICAgICAgICBbaGlkZU9uT3V0c2lkZUNsaWNrXT1cInRydWVcIlxyXG4gICAgICAgIFtoaWRlT25QYXJlbnRTY3JvbGxdPVwidHJ1ZVwiXHJcbiAgICAgICAgW2FuaW1hdGlvbl09XCJ7fVwiXHJcbiAgICA+XHJcblxyXG4gICAgICAgIDxkeG8tcG9zaXRpb25cclxuICAgICAgICAgICAgbXk9XCJ0b3AgbGVmdFwiXHJcbiAgICAgICAgICAgIGF0PVwidG9wIHJpZ2h0XCJcclxuICAgICAgICAgICAgW29mXT1cIm5hdmlnYXRpb25Hcm91cFwiXHJcbiAgICAgICAgICAgIG9mZnNldD1cIi0xMiAwXCJcclxuICAgICAgICAgICAgPlxyXG4gICAgICAgIDwvZHhvLXBvc2l0aW9uPlxyXG5cclxuICAgICAgICA8ZGl2ICpuZ0lmPVwic2hvd1BvcG92ZXJIZWFkZXJcIiBjbGFzcz1cImdyb3VwLWhlYWRlciB1c2VyLXNlbGVjdC1ub25lXCI+XHJcbiAgICAgICAgICAgIHt7IHRleHQgfX1cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IFxyXG4gICAgICAgICAgICBjbGFzcz1cInNkcy1uYXZpZ2F0aW9uLWNvbnRhaW5lciBzZHMtbmF2aWdhdGlvbi1wb3BvdmVyLWNvbnRhaW5lciBzZHMtc2Nyb2xsYmFyIHNkcy1zY3JvbGxiYXItdGhpbiBzZHMtc2Nyb2xsYmFyLW5vLWhpZGVcIlxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzZHMtbmF2aWdhdGlvbi1ncm91cC1pdGVtc1wiPlxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3BvcG92ZXJDb250ZW50XVwiPjwvbmctY29udGVudD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2R4LXBvcG92ZXI+XHJcbjwvbmctY29udGFpbmVyPlxyXG4iXX0=

package/esm2022/src/lib/navigation/navigation-header/navigation-header.component.mjs

@@ -0,0 +1,21 @@
+import { Component, Input, model } from '@angular/core';
+import { NgIf } from '@angular/common';
+import * as i0 from "@angular/core";
+export class SdsNavigationHeaderComponent {
+    constructor() {
+        this.isCollapsed = model(false);
+        this.text = '';
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsNavigationHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: SdsNavigationHeaderComponent, isStandalone: true, selector: "sds-navigation-header", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: false, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isCollapsed: "isCollapsedChange" }, ngImport: i0, template: "\r\n<div class=\"sds-navigation-header text-gray-800\">\r\n    <span *ngIf=\"!isCollapsed()\">{{ text }}</span>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsNavigationHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sds-navigation-header', standalone: true, imports: [
+                        NgIf
+                    ], template: "\r\n<div class=\"sds-navigation-header text-gray-800\">\r\n    <span *ngIf=\"!isCollapsed()\">{{ text }}</span>\r\n</div>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { text: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvbmF2aWdhdGlvbi9uYXZpZ2F0aW9uLWhlYWRlci9uYXZpZ2F0aW9uLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9uYXZpZ2F0aW9uL25hdmlnYXRpb24taGVhZGVyL25hdmlnYXRpb24taGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVMsS0FBSyxFQUFrQixLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0UsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQVl2QyxNQUFNLE9BQU8sNEJBQTRCO0lBS3JDO1FBRkEsZ0JBQVcsR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7UUFHaEMsSUFBSSxDQUFDLElBQUksR0FBRyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVELFFBQVEsS0FBVSxDQUFDOytHQVRWLDRCQUE0QjttR0FBNUIsNEJBQTRCLDRZQ2R6QywrSEFJQSwwRERPUSxJQUFJOzs0RkFHQyw0QkFBNEI7a0JBVHhDLFNBQVM7K0JBQ0ksdUJBQXVCLGNBR3JCLElBQUksV0FDUDt3QkFDTCxJQUFJO3FCQUNQO3dEQUdRLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5wdXQsIElucHV0LCBPbkluaXQsIHNpZ25hbCwgbW9kZWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29sbGFwc2libGVOYXZpZ2F0aW9uRW50aXR5IH0gZnJvbSAnLi4vbW9kZWxzL25hdmlnYXRpb24tbW9kZWxzJztcclxuaW1wb3J0IHsgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcblxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3Nkcy1uYXZpZ2F0aW9uLWhlYWRlcicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vbmF2aWdhdGlvbi1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vbmF2aWdhdGlvbi1oZWFkZXIuY29tcG9uZW50LnNjc3MnXSxcclxuICAgIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgICBpbXBvcnRzOiBbXHJcbiAgICAgICAgTmdJZlxyXG4gICAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RzTmF2aWdhdGlvbkhlYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQ29sbGFwc2libGVOYXZpZ2F0aW9uRW50aXR5IHtcclxuICAgIEBJbnB1dCgpIHRleHQ6IHN0cmluZztcclxuICAgIFxyXG4gICAgaXNDb2xsYXBzZWQgPSBtb2RlbDxib29sZWFuPihmYWxzZSk7XHJcbiAgICBcclxuICAgIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgICAgIHRoaXMudGV4dCA9ICcnO1xyXG4gICAgfVxyXG5cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge31cclxufVxyXG4iLCJcclxuPGRpdiBjbGFzcz1cInNkcy1uYXZpZ2F0aW9uLWhlYWRlciB0ZXh0LWdyYXktODAwXCI+XHJcbiAgICA8c3BhbiAqbmdJZj1cIiFpc0NvbGxhcHNlZCgpXCI+e3sgdGV4dCB9fTwvc3Bhbj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/src/lib/navigation/navigation-route-link/navigation-route-link.component.mjs

@@ -0,0 +1,38 @@
+import { Component, Input, model } from '@angular/core';
+import { NgIf } from '@angular/common';
+import { RouterLinkActive, RouterLink } from '@angular/router';
+import * as i0 from "@angular/core";
+export class SdsNavigationRouteLinkComponent {
+    constructor() {
+        /**
+         * This variable is used as 'routerLink' attribute in the anchor tag.
+         *
+         * Is named 'link' to avoid conflict with the 'routerLink' directive.
+         */
+        this.link = '';
+        this.text = '';
+        this.additionalInfo = undefined;
+        this.disabled = false;
+        this.isCollapsed = model(false);
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsNavigationRouteLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: SdsNavigationRouteLinkComponent, isStandalone: true, selector: "sds-navigation-route-link", inputs: { link: { classPropertyName: "link", publicName: "link", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: false, isRequired: false, transformFunction: null }, additionalInfo: { classPropertyName: "additionalInfo", publicName: "additionalInfo", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isCollapsed: "isCollapsedChange" }, ngImport: i0, template: "<!-- class=\"sds-navigation-router-link sidebar-item-x d-flex justify-content-start align-items-center sidebar-item-x py-1\"> -->\r\n<div \r\n    class=\"sds-navigation-router-link sds-navigation-item-container\"\r\n    [class.disabled]=\"disabled\"\r\n    routerLinkActive=\"active\"\r\n    [title]=\"isCollapsed() ? text : ''\"\r\n    >\r\n    <a class=\"sds-navigation-item-content w-100 pe-2 text-gray-800\" [routerLink]=\"link\">\r\n        <div class=\"d-flex align-items-center w-100 justify-content-center\">\r\n            <div class=\"sds-navigation-icon\" >\r\n                <ng-content select=\"[navigationIcon]\"></ng-content>\r\n            </div>\r\n\r\n            <ng-container *ngIf=\"!isCollapsed()\">\r\n                <div class=\"sds-navigation-text user-select-none\">\r\n                    {{ text }}\r\n                </div>\r\n                <span *ngIf=\"additionalInfo\"\r\n                    class=\"sds-navigation-router-link-additional-info badge rounded-pill bg-warning text-body\"\r\n                    >{{ additionalInfo }}</span\r\n                > \r\n            </ng-container>\r\n        </div>\r\n    </a>\r\n</div>", styles: [".sds-navigation-router-link.sds-navigation-item-container.disabled{pointer-events:none;opacity:.6}.sds-navigation-router-link.active>a{font-weight:600!important}.sds-navigation-router-link.sds-navigation-item-container.active{background-color:#00a8d226!important}.sds-navigation-router-link.sds-navigation-item-container:hover:not(.active){background-color:var(--bs-gray-200)!important}.sds-navigation-router-link.sds-navigation-item-container{border-radius:.5rem;border-left:none!important}.sds-navigation-router-link{padding:0!important}.sds-navigation-router-link a{padding-top:.5rem!important;padding-bottom:.5rem!important}\n"], dependencies: [{ kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsNavigationRouteLinkComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sds-navigation-route-link', standalone: true, imports: [
+                        RouterLinkActive,
+                        RouterLink,
+                        NgIf,
+                    ], template: "<!-- class=\"sds-navigation-router-link sidebar-item-x d-flex justify-content-start align-items-center sidebar-item-x py-1\"> -->\r\n<div \r\n    class=\"sds-navigation-router-link sds-navigation-item-container\"\r\n    [class.disabled]=\"disabled\"\r\n    routerLinkActive=\"active\"\r\n    [title]=\"isCollapsed() ? text : ''\"\r\n    >\r\n    <a class=\"sds-navigation-item-content w-100 pe-2 text-gray-800\" [routerLink]=\"link\">\r\n        <div class=\"d-flex align-items-center w-100 justify-content-center\">\r\n            <div class=\"sds-navigation-icon\" >\r\n                <ng-content select=\"[navigationIcon]\"></ng-content>\r\n            </div>\r\n\r\n            <ng-container *ngIf=\"!isCollapsed()\">\r\n                <div class=\"sds-navigation-text user-select-none\">\r\n                    {{ text }}\r\n                </div>\r\n                <span *ngIf=\"additionalInfo\"\r\n                    class=\"sds-navigation-router-link-additional-info badge rounded-pill bg-warning text-body\"\r\n                    >{{ additionalInfo }}</span\r\n                > \r\n            </ng-container>\r\n        </div>\r\n    </a>\r\n</div>", styles: [".sds-navigation-router-link.sds-navigation-item-container.disabled{pointer-events:none;opacity:.6}.sds-navigation-router-link.active>a{font-weight:600!important}.sds-navigation-router-link.sds-navigation-item-container.active{background-color:#00a8d226!important}.sds-navigation-router-link.sds-navigation-item-container:hover:not(.active){background-color:var(--bs-gray-200)!important}.sds-navigation-router-link.sds-navigation-item-container{border-radius:.5rem;border-left:none!important}.sds-navigation-router-link{padding:0!important}.sds-navigation-router-link a{padding-top:.5rem!important;padding-bottom:.5rem!important}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { link: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], additionalInfo: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1yb3V0ZS1saW5rLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL25hdmlnYXRpb24vbmF2aWdhdGlvbi1yb3V0ZS1saW5rL25hdmlnYXRpb24tcm91dGUtbGluay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9uYXZpZ2F0aW9uL25hdmlnYXRpb24tcm91dGUtbGluay9uYXZpZ2F0aW9uLXJvdXRlLWxpbmsuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBUyxLQUFLLEVBQWtCLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFVBQVUsRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQWMvRCxNQUFNLE9BQU8sK0JBQStCO0lBYXhDO1FBWkE7Ozs7V0FJRztRQUNNLFNBQUksR0FBVyxFQUFFLENBQUM7UUFDbEIsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUVsQixtQkFBYyxHQUF1QixTQUFTLENBQUM7UUFFL0MsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUkxQixnQkFBVyxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztJQURwQyxDQUFDO0lBR0QsUUFBUSxLQUFVLENBQUM7K0dBakJWLCtCQUErQjttR0FBL0IsK0JBQStCLDR4QkNoQjVDLDhvQ0F3Qk0sZ3JCRGJFLGdCQUFnQiw4TUFDaEIsVUFBVSxvT0FDVixJQUFJOzs0RkFHQywrQkFBK0I7a0JBWDNDLFNBQVM7K0JBQ0ksMkJBQTJCLGNBR3pCLElBQUksV0FDUDt3QkFDTCxnQkFBZ0I7d0JBQ2hCLFVBQVU7d0JBQ1YsSUFBSTtxQkFDUDt3REFRUSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUVHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBRUcsUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5wdXQsIElucHV0LCBPbkluaXQsIHNpZ25hbCwgbW9kZWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFJvdXRlckxpbmtBY3RpdmUsIFJvdXRlckxpbmsgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBDb2xsYXBzaWJsZU5hdmlnYXRpb25FbnRpdHkgfSBmcm9tICcuLi9tb2RlbHMvbmF2aWdhdGlvbi1tb2RlbHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3Nkcy1uYXZpZ2F0aW9uLXJvdXRlLWxpbmsnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL25hdmlnYXRpb24tcm91dGUtbGluay5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9uYXZpZ2F0aW9uLXJvdXRlLWxpbmsuY29tcG9uZW50LnNjc3MnXSxcclxuICAgIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgICBpbXBvcnRzOiBbXHJcbiAgICAgICAgUm91dGVyTGlua0FjdGl2ZSxcclxuICAgICAgICBSb3V0ZXJMaW5rLFxyXG4gICAgICAgIE5nSWYsXHJcbiAgICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RzTmF2aWdhdGlvblJvdXRlTGlua0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQ29sbGFwc2libGVOYXZpZ2F0aW9uRW50aXR5IHtcclxuICAgIC8qKlxyXG4gICAgICogVGhpcyB2YXJpYWJsZSBpcyB1c2VkIGFzICdyb3V0ZXJMaW5rJyBhdHRyaWJ1dGUgaW4gdGhlIGFuY2hvciB0YWcuXHJcbiAgICAgKiBcclxuICAgICAqIElzIG5hbWVkICdsaW5rJyB0byBhdm9pZCBjb25mbGljdCB3aXRoIHRoZSAncm91dGVyTGluaycgZGlyZWN0aXZlLlxyXG4gICAgICovXHJcbiAgICBASW5wdXQoKSBsaW5rOiBzdHJpbmcgPSAnJztcclxuICAgIEBJbnB1dCgpIHRleHQ6IHN0cmluZyA9ICcnO1xyXG5cclxuICAgIEBJbnB1dCgpIGFkZGl0aW9uYWxJbmZvOiBzdHJpbmcgfCB1bmRlZmluZWQgPSB1bmRlZmluZWQ7XHJcblxyXG4gICAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcigpIHtcclxuICAgIH1cclxuICAgIGlzQ29sbGFwc2VkID0gbW9kZWw8Ym9vbGVhbj4oZmFsc2UpO1xyXG5cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge31cclxufVxyXG4iLCI8IS0tIGNsYXNzPVwic2RzLW5hdmlnYXRpb24tcm91dGVyLWxpbmsgc2lkZWJhci1pdGVtLXggZC1mbGV4IGp1c3RpZnktY29udGVudC1zdGFydCBhbGlnbi1pdGVtcy1jZW50ZXIgc2lkZWJhci1pdGVtLXggcHktMVwiPiAtLT5cclxuPGRpdiBcclxuICAgIGNsYXNzPVwic2RzLW5hdmlnYXRpb24tcm91dGVyLWxpbmsgc2RzLW5hdmlnYXRpb24taXRlbS1jb250YWluZXJcIlxyXG4gICAgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgIHJvdXRlckxpbmtBY3RpdmU9XCJhY3RpdmVcIlxyXG4gICAgW3RpdGxlXT1cImlzQ29sbGFwc2VkKCkgPyB0ZXh0IDogJydcIlxyXG4gICAgPlxyXG4gICAgPGEgY2xhc3M9XCJzZHMtbmF2aWdhdGlvbi1pdGVtLWNvbnRlbnQgdy0xMDAgcGUtMiB0ZXh0LWdyYXktODAwXCIgW3JvdXRlckxpbmtdPVwibGlua1wiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIHctMTAwIGp1c3RpZnktY29udGVudC1jZW50ZXJcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNkcy1uYXZpZ2F0aW9uLWljb25cIiA+XHJcbiAgICAgICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbbmF2aWdhdGlvbkljb25dXCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhaXNDb2xsYXBzZWQoKVwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNkcy1uYXZpZ2F0aW9uLXRleHQgdXNlci1zZWxlY3Qtbm9uZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIHt7IHRleHQgfX1cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJhZGRpdGlvbmFsSW5mb1wiXHJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzZHMtbmF2aWdhdGlvbi1yb3V0ZXItbGluay1hZGRpdGlvbmFsLWluZm8gYmFkZ2Ugcm91bmRlZC1waWxsIGJnLXdhcm5pbmcgdGV4dC1ib2R5XCJcclxuICAgICAgICAgICAgICAgICAgICA+e3sgYWRkaXRpb25hbEluZm8gfX08L3NwYW5cclxuICAgICAgICAgICAgICAgID4gXHJcbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9hPlxyXG48L2Rpdj4iXX0=

package/esm2022/src/lib/navigation/navigation-separator/navigation-separator.component.mjs

@@ -0,0 +1,15 @@
+import { Component, model } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SdsNavigationSeparatorComponent {
+    constructor() {
+        this.isCollapsed = model(false);
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsNavigationSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: SdsNavigationSeparatorComponent, isStandalone: true, selector: "sds-navigation-separator", inputs: { isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isCollapsed: "isCollapsedChange" }, ngImport: i0, template: "<div \r\n    class=\"sds-navigation-separator nav-separator\">\r\n</div>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsNavigationSeparatorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sds-navigation-separator', standalone: true, template: "<div \r\n    class=\"sds-navigation-separator nav-separator\">\r\n</div>\r\n" }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1zZXBhcmF0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvbmF2aWdhdGlvbi9uYXZpZ2F0aW9uLXNlcGFyYXRvci9uYXZpZ2F0aW9uLXNlcGFyYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9uYXZpZ2F0aW9uL25hdmlnYXRpb24tc2VwYXJhdG9yL25hdmlnYXRpb24tc2VwYXJhdG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQXlCLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTeEUsTUFBTSxPQUFPLCtCQUErQjtJQUt4QztRQUZBLGdCQUFXLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBRXJCLENBQUM7SUFFaEIsUUFBUSxLQUFVLENBQUM7K0dBUFYsK0JBQStCO21HQUEvQiwrQkFBK0IseVJDVDVDLDhFQUdBOzs0RkRNYSwrQkFBK0I7a0JBTjNDLFNBQVM7K0JBQ0ksMEJBQTBCLGNBR3hCLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGlucHV0LCBPbkluaXQsIHNpZ25hbCwgbW9kZWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29sbGFwc2libGVOYXZpZ2F0aW9uRW50aXR5IH0gZnJvbSAnLi4vbW9kZWxzL25hdmlnYXRpb24tbW9kZWxzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdzZHMtbmF2aWdhdGlvbi1zZXBhcmF0b3InLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL25hdmlnYXRpb24tc2VwYXJhdG9yLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL25hdmlnYXRpb24tc2VwYXJhdG9yLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBzdGFuZGFsb25lOiB0cnVlXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZHNOYXZpZ2F0aW9uU2VwYXJhdG9yQ29tcG9uZW50XHJcbiAgICBpbXBsZW1lbnRzIE9uSW5pdCwgQ29sbGFwc2libGVOYXZpZ2F0aW9uRW50aXR5XHJcbntcclxuICAgIGlzQ29sbGFwc2VkID0gbW9kZWw8Ym9vbGVhbj4oZmFsc2UpO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKCkge31cclxuXHJcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcbn1cclxuIiwiPGRpdiBcclxuICAgIGNsYXNzPVwic2RzLW5hdmlnYXRpb24tc2VwYXJhdG9yIG5hdi1zZXBhcmF0b3JcIj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/src/lib/navigation/navigation-user-profile/components/user-profile-action-button/user-profile-action-button.component.mjs

@@ -0,0 +1,30 @@
+import { NgIf } from '@angular/common';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import * as i0 from "@angular/core";
+import * as i1 from "@fortawesome/angular-fontawesome";
+export class SdsUserProfileActionButtonComponent {
+    constructor() {
+        this.text = '';
+        this.actionClick = new EventEmitter();
+    }
+    onActionClick() {
+        this.actionClick.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsUserProfileActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SdsUserProfileActionButtonComponent, isStandalone: true, selector: "sds-user-profile-action-button", inputs: { text: "text", icon: "icon" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<a \r\n    class=\"\r\n        d-block \r\n        text-black \r\n        sds-navigation-user-profile-action-button \r\n        sds-hoverable-150 \r\n        sds-fs-93 \r\n        sds-cursor-pointer\r\n        \"\r\n    (click)=\"onActionClick()\" \r\n>\r\n    <fa-icon\r\n        *ngIf=\"icon\"\r\n        class=\"me-2\"\r\n        [fixedWidth]=\"true\"\r\n        [size]=\"'sm'\"\r\n        [icon]=\"icon\">\r\n    </fa-icon>\r\n\r\n    <span>{{text}}</span>\r\n</a>", styles: ["a{-webkit-user-select:none;user-select:none;text-decoration:none;padding:.5rem;width:100%;border-radius:4px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsUserProfileActionButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sds-user-profile-action-button', standalone: true, imports: [
+                        NgIf,
+                        FontAwesomeModule
+                    ], template: "<a \r\n    class=\"\r\n        d-block \r\n        text-black \r\n        sds-navigation-user-profile-action-button \r\n        sds-hoverable-150 \r\n        sds-fs-93 \r\n        sds-cursor-pointer\r\n        \"\r\n    (click)=\"onActionClick()\" \r\n>\r\n    <fa-icon\r\n        *ngIf=\"icon\"\r\n        class=\"me-2\"\r\n        [fixedWidth]=\"true\"\r\n        [size]=\"'sm'\"\r\n        [icon]=\"icon\">\r\n    </fa-icon>\r\n\r\n    <span>{{text}}</span>\r\n</a>", styles: ["a{-webkit-user-select:none;user-select:none;text-decoration:none;padding:.5rem;width:100%;border-radius:4px}\n"] }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], actionClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1wcm9maWxlLWFjdGlvbi1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvbmF2aWdhdGlvbi9uYXZpZ2F0aW9uLXVzZXItcHJvZmlsZS9jb21wb25lbnRzL3VzZXItcHJvZmlsZS1hY3Rpb24tYnV0dG9uL3VzZXItcHJvZmlsZS1hY3Rpb24tYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL25hdmlnYXRpb24vbmF2aWdhdGlvbi11c2VyLXByb2ZpbGUvY29tcG9uZW50cy91c2VyLXByb2ZpbGUtYWN0aW9uLWJ1dHRvbi91c2VyLXByb2ZpbGUtYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV2RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7O0FBYXJFLE1BQU0sT0FBTyxtQ0FBbUM7SUFWaEQ7UUFXYSxTQUFJLEdBQVcsRUFBRSxDQUFDO1FBR2pCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQU1wRDtJQUpHLGFBQWE7UUFDVCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzVCLENBQUM7K0dBUlEsbUNBQW1DO21HQUFuQyxtQ0FBbUMsMktDaEJoRCxzZEFvQkksd0tEUkEsSUFBSSw0RkFDSixpQkFBaUI7OzRGQUdSLG1DQUFtQztrQkFWL0MsU0FBUzsrQkFDRSxnQ0FBZ0MsY0FHOUIsSUFBSSxXQUNQO3dCQUNQLElBQUk7d0JBQ0osaUJBQWlCO3FCQUNwQjs4QkFHWSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUVJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSWNvblByb3AgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZm9udGF3ZXNvbWUtc3ZnLWNvcmUnO1xyXG5pbXBvcnQgeyBGb250QXdlc29tZU1vZHVsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3Nkcy11c2VyLXByb2ZpbGUtYWN0aW9uLWJ1dHRvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3VzZXItcHJvZmlsZS1hY3Rpb24tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi91c2VyLXByb2ZpbGUtYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgTmdJZixcclxuICAgIEZvbnRBd2Vzb21lTW9kdWxlXHJcbl1cclxufSlcclxuZXhwb3J0IGNsYXNzIFNkc1VzZXJQcm9maWxlQWN0aW9uQnV0dG9uQ29tcG9uZW50IHtcclxuICAgIEBJbnB1dCgpIHRleHQ6IHN0cmluZyA9ICcnO1xyXG4gICAgQElucHV0KCkgaWNvbj86IEljb25Qcm9wO1xyXG5cclxuICAgIEBPdXRwdXQoKSBhY3Rpb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuXHJcbiAgICBvbkFjdGlvbkNsaWNrKCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuYWN0aW9uQ2xpY2suZW1pdCgpO1xyXG4gICAgfVxyXG5cclxufVxyXG4iLCI8YSBcclxuICAgIGNsYXNzPVwiXHJcbiAgICAgICAgZC1ibG9jayBcclxuICAgICAgICB0ZXh0LWJsYWNrIFxyXG4gICAgICAgIHNkcy1uYXZpZ2F0aW9uLXVzZXItcHJvZmlsZS1hY3Rpb24tYnV0dG9uIFxyXG4gICAgICAgIHNkcy1ob3ZlcmFibGUtMTUwIFxyXG4gICAgICAgIHNkcy1mcy05MyBcclxuICAgICAgICBzZHMtY3Vyc29yLXBvaW50ZXJcclxuICAgICAgICBcIlxyXG4gICAgKGNsaWNrKT1cIm9uQWN0aW9uQ2xpY2soKVwiIFxyXG4+XHJcbiAgICA8ZmEtaWNvblxyXG4gICAgICAgICpuZ0lmPVwiaWNvblwiXHJcbiAgICAgICAgY2xhc3M9XCJtZS0yXCJcclxuICAgICAgICBbZml4ZWRXaWR0aF09XCJ0cnVlXCJcclxuICAgICAgICBbc2l6ZV09XCInc20nXCJcclxuICAgICAgICBbaWNvbl09XCJpY29uXCI+XHJcbiAgICA8L2ZhLWljb24+XHJcblxyXG4gICAgPHNwYW4+e3t0ZXh0fX08L3NwYW4+XHJcbjwvYT4iXX0=

package/esm2022/src/lib/navigation/navigation-user-profile/components/user-profile-selector/user-profile-selector.component.mjs

@@ -0,0 +1,45 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { faEyeSlash } from '@fortawesome/pro-regular-svg-icons';
+import { SdsUserProfileActionButtonComponent } from '../user-profile-action-button/user-profile-action-button.component';
+import { SdsUserProfileTileComponent } from '../user-profile-tile/user-profile-tile.component';
+import { NgFor, NgIf } from '@angular/common';
+import * as i0 from "@angular/core";
+export class SdsUserProfileSelectorComponent {
+    constructor() {
+        this.content = 'profileList';
+        this.profiles = [];
+        this.selectDefaultProfileText = 'Stop Impersonation';
+        this.switchText = 'Switch to';
+        this.profileIdChange = new EventEmitter();
+        this.isSelectedOneOfProfiles = false;
+        this.SELECT_DEFAULT_PROFILE_ICON = faEyeSlash;
+    }
+    selectProfile(profileId) {
+        this.profileIdChange.emit(profileId);
+    }
+    selectDefaultProfile() {
+        this.profileIdChange.emit('');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsUserProfileSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SdsUserProfileSelectorComponent, isStandalone: true, selector: "sds-user-profile-selector", inputs: { content: "content", profiles: "profiles", selectDefaultProfileText: "selectDefaultProfileText", switchText: "switchText" }, outputs: { profileIdChange: "profileIdChange" }, ngImport: i0, template: "<div class=\"mx-2\">  \r\n    <div \r\n        *ngIf=\"content === 'profileList' && profiles && profiles.length > 0\"\r\n        class=\"pt-2 pb-3 mt-1 mb-2 ps-2 border-bottom\">\r\n\r\n        <div class=\"sds-fs-75 py-1 mb-2 text-uppercase\">{{switchText}}</div>\r\n\r\n        <ul class=\"list-unstyled mb-0 sds-ul-gap-1 ps-2 profile-list sds-scrollbar sds-scrollbar-thin\">\r\n            <li\r\n                class=\"rounded sds-hoverable-150 pe-2 py-1\"\r\n                *ngFor=\"let profile of profiles\"\r\n            >\r\n                <sds-user-profile-tile\r\n                    class=\"sds-cursor-pointer\"\r\n                    [profile]=\"profile\"\r\n                    [size]=\"'small'\"\r\n                    [emphasizeName]=\"false\"\r\n                    (click)=\"selectProfile(profile.id)\"\r\n                    >\r\n                </sds-user-profile-tile>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n\r\n    <div \r\n        *ngIf=\"content === 'selectDefaultProfile'\"\r\n        class=\"mt-2 mb-1\">\r\n        <sds-user-profile-action-button\r\n            [text]=\"selectDefaultProfileText\"\r\n            [icon]=\"SELECT_DEFAULT_PROFILE_ICON\"\r\n            (click)=\"selectDefaultProfile()\"\r\n            >\r\n        </sds-user-profile-action-button>\r\n    </div>\r\n</div>", styles: [".profile-list{max-height:6rem;overflow-y:auto}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SdsUserProfileTileComponent, selector: "sds-user-profile-tile", inputs: ["profile", "emphasizeName", "size"] }, { kind: "component", type: SdsUserProfileActionButtonComponent, selector: "sds-user-profile-action-button", inputs: ["text", "icon"], outputs: ["actionClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsUserProfileSelectorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sds-user-profile-selector', standalone: true, imports: [
+                        NgIf,
+                        NgFor,
+                        SdsUserProfileTileComponent,
+                        SdsUserProfileActionButtonComponent
+                    ], template: "<div class=\"mx-2\">  \r\n    <div \r\n        *ngIf=\"content === 'profileList' && profiles && profiles.length > 0\"\r\n        class=\"pt-2 pb-3 mt-1 mb-2 ps-2 border-bottom\">\r\n\r\n        <div class=\"sds-fs-75 py-1 mb-2 text-uppercase\">{{switchText}}</div>\r\n\r\n        <ul class=\"list-unstyled mb-0 sds-ul-gap-1 ps-2 profile-list sds-scrollbar sds-scrollbar-thin\">\r\n            <li\r\n                class=\"rounded sds-hoverable-150 pe-2 py-1\"\r\n                *ngFor=\"let profile of profiles\"\r\n            >\r\n                <sds-user-profile-tile\r\n                    class=\"sds-cursor-pointer\"\r\n                    [profile]=\"profile\"\r\n                    [size]=\"'small'\"\r\n                    [emphasizeName]=\"false\"\r\n                    (click)=\"selectProfile(profile.id)\"\r\n                    >\r\n                </sds-user-profile-tile>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n\r\n    <div \r\n        *ngIf=\"content === 'selectDefaultProfile'\"\r\n        class=\"mt-2 mb-1\">\r\n        <sds-user-profile-action-button\r\n            [text]=\"selectDefaultProfileText\"\r\n            [icon]=\"SELECT_DEFAULT_PROFILE_ICON\"\r\n            (click)=\"selectDefaultProfile()\"\r\n            >\r\n        </sds-user-profile-action-button>\r\n    </div>\r\n</div>", styles: [".profile-list{max-height:6rem;overflow-y:auto}\n"] }]
+        }], propDecorators: { content: [{
+                type: Input
+            }], profiles: [{
+                type: Input
+            }], selectDefaultProfileText: [{
+                type: Input
+            }], switchText: [{
+                type: Input
+            }], profileIdChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1wcm9maWxlLXNlbGVjdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL25hdmlnYXRpb24vbmF2aWdhdGlvbi11c2VyLXByb2ZpbGUvY29tcG9uZW50cy91c2VyLXByb2ZpbGUtc2VsZWN0b3IvdXNlci1wcm9maWxlLXNlbGVjdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL25hdmlnYXRpb24vbmF2aWdhdGlvbi11c2VyLXByb2ZpbGUvY29tcG9uZW50cy91c2VyLXByb2ZpbGUtc2VsZWN0b3IvdXNlci1wcm9maWxlLXNlbGVjdG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBYSxNQUFNLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBRWpHLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUVoRSxPQUFPLEVBQUUsbUNBQW1DLEVBQUUsTUFBTSxvRUFBb0UsQ0FBQztBQUN6SCxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUMvRixPQUFPLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQWM5QyxNQUFNLE9BQU8sK0JBQStCO0lBWjVDO1FBY2EsWUFBTyxHQUErQixhQUFhLENBQUM7UUFDcEQsYUFBUSxHQUF3QixFQUFFLENBQUM7UUFDbkMsNkJBQXdCLEdBQVcsb0JBQW9CLENBQUM7UUFDeEQsZUFBVSxHQUFXLFdBQVcsQ0FBQztRQUVoQyxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFFN0MsNEJBQXVCLEdBQVksS0FBSyxDQUFDO1FBQ2hDLGdDQUEyQixHQUFHLFVBQVUsQ0FBQztLQVUvRDtJQVJVLGFBQWEsQ0FBQyxTQUFpQjtRQUNsQyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUN6QyxDQUFDO0lBRU0sb0JBQW9CO1FBQ3ZCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7K0dBbEJRLCtCQUErQjttR0FBL0IsK0JBQStCLDRRQ3BCNUMsdXpDQWtDTSwwR0RwQkYsSUFBSSw2RkFDSixLQUFLLG1IQUNMLDJCQUEyQixnSEFDM0IsbUNBQW1DOzs0RkFHMUIsK0JBQStCO2tCQVozQyxTQUFTOytCQUNFLDJCQUEyQixjQUd6QixJQUFJLFdBQ1A7d0JBQ1AsSUFBSTt3QkFDSixLQUFLO3dCQUNMLDJCQUEyQjt3QkFDM0IsbUNBQW1DO3FCQUNwQzs4QkFJVSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyx3QkFBd0I7c0JBQWhDLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFFSSxlQUFlO3NCQUF4QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE91dHB1dCwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBOYXZpZ2F0aW9uUHJvZmlsZSB9IGZyb20gJy4uLy4uL25hdmlnYXRpb24tcHJvZmlsZS5tb2RlbCc7XHJcbmltcG9ydCB7IGZhRXllU2xhc2ggfSBmcm9tICdAZm9ydGF3ZXNvbWUvcHJvLXJlZ3VsYXItc3ZnLWljb25zJztcclxuaW1wb3J0IHsgVXNlclByb2ZpbGVTZWxlY3RvckNvbnRlbnQgfSBmcm9tICcuL3VzZXItcHJvZmlsZS1zZWxlY3Rvci50eXBlcyc7XHJcbmltcG9ydCB7IFNkc1VzZXJQcm9maWxlQWN0aW9uQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vdXNlci1wcm9maWxlLWFjdGlvbi1idXR0b24vdXNlci1wcm9maWxlLWFjdGlvbi1idXR0b24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgU2RzVXNlclByb2ZpbGVUaWxlQ29tcG9uZW50IH0gZnJvbSAnLi4vdXNlci1wcm9maWxlLXRpbGUvdXNlci1wcm9maWxlLXRpbGUuY29tcG9uZW50JztcclxuaW1wb3J0IHsgTmdGb3IsIE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZHMtdXNlci1wcm9maWxlLXNlbGVjdG9yJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdXNlci1wcm9maWxlLXNlbGVjdG9yLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi91c2VyLXByb2ZpbGUtc2VsZWN0b3IuY29tcG9uZW50LnNjc3MnXSxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIE5nSWYsXHJcbiAgICBOZ0ZvcixcclxuICAgIFNkc1VzZXJQcm9maWxlVGlsZUNvbXBvbmVudCxcclxuICAgIFNkc1VzZXJQcm9maWxlQWN0aW9uQnV0dG9uQ29tcG9uZW50XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RzVXNlclByb2ZpbGVTZWxlY3RvckNvbXBvbmVudCB7XHJcblxyXG4gICAgQElucHV0KCkgY29udGVudDogVXNlclByb2ZpbGVTZWxlY3RvckNvbnRlbnQgPSAncHJvZmlsZUxpc3QnO1xyXG4gICAgQElucHV0KCkgcHJvZmlsZXM6IE5hdmlnYXRpb25Qcm9maWxlW10gPSBbXTtcclxuICAgIEBJbnB1dCgpIHNlbGVjdERlZmF1bHRQcm9maWxlVGV4dDogc3RyaW5nID0gJ1N0b3AgSW1wZXJzb25hdGlvbic7XHJcbiAgICBASW5wdXQoKSBzd2l0Y2hUZXh0OiBzdHJpbmcgPSAnU3dpdGNoIHRvJztcclxuXHJcbiAgICBAT3V0cHV0KCkgcHJvZmlsZUlkQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcblxyXG4gICAgcHJvdGVjdGVkIGlzU2VsZWN0ZWRPbmVPZlByb2ZpbGVzOiBib29sZWFuID0gZmFsc2U7XHJcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgU0VMRUNUX0RFRkFVTFRfUFJPRklMRV9JQ09OID0gZmFFeWVTbGFzaDtcclxuXHJcbiAgICBwdWJsaWMgc2VsZWN0UHJvZmlsZShwcm9maWxlSWQ6IHN0cmluZyk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMucHJvZmlsZUlkQ2hhbmdlLmVtaXQocHJvZmlsZUlkKTtcclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgc2VsZWN0RGVmYXVsdFByb2ZpbGUoKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5wcm9maWxlSWRDaGFuZ2UuZW1pdCgnJyk7XHJcbiAgICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJteC0yXCI+ICBcclxuICAgIDxkaXYgXHJcbiAgICAgICAgKm5nSWY9XCJjb250ZW50ID09PSAncHJvZmlsZUxpc3QnICYmIHByb2ZpbGVzICYmIHByb2ZpbGVzLmxlbmd0aCA+IDBcIlxyXG4gICAgICAgIGNsYXNzPVwicHQtMiBwYi0zIG10LTEgbWItMiBwcy0yIGJvcmRlci1ib3R0b21cIj5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInNkcy1mcy03NSBweS0xIG1iLTIgdGV4dC11cHBlcmNhc2VcIj57e3N3aXRjaFRleHR9fTwvZGl2PlxyXG5cclxuICAgICAgICA8dWwgY2xhc3M9XCJsaXN0LXVuc3R5bGVkIG1iLTAgc2RzLXVsLWdhcC0xIHBzLTIgcHJvZmlsZS1saXN0IHNkcy1zY3JvbGxiYXIgc2RzLXNjcm9sbGJhci10aGluXCI+XHJcbiAgICAgICAgICAgIDxsaVxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJyb3VuZGVkIHNkcy1ob3ZlcmFibGUtMTUwIHBlLTIgcHktMVwiXHJcbiAgICAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgcHJvZmlsZSBvZiBwcm9maWxlc1wiXHJcbiAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgIDxzZHMtdXNlci1wcm9maWxlLXRpbGVcclxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInNkcy1jdXJzb3ItcG9pbnRlclwiXHJcbiAgICAgICAgICAgICAgICAgICAgW3Byb2ZpbGVdPVwicHJvZmlsZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgW3NpemVdPVwiJ3NtYWxsJ1wiXHJcbiAgICAgICAgICAgICAgICAgICAgW2VtcGhhc2l6ZU5hbWVdPVwiZmFsc2VcIlxyXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJzZWxlY3RQcm9maWxlKHByb2ZpbGUuaWQpXCJcclxuICAgICAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICA8L3Nkcy11c2VyLXByb2ZpbGUtdGlsZT5cclxuICAgICAgICAgICAgPC9saT5cclxuICAgICAgICA8L3VsPlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiBcclxuICAgICAgICAqbmdJZj1cImNvbnRlbnQgPT09ICdzZWxlY3REZWZhdWx0UHJvZmlsZSdcIlxyXG4gICAgICAgIGNsYXNzPVwibXQtMiBtYi0xXCI+XHJcbiAgICAgICAgPHNkcy11c2VyLXByb2ZpbGUtYWN0aW9uLWJ1dHRvblxyXG4gICAgICAgICAgICBbdGV4dF09XCJzZWxlY3REZWZhdWx0UHJvZmlsZVRleHRcIlxyXG4gICAgICAgICAgICBbaWNvbl09XCJTRUxFQ1RfREVGQVVMVF9QUk9GSUxFX0lDT05cIlxyXG4gICAgICAgICAgICAoY2xpY2spPVwic2VsZWN0RGVmYXVsdFByb2ZpbGUoKVwiXHJcbiAgICAgICAgICAgID5cclxuICAgICAgICA8L3Nkcy11c2VyLXByb2ZpbGUtYWN0aW9uLWJ1dHRvbj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=

package/{esm2020 → esm2022}/src/lib/navigation/navigation-user-profile/components/user-profile-selector/user-profile-selector.types.mjs

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

package/esm2022/src/lib/navigation/navigation-user-profile/components/user-profile-tile/user-profile-tile.component.mjs

@@ -0,0 +1,25 @@
+import { Component, Input } from '@angular/core';
+import { SdsAvatarComponent } from '@spicainternational/ngx-sds-components/src/lib/avatar';
+import * as i0 from "@angular/core";
+export class SdsUserProfileTileComponent {
+    constructor() {
+        this.profile = null;
+        this.emphasizeName = true;
+        this.size = 'medium';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsUserProfileTileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SdsUserProfileTileComponent, isStandalone: true, selector: "sds-user-profile-tile", inputs: { profile: "profile", emphasizeName: "emphasizeName", size: "size" }, ngImport: i0, template: "\r\n<div class=\"sds-flex-row-center gap-3\">\r\n    <sds-avatar\r\n        [text]=\"profile?.name\"\r\n        [colorKey]=\"profile?.id\"\r\n        [pictureUri]=\"profile?.pictureUri\"\r\n        [size]=\"size === 'small' ? 2 : 3\"\r\n        borderColor=\"white\"\r\n        borderWidth=\"2\"\r\n    >\r\n    </sds-avatar>\r\n\r\n    <div \r\n        class=\"flex-grow-1 flex-shrink-1 text-body\"\r\n        [style.minWidth.px]=\"1\"\r\n        >\r\n        <span \r\n            class=\"sds-fs-100 text-truncate\"\r\n            [class.sds-fs-100]=\"size === 'medium'\"\r\n            [class.sds-fs-95]=\"size === 'small'\"\r\n            [class.sds-fw-500]=\"emphasizeName\"\r\n            >\r\n            {{profile?.name}}\r\n        </span>\r\n        <div \r\n            class=\"sds-fw-400 text-truncate text-gray-800\"\r\n            [class.sds-fs-75]=\"size === 'medium'\"\r\n            [class.sds-fs-75]=\"size === 'small'\"\r\n        >\r\n            {{profile?.info}}\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: SdsAvatarComponent, selector: "sds-avatar", inputs: ["text", "colorKey", "pictureUri", "showHint", "borderStyle", "borderColor", "initialsText", "cursor", "size", "pictureImageAlt", "pictureLoading", "picturePriority", "badgeVisible", "badgePosition", "badgeBackgroundColor", "badgeTextColor", "badgeHint"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsUserProfileTileComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sds-user-profile-tile', standalone: true, imports: [
+                        SdsAvatarComponent
+                    ], template: "\r\n<div class=\"sds-flex-row-center gap-3\">\r\n    <sds-avatar\r\n        [text]=\"profile?.name\"\r\n        [colorKey]=\"profile?.id\"\r\n        [pictureUri]=\"profile?.pictureUri\"\r\n        [size]=\"size === 'small' ? 2 : 3\"\r\n        borderColor=\"white\"\r\n        borderWidth=\"2\"\r\n    >\r\n    </sds-avatar>\r\n\r\n    <div \r\n        class=\"flex-grow-1 flex-shrink-1 text-body\"\r\n        [style.minWidth.px]=\"1\"\r\n        >\r\n        <span \r\n            class=\"sds-fs-100 text-truncate\"\r\n            [class.sds-fs-100]=\"size === 'medium'\"\r\n            [class.sds-fs-95]=\"size === 'small'\"\r\n            [class.sds-fw-500]=\"emphasizeName\"\r\n            >\r\n            {{profile?.name}}\r\n        </span>\r\n        <div \r\n            class=\"sds-fw-400 text-truncate text-gray-800\"\r\n            [class.sds-fs-75]=\"size === 'medium'\"\r\n            [class.sds-fs-75]=\"size === 'small'\"\r\n        >\r\n            {{profile?.info}}\r\n        </div>\r\n    </div>\r\n</div>\r\n" }]
+        }], propDecorators: { profile: [{
+                type: Input
+            }], emphasizeName: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1wcm9maWxlLXRpbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvbmF2aWdhdGlvbi9uYXZpZ2F0aW9uLXVzZXItcHJvZmlsZS9jb21wb25lbnRzL3VzZXItcHJvZmlsZS10aWxlL3VzZXItcHJvZmlsZS10aWxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL25hdmlnYXRpb24vbmF2aWdhdGlvbi11c2VyLXByb2ZpbGUvY29tcG9uZW50cy91c2VyLXByb2ZpbGUtdGlsZS91c2VyLXByb2ZpbGUtdGlsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1REFBdUQsQ0FBQzs7QUFXM0YsTUFBTSxPQUFPLDJCQUEyQjtJQVR4QztRQVVhLFlBQU8sR0FBNkIsSUFBSSxDQUFDO1FBQ3pDLGtCQUFhLEdBQVksSUFBSSxDQUFDO1FBQzlCLFNBQUksR0FBdUIsUUFBUSxDQUFDO0tBQ2hEOytHQUpZLDJCQUEyQjttR0FBM0IsMkJBQTJCLCtKQ2J4Qyx3Z0NBaUNBLDBERHZCSSxrQkFBa0I7OzRGQUdULDJCQUEyQjtrQkFUdkMsU0FBUzsrQkFDRSx1QkFBdUIsY0FHckIsSUFBSSxXQUNQO3dCQUNQLGtCQUFrQjtxQkFDbkI7OEJBR1UsT0FBTztzQkFBZixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBOYXZpZ2F0aW9uUHJvZmlsZSB9IGZyb20gJy4uLy4uL25hdmlnYXRpb24tcHJvZmlsZS5tb2RlbCc7XHJcbmltcG9ydCB7IFNkc0F2YXRhckNvbXBvbmVudCB9IGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvYXZhdGFyJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2RzLXVzZXItcHJvZmlsZS10aWxlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdXNlci1wcm9maWxlLXRpbGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3VzZXItcHJvZmlsZS10aWxlLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBTZHNBdmF0YXJDb21wb25lbnRcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZHNVc2VyUHJvZmlsZVRpbGVDb21wb25lbnQge1xyXG4gICAgQElucHV0KCkgcHJvZmlsZTogTmF2aWdhdGlvblByb2ZpbGUgfCBudWxsID0gbnVsbDtcclxuICAgIEBJbnB1dCgpIGVtcGhhc2l6ZU5hbWU6IGJvb2xlYW4gPSB0cnVlO1xyXG4gICAgQElucHV0KCkgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nID0gJ21lZGl1bSc7XHJcbn1cclxuIiwiXHJcbjxkaXYgY2xhc3M9XCJzZHMtZmxleC1yb3ctY2VudGVyIGdhcC0zXCI+XHJcbiAgICA8c2RzLWF2YXRhclxyXG4gICAgICAgIFt0ZXh0XT1cInByb2ZpbGU/Lm5hbWVcIlxyXG4gICAgICAgIFtjb2xvcktleV09XCJwcm9maWxlPy5pZFwiXHJcbiAgICAgICAgW3BpY3R1cmVVcmldPVwicHJvZmlsZT8ucGljdHVyZVVyaVwiXHJcbiAgICAgICAgW3NpemVdPVwic2l6ZSA9PT0gJ3NtYWxsJyA/IDIgOiAzXCJcclxuICAgICAgICBib3JkZXJDb2xvcj1cIndoaXRlXCJcclxuICAgICAgICBib3JkZXJXaWR0aD1cIjJcIlxyXG4gICAgPlxyXG4gICAgPC9zZHMtYXZhdGFyPlxyXG5cclxuICAgIDxkaXYgXHJcbiAgICAgICAgY2xhc3M9XCJmbGV4LWdyb3ctMSBmbGV4LXNocmluay0xIHRleHQtYm9keVwiXHJcbiAgICAgICAgW3N0eWxlLm1pbldpZHRoLnB4XT1cIjFcIlxyXG4gICAgICAgID5cclxuICAgICAgICA8c3BhbiBcclxuICAgICAgICAgICAgY2xhc3M9XCJzZHMtZnMtMTAwIHRleHQtdHJ1bmNhdGVcIlxyXG4gICAgICAgICAgICBbY2xhc3Muc2RzLWZzLTEwMF09XCJzaXplID09PSAnbWVkaXVtJ1wiXHJcbiAgICAgICAgICAgIFtjbGFzcy5zZHMtZnMtOTVdPVwic2l6ZSA9PT0gJ3NtYWxsJ1wiXHJcbiAgICAgICAgICAgIFtjbGFzcy5zZHMtZnctNTAwXT1cImVtcGhhc2l6ZU5hbWVcIlxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgIHt7cHJvZmlsZT8ubmFtZX19XHJcbiAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgIDxkaXYgXHJcbiAgICAgICAgICAgIGNsYXNzPVwic2RzLWZ3LTQwMCB0ZXh0LXRydW5jYXRlIHRleHQtZ3JheS04MDBcIlxyXG4gICAgICAgICAgICBbY2xhc3Muc2RzLWZzLTc1XT1cInNpemUgPT09ICdtZWRpdW0nXCJcclxuICAgICAgICAgICAgW2NsYXNzLnNkcy1mcy03NV09XCJzaXplID09PSAnc21hbGwnXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICAgIHt7cHJvZmlsZT8uaW5mb319XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/{esm2020 → esm2022}/src/lib/navigation/navigation-user-profile/navigation-profile.model.mjs

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