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

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

@@ -0,0 +1,107 @@
+import { Component, EventEmitter, input, Input, model, Output } from '@angular/core';
+import { DxPopoverModule } from 'devextreme-angular/ui/popover';
+import { NgIf } from '@angular/common';
+import { SdsAvatarComponent } from '@spicainternational/ngx-sds-components/src/lib/avatar';
+import { faSignOut, faUser } from '@fortawesome/pro-regular-svg-icons';
+import { SdsUserProfileActionButtonComponent } from './components/user-profile-action-button/user-profile-action-button.component';
+import * as i0 from "@angular/core";
+import * as i1 from "devextreme-angular/ui/popover";
+export class SdsNavigationUserProfileComponent {
+    constructor() {
+        this.profile = null;
+        this.profileInfo = '';
+        this.showSignOut = true;
+        this.showProfile = true;
+        this.signOutText = 'Sign out';
+        this.profileText = 'Profile';
+        this.showNotificationBadge = false;
+        this.newNotificationsText = 'New Notifications';
+        this.profileClick = new EventEmitter();
+        this.signOutClick = new EventEmitter();
+        this.notificationBadgeClick = new EventEmitter();
+        this.showOptions = false;
+        this.showOptionsChange = new EventEmitter();
+        this.userProfileIcon = faUser;
+        this.signOutIcon = faSignOut;
+        this.isCollapsed = model(false);
+        this.sideBarInstanceName = input('');
+    }
+    ngOnInit() { }
+    ngOnChanges(changes) {
+        // if (changes['activeProfileId'] || changes['profile'] || changes['additionalProfiles']) {
+        //     if (this.activeProfileId === null) {
+        //         this.activeProfile = this.profile;
+        //     } else if (this.activeProfileId === this.profile?.id) {
+        //         this.activeProfile = this.profile;
+        //     } else {
+        //         this.activeProfile = this.additionalProfiles.find(profile => profile.id === this.activeProfileId) || null;
+        //     }
+        // }
+    }
+    onProfileClick() {
+        this.showOptions = false;
+        this.showOptionsChange.emit(this.showOptions);
+        this.profileClick.emit();
+    }
+    onSignOutClick() {
+        this.showOptions = false;
+        this.showOptionsChange.emit(this.showOptions);
+        this.signOutClick.emit();
+    }
+    closeOptions() {
+        this.showOptions = false;
+        this.showOptionsChange.emit(this.showOptions);
+    }
+    openOptions() {
+        this.showOptions = true;
+        this.showOptionsChange.emit(this.showOptions);
+    }
+    toggleOptions(event) {
+        event.stopPropagation();
+        this.showOptions = !this.showOptions;
+        // console.log(this.showOptions);
+        this.showOptionsChange.emit(this.showOptions);
+    }
+    onNotificationBadgeClick(event) {
+        event.stopPropagation();
+        this.notificationBadgeClick.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsNavigationUserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SdsNavigationUserProfileComponent, isStandalone: true, selector: "sds-navigation-user-profile", inputs: { profile: { classPropertyName: "profile", publicName: "profile", isSignal: false, isRequired: false, transformFunction: null }, profileInfo: { classPropertyName: "profileInfo", publicName: "profileInfo", isSignal: false, isRequired: false, transformFunction: null }, showSignOut: { classPropertyName: "showSignOut", publicName: "showSignOut", isSignal: false, isRequired: false, transformFunction: null }, showProfile: { classPropertyName: "showProfile", publicName: "showProfile", isSignal: false, isRequired: false, transformFunction: null }, signOutText: { classPropertyName: "signOutText", publicName: "signOutText", isSignal: false, isRequired: false, transformFunction: null }, profileText: { classPropertyName: "profileText", publicName: "profileText", isSignal: false, isRequired: false, transformFunction: null }, showNotificationBadge: { classPropertyName: "showNotificationBadge", publicName: "showNotificationBadge", isSignal: false, isRequired: false, transformFunction: null }, newNotificationsText: { classPropertyName: "newNotificationsText", publicName: "newNotificationsText", isSignal: false, isRequired: false, transformFunction: null }, showOptions: { classPropertyName: "showOptions", publicName: "showOptions", isSignal: false, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null }, sideBarInstanceName: { classPropertyName: "sideBarInstanceName", publicName: "sideBarInstanceName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { profileClick: "profileClick", signOutClick: "signOutClick", notificationBadgeClick: "notificationBadgeClick", showOptionsChange: "showOptionsChange", isCollapsed: "isCollapsedChange" }, usesOnChanges: true, ngImport: i0, template: "<div\r\n    class=\"\r\n        d-flex\r\n        flex-row\r\n        align-items-center\r\n        gap-2\r\n        sds-navigation-user-profile-container\r\n        user-select-none\r\n        mb-1 ms-1 me-1 mt-2\r\n        pt-1 pb-1 ps-2\r\n        sds-hoverable\r\n        sds-rounded-2\r\n    \"\r\n    (click)=\"toggleOptions($event)\"\r\n>\r\n    <div \r\n        #popoverTarget\r\n        class=\"\r\n            position-relative\r\n\r\n        \">\r\n        <sds-avatar\r\n            [text]=\"profile?.name\"\r\n            [colorKey]=\"profile?.id\"\r\n            [pictureUri]=\"profile?.pictureUri\"\r\n        >\r\n        </sds-avatar>\r\n\r\n        <span\r\n            *ngIf=\"showNotificationBadge\"\r\n            class=\"\r\n                position-absolute\r\n                notification-badge\r\n                translate-middle\r\n                bg-danger\r\n                border border-light\r\n                rounded-circle\r\n            \"\r\n            (click)=\"onNotificationBadgeClick($event)\"\r\n        >\r\n            <span class=\"visually-hidden\">{{ newNotificationsText }}</span>\r\n        </span>\r\n    </div>\r\n\r\n    @if(!isCollapsed()) {\r\n        <div class=\"sds-flex-column\">\r\n            <span class=\"truncate-two-lines text-gray-800 sds-fs-93\">\r\n                {{ profile?.name }}\r\n            </span>\r\n\r\n            <span class=\"sds-fw-400 sds-fs-75 text-truncate text-muted\">\r\n                {{ profileInfo }}\r\n            </span>\r\n        </div>\r\n    }\r\n</div>\r\n\r\n<dx-popover\r\n    [target]=\"popoverTarget\"\r\n    [position]=\"{ my: 'left bottom', at: 'left top' }\"\r\n    collision=\"fit none\"\r\n    minWidth=\"20rem\"\r\n    maxWidth=\"20rem\"\r\n    [(visible)]=\"showOptions\"\r\n    [wrapperAttr]=\"{\r\n        class: 'sds-navigation-user-profile-popover sds-dx-popup-no-arrow sds-dx-popup-content-padding-0'\r\n    }\"\r\n>\r\n    <div class=\"py-2 pb-3 main-profile-container border-bottom\">\r\n\r\n        <div class=\"sds-flex-column align-items-center\">\r\n            <sds-avatar\r\n                [text]=\"profile?.name\"\r\n                [colorKey]=\"profile?.id\"\r\n                [pictureUri]=\"profile?.pictureUri\"\r\n                [size]=\"7\"\r\n            >\r\n            </sds-avatar>\r\n\r\n            <h5 class=\"text-center mt-2 px-3\">\r\n                {{profile?.name}}\r\n            </h5>\r\n\r\n            <div class=\"sds-fw-400 text-center text-gray-800 sds-fs-87 px-3 text-truncate w-100\">\r\n                {{profile?.info}}\r\n            </div>\r\n        \r\n        </div>\r\n\r\n    </div>\r\n\r\n    <ng-content></ng-content>\r\n\r\n    <ul\r\n        class=\"\r\n            list-unstyled\r\n            sds-navigation-user-profile-actions\r\n            mb-0\r\n            sds-ul-gap-1\r\n            mx-2\r\n            mb-2\r\n        \"\r\n    >\r\n        <li *ngIf=\"showProfile\">\r\n            <sds-user-profile-action-button\r\n                [text]=\"profileText\"\r\n                [icon]=\"userProfileIcon\"\r\n                (actionClick)=\"onProfileClick()\"\r\n            >\r\n            </sds-user-profile-action-button>\r\n        </li>\r\n\r\n        <li *ngIf=\"showSignOut\">\r\n            <sds-user-profile-action-button\r\n                [text]=\"signOutText\"\r\n                [icon]=\"signOutIcon\"\r\n                (actionClick)=\"onSignOutClick()\"\r\n            >\r\n            </sds-user-profile-action-button>\r\n        </li>\r\n    </ul>\r\n</dx-popover>\r\n", styles: [".sds-navigation-user-profile-container{padding:.8rem;cursor:pointer}.sds-navigation-user-profile-container .notification-badge{top:15%;left:100%;padding:.4rem}.truncate-two-lines{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.main-profile-container{margin:.5rem}::ng-deep .sds-navigation-user-profile-popover .dx-popup-content{padding:0!important;font-size:1rem}\n"], 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"] }, { kind: "component", type: SdsUserProfileActionButtonComponent, selector: "sds-user-profile-action-button", inputs: ["text", "icon"], outputs: ["actionClick"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DxPopoverModule }, { kind: "component", type: i1.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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsNavigationUserProfileComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sds-navigation-user-profile', standalone: true, imports: [
+                        SdsAvatarComponent,
+                        SdsUserProfileActionButtonComponent,
+                        NgIf,
+                        DxPopoverModule,
+                    ], template: "<div\r\n    class=\"\r\n        d-flex\r\n        flex-row\r\n        align-items-center\r\n        gap-2\r\n        sds-navigation-user-profile-container\r\n        user-select-none\r\n        mb-1 ms-1 me-1 mt-2\r\n        pt-1 pb-1 ps-2\r\n        sds-hoverable\r\n        sds-rounded-2\r\n    \"\r\n    (click)=\"toggleOptions($event)\"\r\n>\r\n    <div \r\n        #popoverTarget\r\n        class=\"\r\n            position-relative\r\n\r\n        \">\r\n        <sds-avatar\r\n            [text]=\"profile?.name\"\r\n            [colorKey]=\"profile?.id\"\r\n            [pictureUri]=\"profile?.pictureUri\"\r\n        >\r\n        </sds-avatar>\r\n\r\n        <span\r\n            *ngIf=\"showNotificationBadge\"\r\n            class=\"\r\n                position-absolute\r\n                notification-badge\r\n                translate-middle\r\n                bg-danger\r\n                border border-light\r\n                rounded-circle\r\n            \"\r\n            (click)=\"onNotificationBadgeClick($event)\"\r\n        >\r\n            <span class=\"visually-hidden\">{{ newNotificationsText }}</span>\r\n        </span>\r\n    </div>\r\n\r\n    @if(!isCollapsed()) {\r\n        <div class=\"sds-flex-column\">\r\n            <span class=\"truncate-two-lines text-gray-800 sds-fs-93\">\r\n                {{ profile?.name }}\r\n            </span>\r\n\r\n            <span class=\"sds-fw-400 sds-fs-75 text-truncate text-muted\">\r\n                {{ profileInfo }}\r\n            </span>\r\n        </div>\r\n    }\r\n</div>\r\n\r\n<dx-popover\r\n    [target]=\"popoverTarget\"\r\n    [position]=\"{ my: 'left bottom', at: 'left top' }\"\r\n    collision=\"fit none\"\r\n    minWidth=\"20rem\"\r\n    maxWidth=\"20rem\"\r\n    [(visible)]=\"showOptions\"\r\n    [wrapperAttr]=\"{\r\n        class: 'sds-navigation-user-profile-popover sds-dx-popup-no-arrow sds-dx-popup-content-padding-0'\r\n    }\"\r\n>\r\n    <div class=\"py-2 pb-3 main-profile-container border-bottom\">\r\n\r\n        <div class=\"sds-flex-column align-items-center\">\r\n            <sds-avatar\r\n                [text]=\"profile?.name\"\r\n                [colorKey]=\"profile?.id\"\r\n                [pictureUri]=\"profile?.pictureUri\"\r\n                [size]=\"7\"\r\n            >\r\n            </sds-avatar>\r\n\r\n            <h5 class=\"text-center mt-2 px-3\">\r\n                {{profile?.name}}\r\n            </h5>\r\n\r\n            <div class=\"sds-fw-400 text-center text-gray-800 sds-fs-87 px-3 text-truncate w-100\">\r\n                {{profile?.info}}\r\n            </div>\r\n        \r\n        </div>\r\n\r\n    </div>\r\n\r\n    <ng-content></ng-content>\r\n\r\n    <ul\r\n        class=\"\r\n            list-unstyled\r\n            sds-navigation-user-profile-actions\r\n            mb-0\r\n            sds-ul-gap-1\r\n            mx-2\r\n            mb-2\r\n        \"\r\n    >\r\n        <li *ngIf=\"showProfile\">\r\n            <sds-user-profile-action-button\r\n                [text]=\"profileText\"\r\n                [icon]=\"userProfileIcon\"\r\n                (actionClick)=\"onProfileClick()\"\r\n            >\r\n            </sds-user-profile-action-button>\r\n        </li>\r\n\r\n        <li *ngIf=\"showSignOut\">\r\n            <sds-user-profile-action-button\r\n                [text]=\"signOutText\"\r\n                [icon]=\"signOutIcon\"\r\n                (actionClick)=\"onSignOutClick()\"\r\n            >\r\n            </sds-user-profile-action-button>\r\n        </li>\r\n    </ul>\r\n</dx-popover>\r\n", styles: [".sds-navigation-user-profile-container{padding:.8rem;cursor:pointer}.sds-navigation-user-profile-container .notification-badge{top:15%;left:100%;padding:.4rem}.truncate-two-lines{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.main-profile-container{margin:.5rem}::ng-deep .sds-navigation-user-profile-popover .dx-popup-content{padding:0!important;font-size:1rem}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { profile: [{
+                type: Input
+            }], profileInfo: [{
+                type: Input
+            }], showSignOut: [{
+                type: Input
+            }], showProfile: [{
+                type: Input
+            }], signOutText: [{
+                type: Input
+            }], profileText: [{
+                type: Input
+            }], showNotificationBadge: [{
+                type: Input
+            }], newNotificationsText: [{
+                type: Input
+            }], profileClick: [{
+                type: Output
+            }], signOutClick: [{
+                type: Output
+            }], notificationBadgeClick: [{
+                type: Output
+            }], showOptions: [{
+                type: Input
+            }], showOptionsChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi11c2VyLXByb2ZpbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvbmF2aWdhdGlvbi9uYXZpZ2F0aW9uLXVzZXItcHJvZmlsZS9uYXZpZ2F0aW9uLXVzZXItcHJvZmlsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9uYXZpZ2F0aW9uL25hdmlnYXRpb24tdXNlci1wcm9maWxlL25hdmlnYXRpb24tdXNlci1wcm9maWxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFxQixNQUFNLEVBQXlCLE1BQU0sZUFBZSxDQUFDO0FBQy9ILE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdURBQXVELENBQUM7QUFHM0YsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUsbUNBQW1DLEVBQUUsTUFBTSw4RUFBOEUsQ0FBQzs7O0FBZW5JLE1BQU0sT0FBTyxpQ0FBaUM7SUF3QjFDO1FBdkJTLFlBQU8sR0FBNkIsSUFBSSxDQUFDO1FBQ3pDLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBRXpCLGdCQUFXLEdBQVksSUFBSSxDQUFDO1FBQzVCLGdCQUFXLEdBQVksSUFBSSxDQUFDO1FBRTVCLGdCQUFXLEdBQVcsVUFBVSxDQUFDO1FBQ2pDLGdCQUFXLEdBQVcsU0FBUyxDQUFDO1FBRWhDLDBCQUFx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QUFZO3NCQUFyQixNQUFNO2dCQUNHLFlBQVk7c0JBQXJCLE1BQU07Z0JBRUcsc0JBQXNCO3NCQUEvQixNQUFNO2dCQUVFLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0ksaUJBQWlCO3NCQUExQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIGlucHV0LCBJbnB1dCwgbW9kZWwsIE9uSW5pdCwgT25DaGFuZ2VzLCBPdXRwdXQsIHNpZ25hbCwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBEeFBvcG92ZXJNb2R1bGUgfSBmcm9tICdkZXZleHRyZW1lLWFuZ3VsYXIvdWkvcG9wb3Zlcic7XHJcbmltcG9ydCB7IE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBTZHNBdmF0YXJDb21wb25lbnQgfSBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2F2YXRhcic7XHJcbmltcG9ydCB7IENvbGxhcHNpYmxlTmF2aWdhdGlvbkVudGl0eSB9IGZyb20gJy4uL21vZGVscy9uYXZpZ2F0aW9uLW1vZGVscyc7XHJcbmltcG9ydCB7IE5hdmlnYXRpb25Qcm9maWxlIH0gZnJvbSAnLi9uYXZpZ2F0aW9uLXByb2ZpbGUubW9kZWwnO1xyXG5pbXBvcnQgeyBmYVNpZ25PdXQsIGZhVXNlciB9IGZyb20gJ0Bmb3J0YXdlc29tZS9wcm8tcmVndWxhci1zdmctaWNvbnMnO1xyXG5pbXBvcnQgeyBTZHNVc2VyUHJvZmlsZUFjdGlvbkJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy91c2VyLXByb2ZpbGUtYWN0aW9uLWJ1dHRvbi91c2VyLXByb2ZpbGUtYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQnO1xyXG5cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdzZHMtbmF2aWdhdGlvbi11c2VyLXByb2ZpbGUnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL25hdmlnYXRpb24tdXNlci1wcm9maWxlLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL25hdmlnYXRpb24tdXNlci1wcm9maWxlLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gICAgaW1wb3J0czogW1xyXG4gICAgICAgIFNkc0F2YXRhckNvbXBvbmVudCxcclxuICAgICAgICBTZHNVc2VyUHJvZmlsZUFjdGlvbkJ1dHRvbkNvbXBvbmVudCxcclxuICAgICAgICBOZ0lmLFxyXG4gICAgICAgIER4UG9wb3Zlck1vZHVsZSxcclxuICAgIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZHNOYXZpZ2F0aW9uVXNlclByb2ZpbGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcywgQ29sbGFwc2libGVOYXZpZ2F0aW9uRW50aXR5IHtcclxuICAgIEBJbnB1dCgpIHByb2ZpbGU6IE5hdmlnYXRpb25Qcm9maWxlIHwgbnVsbCA9IG51bGw7XHJcbiAgICBASW5wdXQoKSBwcm9maWxlSW5mbzogc3RyaW5nID0gJyc7XHJcblxyXG4gICAgQElucHV0KCkgc2hvd1NpZ25PdXQ6IGJvb2xlYW4gPSB0cnVlO1xyXG4gICAgQElucHV0KCkgc2hvd1Byb2ZpbGU6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICAgIEBJbnB1dCgpIHNpZ25PdXRUZXh0OiBzdHJpbmcgPSAnU2lnbiBvdXQnO1xyXG4gICAgQElucHV0KCkgcHJvZmlsZVRleHQ6IHN0cmluZyA9ICdQcm9maWxlJztcclxuXHJcbiAgICBASW5wdXQoKSBzaG93Tm90aWZpY2F0aW9uQmFkZ2U6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIEBJbnB1dCgpIG5ld05vdGlmaWNhdGlvbnNUZXh0OiBzdHJpbmcgPSAnTmV3IE5vdGlmaWNhdGlvbnMnO1xyXG5cclxuICAgIEBPdXRwdXQoKSBwcm9maWxlQ2xpY2s6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuICAgIEBPdXRwdXQoKSBzaWduT3V0Q2xpY2s6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuXHJcbiAgICBAT3V0cHV0KCkgbm90aWZpY2F0aW9uQmFkZ2VDbGljazogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIFxyXG4gICAgQElucHV0KCkgc2hvd09wdGlvbnM6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIEBPdXRwdXQoKSBzaG93T3B0aW9uc0NoYW5nZTogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG5cclxuICAgIHByb3RlY3RlZCB1c2VyUHJvZmlsZUljb24gPSBmYVVzZXI7XHJcbiAgICBwcm90ZWN0ZWQgc2lnbk91dEljb24gPSBmYVNpZ25PdXRcclxuXHJcbiAgICBjb25zdHJ1Y3RvcigpIHt9XHJcbiAgICBcclxuICAgIGlzQ29sbGFwc2VkID0gbW9kZWw8Ym9vbGVhbj4oZmFsc2UpO1xyXG4gICAgc2lkZUJhckluc3RhbmNlTmFtZSA9IGlucHV0PHN0cmluZz4oJycpO1xyXG5cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge31cclxuXHJcbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XHJcbiAgICAgICAgLy8gaWYgKGNoYW5nZXNbJ2FjdGl2ZVByb2ZpbGVJZCddIHx8IGNoYW5nZXNbJ3Byb2ZpbGUnXSB8fCBjaGFuZ2VzWydhZGRpdGlvbmFsUHJvZmlsZXMnXSkge1xyXG4gICAgICAgIC8vICAgICBpZiAodGhpcy5hY3RpdmVQcm9maWxlSWQgPT09IG51bGwpIHtcclxuICAgICAgICAvLyAgICAgICAgIHRoaXMuYWN0aXZlUHJvZmlsZSA9IHRoaXMucHJvZmlsZTtcclxuICAgICAgICAvLyAgICAgfSBlbHNlIGlmICh0aGlzLmFjdGl2ZVByb2ZpbGVJZCA9PT0gdGhpcy5wcm9maWxlPy5pZCkge1xyXG4gICAgICAgIC8vICAgICAgICAgdGhpcy5hY3RpdmVQcm9maWxlID0gdGhpcy5wcm9maWxlO1xyXG4gICAgICAgIC8vICAgICB9IGVsc2Uge1xyXG4gICAgICAgIC8vICAgICAgICAgdGhpcy5hY3RpdmVQcm9maWxlID0gdGhpcy5hZGRpdGlvbmFsUHJvZmlsZXMuZmluZChwcm9maWxlID0+IHByb2ZpbGUuaWQgPT09IHRoaXMuYWN0aXZlUHJvZmlsZUlkKSB8fCBudWxsO1xyXG4gICAgICAgIC8vICAgICB9XHJcbiAgICAgICAgLy8gfVxyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBvblByb2ZpbGVDbGljaygpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLnNob3dPcHRpb25zID0gZmFsc2U7XHJcbiAgICAgICAgdGhpcy5zaG93T3B0aW9uc0NoYW5nZS5lbWl0KHRoaXMuc2hvd09wdGlvbnMpO1xyXG4gICAgICAgIHRoaXMucHJvZmlsZUNsaWNrLmVtaXQoKTtcclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgb25TaWduT3V0Q2xpY2soKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5zaG93T3B0aW9ucyA9IGZhbHNlO1xyXG4gICAgICAgIHRoaXMuc2hvd09wdGlvbnNDaGFuZ2UuZW1pdCh0aGlzLnNob3dPcHRpb25zKTtcclxuICAgICAgICB0aGlzLnNpZ25PdXRDbGljay5lbWl0KCk7XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIGNsb3NlT3B0aW9ucygpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLnNob3dPcHRpb25zID0gZmFsc2U7XHJcbiAgICAgICAgdGhpcy5zaG93T3B0aW9uc0NoYW5nZS5lbWl0KHRoaXMuc2hvd09wdGlvbnMpO1xyXG5cclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgb3Blbk9wdGlvbnMoKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5zaG93T3B0aW9ucyA9IHRydWU7XHJcbiAgICAgICAgdGhpcy5zaG93T3B0aW9uc0NoYW5nZS5lbWl0KHRoaXMuc2hvd09wdGlvbnMpO1xyXG4gICAgfVxyXG5cclxuICAgIHByb3RlY3RlZCB0b2dnbGVPcHRpb25zKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XHJcbiAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XHJcbiAgICAgICAgdGhpcy5zaG93T3B0aW9ucyA9ICF0aGlzLnNob3dPcHRpb25zO1xyXG4gICAgICAgIC8vIGNvbnNvbGUubG9nKHRoaXMuc2hvd09wdGlvbnMpO1xyXG4gICAgICAgIHRoaXMuc2hvd09wdGlvbnNDaGFuZ2UuZW1pdCh0aGlzLnNob3dPcHRpb25zKTtcclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgb25Ob3RpZmljYXRpb25CYWRnZUNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XHJcbiAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XHJcbiAgICAgICAgdGhpcy5ub3RpZmljYXRpb25CYWRnZUNsaWNrLmVtaXQoKTtcclxuICAgIH1cclxufVxyXG4iLCI8ZGl2XHJcbiAgICBjbGFzcz1cIlxyXG4gICAgICAgIGQtZmxleFxyXG4gICAgICAgIGZsZXgtcm93XHJcbiAgICAgICAgYWxpZ24taXRlbXMtY2VudGVyXHJcbiAgICAgICAgZ2FwLTJcclxuICAgICAgICBzZHMtbmF2aWdhdGlvbi11c2VyLXByb2ZpbGUtY29udGFpbmVyXHJcbiAgICAgICAgdXNlci1zZWxlY3Qtbm9uZVxyXG4gICAgICAgIG1iLTEgbXMtMSBtZS0xIG10LTJcclxuICAgICAgICBwdC0xIHBiLTEgcHMtMlxyXG4gICAgICAgIHNkcy1ob3ZlcmFibGVcclxuICAgICAgICBzZHMtcm91bmRlZC0yXHJcbiAgICBcIlxyXG4gICAgKGNsaWNrKT1cInRvZ2dsZU9wdGlvbnMoJGV2ZW50KVwiXHJcbj5cclxuICAgIDxkaXYgXHJcbiAgICAgICAgI3BvcG92ZXJUYXJnZXRcclxuICAgICAgICBjbGFzcz1cIlxyXG4gICAgICAgICAgICBwb3NpdGlvbi1yZWxhdGl2ZVxyXG5cclxuICAgICAgICBcIj5cclxuICAgICAgICA8c2RzLWF2YXRhclxyXG4gICAgICAgICAgICBbdGV4dF09XCJwcm9maWxlPy5uYW1lXCJcclxuICAgICAgICAgICAgW2NvbG9yS2V5XT1cInByb2ZpbGU/LmlkXCJcclxuICAgICAgICAgICAgW3BpY3R1cmVVcmldPVwicHJvZmlsZT8ucGljdHVyZVVyaVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgIDwvc2RzLWF2YXRhcj5cclxuXHJcbiAgICAgICAgPHNwYW5cclxuICAgICAgICAgICAgKm5nSWY9XCJzaG93Tm90aWZpY2F0aW9uQmFkZ2VcIlxyXG4gICAgICAgICAgICBjbGFzcz1cIlxyXG4gICAgICAgICAgICAgICAgcG9zaXRpb24tYWJzb2x1dGVcclxuICAgICAgICAgICAgICAgIG5vdGlmaWNhdGlvbi1iYWRnZVxyXG4gICAgICAgICAgICAgICAgdHJhbnNsYXRlLW1pZGRsZVxyXG4gICAgICAgICAgICAgICAgYmctZGFuZ2VyXHJcbiAgICAgICAgICAgICAgICBib3JkZXIgYm9yZGVyLWxpZ2h0XHJcbiAgICAgICAgICAgICAgICByb3VuZGVkLWNpcmNsZVxyXG4gICAgICAgICAgICBcIlxyXG4gICAgICAgICAgICAoY2xpY2spPVwib25Ob3RpZmljYXRpb25CYWRnZUNsaWNrKCRldmVudClcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2aXN1YWxseS1oaWRkZW5cIj57eyBuZXdOb3RpZmljYXRpb25zVGV4dCB9fTwvc3Bhbj5cclxuICAgICAgICA8L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICBAaWYoIWlzQ29sbGFwc2VkKCkpIHtcclxuICAgICAgICA8ZGl2IGNsYXNzPVwic2RzLWZsZXgtY29sdW1uXCI+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidHJ1bmNhdGUtdHdvLWxpbmVzIHRleHQtZ3JheS04MDAgc2RzLWZzLTkzXCI+XHJcbiAgICAgICAgICAgICAgICB7eyBwcm9maWxlPy5uYW1lIH19XHJcbiAgICAgICAgICAgIDwvc3Bhbj5cclxuXHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2RzLWZ3LTQwMCBzZHMtZnMtNzUgdGV4dC10cnVuY2F0ZSB0ZXh0LW11dGVkXCI+XHJcbiAgICAgICAgICAgICAgICB7eyBwcm9maWxlSW5mbyB9fVxyXG4gICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICB9XHJcbjwvZGl2PlxyXG5cclxuPGR4LXBvcG92ZXJcclxuICAgIFt0YXJnZXRdPVwicG9wb3ZlclRhcmdldFwiXHJcbiAgICBbcG9zaXRpb25dPVwieyBteTogJ2xlZnQgYm90dG9tJywgYXQ6ICdsZWZ0IHRvcCcgfVwiXHJcbiAgICBjb2xsaXNpb249XCJmaXQgbm9uZVwiXHJcbiAgICBtaW5XaWR0aD1cIjIwcmVtXCJcclxuICAgIG1heFdpZHRoPVwiMjByZW1cIlxyXG4gICAgWyh2aXNpYmxlKV09XCJzaG93T3B0aW9uc1wiXHJcbiAgICBbd3JhcHBlckF0dHJdPVwie1xyXG4gICAgICAgIGNsYXNzOiAnc2RzLW5hdmlnYXRpb24tdXNlci1wcm9maWxlLXBvcG92ZXIgc2RzLWR4LXBvcHVwLW5vLWFycm93IHNkcy1keC1wb3B1cC1jb250ZW50LXBhZGRpbmctMCdcclxuICAgIH1cIlxyXG4+XHJcbiAgICA8ZGl2IGNsYXNzPVwicHktMiBwYi0zIG1haW4tcHJvZmlsZS1jb250YWluZXIgYm9yZGVyLWJvdHRvbVwiPlxyXG5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwic2RzLWZsZXgtY29sdW1uIGFsaWduLWl0ZW1zLWNlbnRlclwiPlxyXG4gICAgICAgICAgICA8c2RzLWF2YXRhclxyXG4gICAgICAgICAgICAgICAgW3RleHRdPVwicHJvZmlsZT8ubmFtZVwiXHJcbiAgICAgICAgICAgICAgICBbY29sb3JLZXldPVwicHJvZmlsZT8uaWRcIlxyXG4gICAgICAgICAgICAgICAgW3BpY3R1cmVVcmldPVwicHJvZmlsZT8ucGljdHVyZVVyaVwiXHJcbiAgICAgICAgICAgICAgICBbc2l6ZV09XCI3XCJcclxuICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICA8L3Nkcy1hdmF0YXI+XHJcblxyXG4gICAgICAgICAgICA8aDUgY2xhc3M9XCJ0ZXh0LWNlbnRlciBtdC0yIHB4LTNcIj5cclxuICAgICAgICAgICAgICAgIHt7cHJvZmlsZT8ubmFtZX19XHJcbiAgICAgICAgICAgIDwvaDU+XHJcblxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2RzLWZ3LTQwMCB0ZXh0LWNlbnRlciB0ZXh0LWdyYXktODAwIHNkcy1mcy04NyBweC0zIHRleHQtdHJ1bmNhdGUgdy0xMDBcIj5cclxuICAgICAgICAgICAgICAgIHt7cHJvZmlsZT8uaW5mb319XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIFxyXG4gICAgICAgIDwvZGl2PlxyXG5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuXHJcbiAgICA8dWxcclxuICAgICAgICBjbGFzcz1cIlxyXG4gICAgICAgICAgICBsaXN0LXVuc3R5bGVkXHJcbiAgICAgICAgICAgIHNkcy1uYXZpZ2F0aW9uLXVzZXItcHJvZmlsZS1hY3Rpb25zXHJcbiAgICAgICAgICAgIG1iLTBcclxuICAgICAgICAgICAgc2RzLXVsLWdhcC0xXHJcbiAgICAgICAgICAgIG14LTJcclxuICAgICAgICAgICAgbWItMlxyXG4gICAgICAgIFwiXHJcbiAgICA+XHJcbiAgICAgICAgPGxpICpuZ0lmPVwic2hvd1Byb2ZpbGVcIj5cclxuICAgICAgICAgICAgPHNkcy11c2VyLXByb2ZpbGUtYWN0aW9uLWJ1dHRvblxyXG4gICAgICAgICAgICAgICAgW3RleHRdPVwicHJvZmlsZVRleHRcIlxyXG4gICAgICAgICAgICAgICAgW2ljb25dPVwidXNlclByb2ZpbGVJY29uXCJcclxuICAgICAgICAgICAgICAgIChhY3Rpb25DbGljayk9XCJvblByb2ZpbGVDbGljaygpXCJcclxuICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICA8L3Nkcy11c2VyLXByb2ZpbGUtYWN0aW9uLWJ1dHRvbj5cclxuICAgICAgICA8L2xpPlxyXG5cclxuICAgICAgICA8bGkgKm5nSWY9XCJzaG93U2lnbk91dFwiPlxyXG4gICAgICAgICAgICA8c2RzLXVzZXItcHJvZmlsZS1hY3Rpb24tYnV0dG9uXHJcbiAgICAgICAgICAgICAgICBbdGV4dF09XCJzaWduT3V0VGV4dFwiXHJcbiAgICAgICAgICAgICAgICBbaWNvbl09XCJzaWduT3V0SWNvblwiXHJcbiAgICAgICAgICAgICAgICAoYWN0aW9uQ2xpY2spPVwib25TaWduT3V0Q2xpY2soKVwiXHJcbiAgICAgICAgICAgID5cclxuICAgICAgICAgICAgPC9zZHMtdXNlci1wcm9maWxlLWFjdGlvbi1idXR0b24+XHJcbiAgICAgICAgPC9saT5cclxuICAgIDwvdWw+XHJcbjwvZHgtcG9wb3Zlcj5cclxuIl19

package/esm2022/src/lib/navigation/product-home/product-home.component.mjs

@@ -0,0 +1,71 @@
+import { Component, EventEmitter, input, Input, model, Output } from '@angular/core';
+import { SdsAppSwitcherComponent } from '@spicainternational/ngx-sds-components/src/lib/app-switcher';
+import { NgIf } from '@angular/common';
+import { faArrowLeftFromLine, faArrowRightFromLine, faSidebar } from '@fortawesome/pro-regular-svg-icons';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import * as i0 from "@angular/core";
+import * as i1 from "@fortawesome/angular-fontawesome";
+export class SdsProductHomeComponent {
+    constructor() {
+        this.showAppSwitcher = false;
+        this.appSwitcherSwitchText = '';
+        this.appSwitcherDiscoverText = '';
+        this.textOpen = input('Expand sidebar');
+        this.textClose = input('Collapse sidebar');
+        this.allowHeaderClick = false;
+        this.productSwitched = new EventEmitter();
+        this.headerClick = new EventEmitter();
+        this.ICON_CLOSE = faArrowLeftFromLine;
+        this.ICON_OPEN = faArrowRightFromLine;
+        this.ICON_SIDEBAR = faSidebar;
+        this.isCollapsed = model(false);
+        this.sideBarInstanceName = input('');
+    }
+    ngOnInit() { }
+    onProductClick(product) {
+        this.productSwitched.emit(product);
+    }
+    onHeaderClick() {
+        if (this.allowHeaderClick) {
+            this.headerClick.emit();
+        }
+    }
+    toggleState() {
+        this.isCollapsed.set(!this.isCollapsed());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsProductHomeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SdsProductHomeComponent, isStandalone: true, selector: "sds-product-home", inputs: { logoUrl: { classPropertyName: "logoUrl", publicName: "logoUrl", isSignal: false, isRequired: false, transformFunction: null }, logoAltText: { classPropertyName: "logoAltText", publicName: "logoAltText", isSignal: false, isRequired: false, transformFunction: null }, moduleTitle: { classPropertyName: "moduleTitle", publicName: "moduleTitle", isSignal: false, isRequired: false, transformFunction: null }, showAppSwitcher: { classPropertyName: "showAppSwitcher", publicName: "showAppSwitcher", isSignal: false, isRequired: false, transformFunction: null }, appSwitcherProductCode: { classPropertyName: "appSwitcherProductCode", publicName: "appSwitcherProductCode", isSignal: false, isRequired: false, transformFunction: null }, appSwitcherUserProductCodes: { classPropertyName: "appSwitcherUserProductCodes", publicName: "appSwitcherUserProductCodes", isSignal: false, isRequired: false, transformFunction: null }, appSwitcherTenantProducts: { classPropertyName: "appSwitcherTenantProducts", publicName: "appSwitcherTenantProducts", isSignal: false, isRequired: false, transformFunction: null }, appSwitcherSwitchText: { classPropertyName: "appSwitcherSwitchText", publicName: "appSwitcherSwitchText", isSignal: false, isRequired: false, transformFunction: null }, appSwitcherDiscoverText: { classPropertyName: "appSwitcherDiscoverText", publicName: "appSwitcherDiscoverText", isSignal: false, isRequired: false, transformFunction: null }, textOpen: { classPropertyName: "textOpen", publicName: "textOpen", isSignal: true, isRequired: false, transformFunction: null }, textClose: { classPropertyName: "textClose", publicName: "textClose", isSignal: true, isRequired: false, transformFunction: null }, allowHeaderClick: { classPropertyName: "allowHeaderClick", publicName: "allowHeaderClick", isSignal: false, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null }, sideBarInstanceName: { classPropertyName: "sideBarInstanceName", publicName: "sideBarInstanceName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { productSwitched: "productSwitched", headerClick: "headerClick", isCollapsed: "isCollapsedChange" }, ngImport: i0, template: "<div \r\n    class=\"product-header pb-2 mb-2 align-items-start gap-2\"\r\n    >\r\n        @if(!isCollapsed()) {\r\n        <sds-app-switcher\r\n            *ngIf=\"showAppSwitcher\"\r\n            class=\"app-switcher text-gray-800 sds-fs-93 sds-hoverable sds-rounded-2 p-1 d-flex align-items-center justify-content-center\"\r\n            [productCode]=\"appSwitcherProductCode\"\r\n            [userProductCodes]=\"appSwitcherUserProductCodes\"\r\n            [tenantProducts]=\"appSwitcherTenantProducts\"\r\n            [switchText]=\"appSwitcherSwitchText\"\r\n            [discoverText]=\"appSwitcherDiscoverText\"\r\n            (productClick)=\"onProductClick($event)\"\r\n            >\r\n        </sds-app-switcher>\r\n   \r\n        <div \r\n            class=\"sds-flex-grow-shrink product-title\"\r\n            (click)=\"onHeaderClick()\"\r\n            [class.sds-cursor-pointer]=\"allowHeaderClick\"\r\n            [title]=\"moduleTitle && isCollapsed() ? moduleTitle : ''\"\r\n            >\r\n            <div \r\n                class=\"product-logo-container\"\r\n                [class.collapsed]=\"isCollapsed()\"\r\n                >\r\n                <img\r\n                    class=\"product-logo\"\r\n                    [src]=\"logoUrl\" \r\n                    [alt]=\"logoAltText\"\r\n                >  \r\n            </div>\r\n\r\n            @if(moduleTitle && !isCollapsed()) {\r\n                <h6 class=\"mt-2\">\r\n                    {{moduleTitle}}\r\n                </h6>\r\n            }\r\n        </div>\r\n    }\r\n\r\n    <a \r\n        class=\"\r\n            toggle-collapsed-button \r\n            text-gray-800 sds-fs-93 \r\n            sds-hoverable sds-rounded-2 \r\n            p-1 ml-2\r\n            d-flex align-items-center justify-content-center\r\n            sds-cursor-pointer\r\n            \" \r\n        (click)=\"toggleState()\" \r\n        [title]=\"isCollapsed() ? textOpen() : textClose()\" \r\n        >\r\n            <fa-icon \r\n                class=\"static-icon\"\r\n                [icon]=\"ICON_SIDEBAR\" \r\n                [fixedWidth]=\"true\"\r\n                >\r\n            </fa-icon>\r\n\r\n            <fa-icon \r\n                class=\"hover-icon\"\r\n                [icon]=\"isCollapsed() ? ICON_OPEN : ICON_CLOSE\" \r\n                [fixedWidth]=\"true\"\r\n                >\r\n            </fa-icon>\r\n    </a>\r\n    \r\n</div>\r\n", styles: [".product-header{padding-left:.75rem!important}.product-header .app-switcher{height:2rem;width:2rem}.product-header .product-title{margin-top:.15rem}.product-header .product-logo-container{height:calc(1.5rem + 2px)}.product-header .product-logo-container.collapsed{width:calc(1.5rem + 2px);overflow-x:hidden}.product-header .product-logo{height:1.5rem}.product-header h6{font-size:.8rem}.product-header a.toggle-collapsed-button{height:2rem;width:2rem}.product-header a.toggle-collapsed-button .static-icon{display:block}.product-header a.toggle-collapsed-button .hover-icon,.product-header a.toggle-collapsed-button:hover .static-icon{display:none}.product-header a.toggle-collapsed-button:hover .hover-icon{display:block}:host{width:100%}\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"] }, { kind: "component", type: SdsAppSwitcherComponent, selector: "sds-app-switcher", inputs: ["productCode", "userProductCodes", "tenantProducts", "switchText", "discoverText", "ariaLabel"], outputs: ["productClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsProductHomeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sds-product-home', standalone: true, imports: [
+                        NgIf,
+                        FontAwesomeModule,
+                        SdsAppSwitcherComponent
+                    ], template: "<div \r\n    class=\"product-header pb-2 mb-2 align-items-start gap-2\"\r\n    >\r\n        @if(!isCollapsed()) {\r\n        <sds-app-switcher\r\n            *ngIf=\"showAppSwitcher\"\r\n            class=\"app-switcher text-gray-800 sds-fs-93 sds-hoverable sds-rounded-2 p-1 d-flex align-items-center justify-content-center\"\r\n            [productCode]=\"appSwitcherProductCode\"\r\n            [userProductCodes]=\"appSwitcherUserProductCodes\"\r\n            [tenantProducts]=\"appSwitcherTenantProducts\"\r\n            [switchText]=\"appSwitcherSwitchText\"\r\n            [discoverText]=\"appSwitcherDiscoverText\"\r\n            (productClick)=\"onProductClick($event)\"\r\n            >\r\n        </sds-app-switcher>\r\n   \r\n        <div \r\n            class=\"sds-flex-grow-shrink product-title\"\r\n            (click)=\"onHeaderClick()\"\r\n            [class.sds-cursor-pointer]=\"allowHeaderClick\"\r\n            [title]=\"moduleTitle && isCollapsed() ? moduleTitle : ''\"\r\n            >\r\n            <div \r\n                class=\"product-logo-container\"\r\n                [class.collapsed]=\"isCollapsed()\"\r\n                >\r\n                <img\r\n                    class=\"product-logo\"\r\n                    [src]=\"logoUrl\" \r\n                    [alt]=\"logoAltText\"\r\n                >  \r\n            </div>\r\n\r\n            @if(moduleTitle && !isCollapsed()) {\r\n                <h6 class=\"mt-2\">\r\n                    {{moduleTitle}}\r\n                </h6>\r\n            }\r\n        </div>\r\n    }\r\n\r\n    <a \r\n        class=\"\r\n            toggle-collapsed-button \r\n            text-gray-800 sds-fs-93 \r\n            sds-hoverable sds-rounded-2 \r\n            p-1 ml-2\r\n            d-flex align-items-center justify-content-center\r\n            sds-cursor-pointer\r\n            \" \r\n        (click)=\"toggleState()\" \r\n        [title]=\"isCollapsed() ? textOpen() : textClose()\" \r\n        >\r\n            <fa-icon \r\n                class=\"static-icon\"\r\n                [icon]=\"ICON_SIDEBAR\" \r\n                [fixedWidth]=\"true\"\r\n                >\r\n            </fa-icon>\r\n\r\n            <fa-icon \r\n                class=\"hover-icon\"\r\n                [icon]=\"isCollapsed() ? ICON_OPEN : ICON_CLOSE\" \r\n                [fixedWidth]=\"true\"\r\n                >\r\n            </fa-icon>\r\n    </a>\r\n    \r\n</div>\r\n", styles: [".product-header{padding-left:.75rem!important}.product-header .app-switcher{height:2rem;width:2rem}.product-header .product-title{margin-top:.15rem}.product-header .product-logo-container{height:calc(1.5rem + 2px)}.product-header .product-logo-container.collapsed{width:calc(1.5rem + 2px);overflow-x:hidden}.product-header .product-logo{height:1.5rem}.product-header h6{font-size:.8rem}.product-header a.toggle-collapsed-button{height:2rem;width:2rem}.product-header a.toggle-collapsed-button .static-icon{display:block}.product-header a.toggle-collapsed-button .hover-icon,.product-header a.toggle-collapsed-button:hover .static-icon{display:none}.product-header a.toggle-collapsed-button:hover .hover-icon{display:block}:host{width:100%}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { logoUrl: [{
+                type: Input
+            }], logoAltText: [{
+                type: Input
+            }], moduleTitle: [{
+                type: Input
+            }], showAppSwitcher: [{
+                type: Input
+            }], appSwitcherProductCode: [{
+                type: Input
+            }], appSwitcherUserProductCodes: [{
+                type: Input
+            }], appSwitcherTenantProducts: [{
+                type: Input
+            }], appSwitcherSwitchText: [{
+                type: Input
+            }], appSwitcherDiscoverText: [{
+                type: Input
+            }], allowHeaderClick: [{
+                type: Input
+            }], productSwitched: [{
+                type: Output
+            }], headerClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZHVjdC1ob21lLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL25hdmlnYXRpb24vcHJvZHVjdC1ob21lL3Byb2R1Y3QtaG9tZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9uYXZpZ2F0aW9uL3Byb2R1Y3QtaG9tZS9wcm9kdWN0LWhvbWUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTdGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZEQUE2RCxDQUFDO0FBQ3RHLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsb0JBQW9CLEVBQUUsU0FBUyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFFMUcsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7OztBQWNyRSxNQUFNLE9BQU8sdUJBQXVCO0lBeUJoQztRQW5CZ0Isb0JBQWUsR0FBRyxLQUFLLENBQUM7UUFJeEIsMEJBQXFCLEdBQVcsRUFBRSxDQUFDO1FBQ25DLDRCQUF1QixHQUFXLEVBQUUsQ0FBQztRQUVyRCxhQUFRLEdBQUcsS0FBSyxDQUFTLGdCQUFnQixDQUFDLENBQUM7UUFDM0MsY0FBUyxHQUFHLEtBQUssQ0FBUyxrQkFBa0IsQ0FBQyxDQUFDO1FBRTlCLHFCQUFnQixHQUFHLEtBQUssQ0FBQztRQUV4QixvQkFBZSxHQUErQixJQUFJLFlBQVksRUFBZ0IsQ0FBQztRQUMvRSxnQkFBVyxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBRWxFLGVBQVUsR0FBRyxtQkFBbUIsQ0FBQztRQUNqQyxjQUFTLEdBQUcsb0JBQW9CLENBQUM7UUFDakMsaUJBQVksR0FBRyxTQUFTLENBQUM7UUFJbkMsZ0JBQVcsR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7UUFFcEMsd0JBQW1CLEdBQUcsS0FBSyxDQUFTLEVBQUUsQ0FBQyxDQUFDO0lBSnpCLENBQUM7SUFNaEIsUUFBUSxLQUFVLENBQUM7SUFFVCxjQUFjLENBQUMsT0FBcUI7UUFDMUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDdkMsQ0FBQztJQUVTLGFBQWE7UUFDbkIsSUFBSSxJQUFJLENBQUUsZ0JBQWdCLEVBQUUsQ0FBQztZQUN6QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQzVCLENBQUM7SUFDTCxDQUFDO0lBRVMsV0FBVztRQUNqQixJQUFJLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO0lBQzlDLENBQUM7K0dBN0NRLHVCQUF1QjttR0FBdkIsdUJBQXVCLGt6RUNyQnBDLHc0RUFxRUEsK3hCRHJEUSxJQUFJLDRGQUNKLGlCQUFpQixtU0FDakIsdUJBQXVCOzs0RkFHbEIsdUJBQXVCO2tCQVhuQyxTQUFTOytCQUNJLGtCQUFrQixjQUdoQixJQUFJLFdBQ1A7d0JBQ0wsSUFBSTt3QkFDSixpQkFBaUI7d0JBQ2pCLHVCQUF1QjtxQkFDMUI7d0RBSWUsT0FBTztzQkFBdEIsS0FBSztnQkFDVSxXQUFXO3NCQUExQixLQUFLO2dCQUNVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBRVUsZUFBZTtzQkFBOUIsS0FBSztnQkFDVSxzQkFBc0I7c0JBQXJDLEtBQUs7Z0JBQ1UsMkJBQTJCO3NCQUExQyxLQUFLO2dCQUNVLHlCQUF5QjtzQkFBeEMsS0FBSztnQkFDVSxxQkFBcUI7c0JBQXBDLEtBQUs7Z0JBQ1UsdUJBQXVCO3NCQUF0QyxLQUFLO2dCQUtVLGdCQUFnQjtzQkFBL0IsS0FBSztnQkFFVyxlQUFlO3NCQUEvQixNQUFNO2dCQUNVLFdBQVc7c0JBQTNCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgaW5wdXQsIElucHV0LCBtb2RlbCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUHJvZHVjdE1vZGVsIH0gZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9hcHAtc3dpdGNoZXInO1xyXG5pbXBvcnQgeyBTZHNBcHBTd2l0Y2hlckNvbXBvbmVudCB9IGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvYXBwLXN3aXRjaGVyJztcclxuaW1wb3J0IHsgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbGxhcHNpYmxlTmF2aWdhdGlvbkVudGl0eSB9IGZyb20gJy4uL21vZGVscy9uYXZpZ2F0aW9uLW1vZGVscyc7XHJcbmltcG9ydCB7IGZhQXJyb3dMZWZ0RnJvbUxpbmUsIGZhQXJyb3dSaWdodEZyb21MaW5lLCBmYVNpZGViYXIgfSBmcm9tICdAZm9ydGF3ZXNvbWUvcHJvLXJlZ3VsYXItc3ZnLWljb25zJztcclxuaW1wb3J0IHsgZmFTaWRlYmFyIGFzIGZhbFNpZGViYXJ9IGZyb20gJ0Bmb3J0YXdlc29tZS9wcm8tbGlnaHQtc3ZnLWljb25zJztcclxuaW1wb3J0IHsgRm9udEF3ZXNvbWVNb2R1bGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XHJcblxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3Nkcy1wcm9kdWN0LWhvbWUnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL3Byb2R1Y3QtaG9tZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9wcm9kdWN0LWhvbWUuY29tcG9uZW50LnNjc3MnXSxcclxuICAgIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgICBpbXBvcnRzOiBbXHJcbiAgICAgICAgTmdJZiwgXHJcbiAgICAgICAgRm9udEF3ZXNvbWVNb2R1bGUsXHJcbiAgICAgICAgU2RzQXBwU3dpdGNoZXJDb21wb25lbnRcclxuICAgIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZHNQcm9kdWN0SG9tZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQ29sbGFwc2libGVOYXZpZ2F0aW9uRW50aXR5IHtcclxuXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgbG9nb1VybD86IHN0cmluZztcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBsb2dvQWx0VGV4dD86IHN0cmluZztcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBtb2R1bGVUaXRsZT86IHN0cmluZztcclxuXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgc2hvd0FwcFN3aXRjaGVyID0gZmFsc2U7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgYXBwU3dpdGNoZXJQcm9kdWN0Q29kZTogTnVtYmVyIHwgdW5kZWZpbmVkO1xyXG4gICAgQElucHV0KCkgcHVibGljIGFwcFN3aXRjaGVyVXNlclByb2R1Y3RDb2RlczogTnVtYmVyW10gfCB1bmRlZmluZWQ7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgYXBwU3dpdGNoZXJUZW5hbnRQcm9kdWN0czogUHJvZHVjdE1vZGVsW10gfCB1bmRlZmluZWQ7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgYXBwU3dpdGNoZXJTd2l0Y2hUZXh0OiBzdHJpbmcgPSAnJztcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBhcHBTd2l0Y2hlckRpc2NvdmVyVGV4dDogc3RyaW5nID0gJyc7IFxyXG5cclxuICAgIHRleHRPcGVuID0gaW5wdXQ8c3RyaW5nPignRXhwYW5kIHNpZGViYXInKTtcclxuICAgIHRleHRDbG9zZSA9IGlucHV0PHN0cmluZz4oJ0NvbGxhcHNlIHNpZGViYXInKTtcclxuXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgYWxsb3dIZWFkZXJDbGljayA9IGZhbHNlO1xyXG5cclxuICAgIEBPdXRwdXQoKSBwdWJsaWMgcHJvZHVjdFN3aXRjaGVkOiBFdmVudEVtaXR0ZXI8UHJvZHVjdE1vZGVsPiA9IG5ldyBFdmVudEVtaXR0ZXI8UHJvZHVjdE1vZGVsPigpOyAgIFxyXG4gICAgQE91dHB1dCgpIHB1YmxpYyBoZWFkZXJDbGljazogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG5cclxuICAgIHByb3RlY3RlZCBJQ09OX0NMT1NFID0gZmFBcnJvd0xlZnRGcm9tTGluZTtcclxuICAgIHByb3RlY3RlZCBJQ09OX09QRU4gPSBmYUFycm93UmlnaHRGcm9tTGluZTtcclxuICAgIHByb3RlY3RlZCBJQ09OX1NJREVCQVIgPSBmYVNpZGViYXI7XHJcblxyXG4gICAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICAgIGlzQ29sbGFwc2VkID0gbW9kZWw8Ym9vbGVhbj4oZmFsc2UpO1xyXG5cclxuICAgIHNpZGVCYXJJbnN0YW5jZU5hbWUgPSBpbnB1dDxzdHJpbmc+KCcnKTtcclxuXHJcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcblxyXG4gICAgcHJvdGVjdGVkIG9uUHJvZHVjdENsaWNrKHByb2R1Y3Q6IFByb2R1Y3RNb2RlbCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMucHJvZHVjdFN3aXRjaGVkLmVtaXQocHJvZHVjdCk7XHJcbiAgICB9XHJcblxyXG4gICAgcHJvdGVjdGVkIG9uSGVhZGVyQ2xpY2soKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKHRoaXMuIGFsbG93SGVhZGVyQ2xpY2spIHtcclxuICAgICAgICAgICAgdGhpcy5oZWFkZXJDbGljay5lbWl0KCk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHByb3RlY3RlZCB0b2dnbGVTdGF0ZSgpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLmlzQ29sbGFwc2VkLnNldCghdGhpcy5pc0NvbGxhcHNlZCgpKTtcclxuICAgIH1cclxufVxyXG4iLCI8ZGl2IFxyXG4gICAgY2xhc3M9XCJwcm9kdWN0LWhlYWRlciBwYi0yIG1iLTIgYWxpZ24taXRlbXMtc3RhcnQgZ2FwLTJcIlxyXG4gICAgPlxyXG4gICAgICAgIEBpZighaXNDb2xsYXBzZWQoKSkge1xyXG4gICAgICAgIDxzZHMtYXBwLXN3aXRjaGVyXHJcbiAgICAgICAgICAgICpuZ0lmPVwic2hvd0FwcFN3aXRjaGVyXCJcclxuICAgICAgICAgICAgY2xhc3M9XCJhcHAtc3dpdGNoZXIgdGV4dC1ncmF5LTgwMCBzZHMtZnMtOTMgc2RzLWhvdmVyYWJsZSBzZHMtcm91bmRlZC0yIHAtMSBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXJcIlxyXG4gICAgICAgICAgICBbcHJvZHVjdENvZGVdPVwiYXBwU3dpdGNoZXJQcm9kdWN0Q29kZVwiXHJcbiAgICAgICAgICAgIFt1c2VyUHJvZHVjdENvZGVzXT1cImFwcFN3aXRjaGVyVXNlclByb2R1Y3RDb2Rlc1wiXHJcbiAgICAgICAgICAgIFt0ZW5hbnRQcm9kdWN0c109XCJhcHBTd2l0Y2hlclRlbmFudFByb2R1Y3RzXCJcclxuICAgICAgICAgICAgW3N3aXRjaFRleHRdPVwiYXBwU3dpdGNoZXJTd2l0Y2hUZXh0XCJcclxuICAgICAgICAgICAgW2Rpc2NvdmVyVGV4dF09XCJhcHBTd2l0Y2hlckRpc2NvdmVyVGV4dFwiXHJcbiAgICAgICAgICAgIChwcm9kdWN0Q2xpY2spPVwib25Qcm9kdWN0Q2xpY2soJGV2ZW50KVwiXHJcbiAgICAgICAgICAgID5cclxuICAgICAgICA8L3Nkcy1hcHAtc3dpdGNoZXI+XHJcbiAgIFxyXG4gICAgICAgIDxkaXYgXHJcbiAgICAgICAgICAgIGNsYXNzPVwic2RzLWZsZXgtZ3Jvdy1zaHJpbmsgcHJvZHVjdC10aXRsZVwiXHJcbiAgICAgICAgICAgIChjbGljayk9XCJvbkhlYWRlckNsaWNrKClcIlxyXG4gICAgICAgICAgICBbY2xhc3Muc2RzLWN1cnNvci1wb2ludGVyXT1cImFsbG93SGVhZGVyQ2xpY2tcIlxyXG4gICAgICAgICAgICBbdGl0bGVdPVwibW9kdWxlVGl0bGUgJiYgaXNDb2xsYXBzZWQoKSA/IG1vZHVsZVRpdGxlIDogJydcIlxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgIDxkaXYgXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInByb2R1Y3QtbG9nby1jb250YWluZXJcIlxyXG4gICAgICAgICAgICAgICAgW2NsYXNzLmNvbGxhcHNlZF09XCJpc0NvbGxhcHNlZCgpXCJcclxuICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgIDxpbWdcclxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInByb2R1Y3QtbG9nb1wiXHJcbiAgICAgICAgICAgICAgICAgICAgW3NyY109XCJsb2dvVXJsXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgW2FsdF09XCJsb2dvQWx0VGV4dFwiXHJcbiAgICAgICAgICAgICAgICA+ICBcclxuICAgICAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgICAgICBAaWYobW9kdWxlVGl0bGUgJiYgIWlzQ29sbGFwc2VkKCkpIHtcclxuICAgICAgICAgICAgICAgIDxoNiBjbGFzcz1cIm10LTJcIj5cclxuICAgICAgICAgICAgICAgICAgICB7e21vZHVsZVRpdGxlfX1cclxuICAgICAgICAgICAgICAgIDwvaDY+XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICA8L2Rpdj5cclxuICAgIH1cclxuXHJcbiAgICA8YSBcclxuICAgICAgICBjbGFzcz1cIlxyXG4gICAgICAgICAgICB0b2dnbGUtY29sbGFwc2VkLWJ1dHRvbiBcclxuICAgICAgICAgICAgdGV4dC1ncmF5LTgwMCBzZHMtZnMtOTMgXHJcbiAgICAgICAgICAgIHNkcy1ob3ZlcmFibGUgc2RzLXJvdW5kZWQtMiBcclxuICAgICAgICAgICAgcC0xIG1sLTJcclxuICAgICAgICAgICAgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyXHJcbiAgICAgICAgICAgIHNkcy1jdXJzb3ItcG9pbnRlclxyXG4gICAgICAgICAgICBcIiBcclxuICAgICAgICAoY2xpY2spPVwidG9nZ2xlU3RhdGUoKVwiIFxyXG4gICAgICAgIFt0aXRsZV09XCJpc0NvbGxhcHNlZCgpID8gdGV4dE9wZW4oKSA6IHRleHRDbG9zZSgpXCIgXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgICA8ZmEtaWNvbiBcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwic3RhdGljLWljb25cIlxyXG4gICAgICAgICAgICAgICAgW2ljb25dPVwiSUNPTl9TSURFQkFSXCIgXHJcbiAgICAgICAgICAgICAgICBbZml4ZWRXaWR0aF09XCJ0cnVlXCJcclxuICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgPC9mYS1pY29uPlxyXG5cclxuICAgICAgICAgICAgPGZhLWljb24gXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImhvdmVyLWljb25cIlxyXG4gICAgICAgICAgICAgICAgW2ljb25dPVwiaXNDb2xsYXBzZWQoKSA/IElDT05fT1BFTiA6IElDT05fQ0xPU0VcIiBcclxuICAgICAgICAgICAgICAgIFtmaXhlZFdpZHRoXT1cInRydWVcIlxyXG4gICAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICA8L2ZhLWljb24+XHJcbiAgICA8L2E+XHJcbiAgICBcclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/src/lib/navigation/public-api.mjs

@@ -0,0 +1,14 @@
+export * from './navigation-container/navigation-container.component';
+export * from './navigation-external-link/navigation-external-link.component';
+export * from './navigation-group/navigation-group.component';
+export * from './navigation-header/navigation-header.component';
+export * from './navigation-route-link/navigation-route-link.component';
+export * from './navigation-separator/navigation-separator.component';
+export * from './navigation-collapsible-frame/navigation-collapsible-frame.component';
+export * from './navigation-user-profile/navigation-user-profile.component';
+export * from './navigation-user-profile/navigation-profile.model';
+export * from './navigation-user-profile/components/user-profile-selector/user-profile-selector.component';
+export * from './navigation-user-profile/components/user-profile-selector/user-profile-selector.types';
+export * from './navigation-collapsible-frame/navigation-collapsible-frame.component';
+export * from './product-home/product-home.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL25hdmlnYXRpb24vcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHVEQUF1RCxDQUFDO0FBRXRFLGNBQWMsK0RBQStELENBQUM7QUFDOUUsY0FBYywrQ0FBK0MsQ0FBQztBQUM5RCxjQUFjLGlEQUFpRCxDQUFDO0FBQ2hFLGNBQWMseURBQXlELENBQUM7QUFDeEUsY0FBYyx1REFBdUQsQ0FBQztBQUN0RSxjQUFjLHVFQUF1RSxDQUFDO0FBQ3RGLGNBQWMsNkRBQTZELENBQUM7QUFDNUUsY0FBYyxvREFBb0QsQ0FBQztBQUNuRSxjQUFjLDRGQUE0RixDQUFDO0FBQzNHLGNBQWMsd0ZBQXdGLENBQUM7QUFDdkcsY0FBYyx1RUFBdUUsQ0FBQztBQUN0RixjQUFjLHVDQUF1QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9uYXZpZ2F0aW9uLWNvbnRhaW5lci9uYXZpZ2F0aW9uLWNvbnRhaW5lci5jb21wb25lbnQnO1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9uYXZpZ2F0aW9uLWV4dGVybmFsLWxpbmsvbmF2aWdhdGlvbi1leHRlcm5hbC1saW5rLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbmF2aWdhdGlvbi1ncm91cC9uYXZpZ2F0aW9uLWdyb3VwLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbmF2aWdhdGlvbi1oZWFkZXIvbmF2aWdhdGlvbi1oZWFkZXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9uYXZpZ2F0aW9uLXJvdXRlLWxpbmsvbmF2aWdhdGlvbi1yb3V0ZS1saW5rLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbmF2aWdhdGlvbi1zZXBhcmF0b3IvbmF2aWdhdGlvbi1zZXBhcmF0b3IuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9uYXZpZ2F0aW9uLWNvbGxhcHNpYmxlLWZyYW1lL25hdmlnYXRpb24tY29sbGFwc2libGUtZnJhbWUuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9uYXZpZ2F0aW9uLXVzZXItcHJvZmlsZS9uYXZpZ2F0aW9uLXVzZXItcHJvZmlsZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL25hdmlnYXRpb24tdXNlci1wcm9maWxlL25hdmlnYXRpb24tcHJvZmlsZS5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbmF2aWdhdGlvbi11c2VyLXByb2ZpbGUvY29tcG9uZW50cy91c2VyLXByb2ZpbGUtc2VsZWN0b3IvdXNlci1wcm9maWxlLXNlbGVjdG9yLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbmF2aWdhdGlvbi11c2VyLXByb2ZpbGUvY29tcG9uZW50cy91c2VyLXByb2ZpbGUtc2VsZWN0b3IvdXNlci1wcm9maWxlLXNlbGVjdG9yLnR5cGVzJztcclxuZXhwb3J0ICogZnJvbSAnLi9uYXZpZ2F0aW9uLWNvbGxhcHNpYmxlLWZyYW1lL25hdmlnYXRpb24tY29sbGFwc2libGUtZnJhbWUuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9wcm9kdWN0LWhvbWUvcHJvZHVjdC1ob21lLmNvbXBvbmVudCc7XHJcblxyXG5cclxuIl19

package/{esm2020 → esm2022}/src/lib/navigation/spicainternational-ngx-sds-components-src-lib-navigation.mjs

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BpY2FpbnRlcm5hdGlvbmFsLW5neC1zZHMtY29tcG9uZW50cy1zcmMtbGliLW5hdmlnYXRpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9uYXZpZ2F0aW9uL3NwaWNhaW50ZXJuYXRpb25hbC1uZ3gtc2RzLWNvbXBvbmVudHMtc3JjLWxpYi1uYXZpZ2F0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=

package/esm2022/src/lib/navigation/utils/navigation.utils.mjs

@@ -0,0 +1,48 @@
+export function removeQueryParams(url) {
+    return url.split('?')[0];
+}
+export function isUrlPartOfNavigationGroup(currentUrl, nestedRoutes, defaultGroupUrl) {
+    if (!currentUrl || currentUrl?.length === 0) {
+        return false;
+    }
+    defaultGroupUrl = defaultGroupUrl.replace('/', '');
+    if (nestedRoutes?.length > 0) {
+        // Nested routes are provided. We should find out if current url is on the list of
+        // the provided nested routes       
+        const currentUrlParts = currentUrl.slice(); //.reverse();
+        const routeItemIsPartOfNestedRoutes = nestedRoutes.some((routeName) => {
+            const routeParts = routeName.split('/'); //.reverse();
+            return isSubsetOrSame(currentUrlParts, routeParts);
+        });
+        if (routeItemIsPartOfNestedRoutes) {
+            return true;
+        }
+    }
+    const currentUrlContainsGroupUrl = currentUrl.some(path => path === defaultGroupUrl);
+    return currentUrlContainsGroupUrl;
+}
+function isSubsetOrSame(mainArray, subArray) {
+    // if we have super wildcard we need to check reversed array
+    // if (subArray.includes('**')) {
+    const reversedMainArray = mainArray.slice(); //.reverse();
+    const reversedSubArray = subArray.slice(); //.reverse();
+    for (let i = 0; i < reversedSubArray.length; i++) {
+        if (reversedSubArray[i] === '**') {
+            return true;
+        }
+        if ((reversedMainArray[i] !== reversedSubArray[i]) && reversedSubArray[i] !== '*') {
+            return false;
+        }
+    }
+    return true;
+    // } else {
+    //     if (subArray.length > mainArray.length) return false;
+    //     for (let i = 0; i < subArray.length; i++) {
+    //         if ((mainArray[i] !== subArray[i]) && subArray[i] !== '*') {
+    //             return false;
+    //         }
+    //     }
+    //     return true;
+    // }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi51dGlscy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL25hdmlnYXRpb24vdXRpbHMvbmF2aWdhdGlvbi51dGlscy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLFVBQVUsaUJBQWlCLENBQUMsR0FBVztJQUN6QyxPQUFPLEdBQUcsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDN0IsQ0FBQztBQUVELE1BQU0sVUFBVSwwQkFBMEIsQ0FDdEMsVUFBb0IsRUFDcEIsWUFBc0IsRUFDdEIsZUFBdUI7SUFFdkIsSUFBSSxDQUFDLFVBQVUsSUFBSSxVQUFVLEVBQUUsTUFBTSxLQUFLLENBQUMsRUFBRSxDQUFDO1FBQzFDLE9BQU8sS0FBSyxDQUFDO0lBQ2pCLENBQUM7SUFFRCxlQUFlLEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFbkQsSUFBSSxZQUFZLEVBQUUsTUFBTSxHQUFHLENBQUMsRUFBRSxDQUFDO1FBQzNCLGtGQUFrRjtRQUNsRixvQ0FBb0M7UUFDcEMsTUFBTSxlQUFlLEdBQUcsVUFBVSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUEsYUFBYTtRQUN4RCxNQUFNLDZCQUE2QixHQUFHLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQyxTQUFTLEVBQUUsRUFBRTtZQUNsRSxNQUFNLFVBQVUsR0FBRyxTQUFTLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUEsYUFBYTtZQUNyRCxPQUFPLGNBQWMsQ0FBQyxlQUFlLEVBQUUsVUFBVSxDQUFDLENBQUM7UUFDdkQsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLDZCQUE2QixFQUFFLENBQUM7WUFDaEMsT0FBTyxJQUFJLENBQUM7UUFDaEIsQ0FBQztJQUNMLENBQUM7SUFFRCxNQUFNLDBCQUEwQixHQUFHLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLEtBQUssZUFBZSxDQUFDLENBQUM7SUFDckYsT0FBTywwQkFBMEIsQ0FBQztBQUNwQyxDQUFDO0FBRUgsU0FBUyxjQUFjLENBQUMsU0FBbUIsRUFBRSxRQUFrQjtJQUMzRCw0REFBNEQ7SUFDNUQsaUNBQWlDO0lBQzdCLE1BQU0saUJBQWlCLEdBQUcsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsYUFBYTtJQUMxRCxNQUFNLGdCQUFnQixHQUFHLFFBQVEsQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLGFBQWE7SUFFeEQsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDO1FBQy9DLElBQUksZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUM7WUFDL0IsT0FBTyxJQUFJLENBQUM7UUFDaEIsQ0FBQztRQUNELElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsS0FBSyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDO1lBQ2hGLE9BQU8sS0FBSyxDQUFDO1FBQ2pCLENBQUM7SUFDTCxDQUFDO0lBQ0QsT0FBTyxJQUFJLENBQUM7SUFFaEIsV0FBVztJQUNYLDREQUE0RDtJQUU1RCxrREFBa0Q7SUFDbEQsdUVBQXVFO0lBQ3ZFLDRCQUE0QjtJQUM1QixZQUFZO0lBQ1osUUFBUTtJQUNSLG1CQUFtQjtJQUNuQixJQUFJO0FBQ1IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBmdW5jdGlvbiByZW1vdmVRdWVyeVBhcmFtcyh1cmw6IHN0cmluZyk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gdXJsLnNwbGl0KCc/JylbMF07XHJcbn1cclxuXHJcbmV4cG9ydCBmdW5jdGlvbiBpc1VybFBhcnRPZk5hdmlnYXRpb25Hcm91cChcclxuICAgIGN1cnJlbnRVcmw6IHN0cmluZ1tdLCBcclxuICAgIG5lc3RlZFJvdXRlczogc3RyaW5nW10sIFxyXG4gICAgZGVmYXVsdEdyb3VwVXJsOiBzdHJpbmcpOiBib29sZWFuIHtcclxuXHJcbiAgICBpZiAoIWN1cnJlbnRVcmwgfHwgY3VycmVudFVybD8ubGVuZ3RoID09PSAwKSB7XHJcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgfVxyXG4gICAgXHJcbiAgICBkZWZhdWx0R3JvdXBVcmwgPSBkZWZhdWx0R3JvdXBVcmwucmVwbGFjZSgnLycsICcnKTtcclxuICAgIFxyXG4gICAgaWYgKG5lc3RlZFJvdXRlcz8ubGVuZ3RoID4gMCkge1xyXG4gICAgICAgIC8vIE5lc3RlZCByb3V0ZXMgYXJlIHByb3ZpZGVkLiBXZSBzaG91bGQgZmluZCBvdXQgaWYgY3VycmVudCB1cmwgaXMgb24gdGhlIGxpc3Qgb2ZcclxuICAgICAgICAvLyB0aGUgcHJvdmlkZWQgbmVzdGVkIHJvdXRlcyAgICAgICBcclxuICAgICAgICBjb25zdCBjdXJyZW50VXJsUGFydHMgPSBjdXJyZW50VXJsLnNsaWNlKCk7Ly8ucmV2ZXJzZSgpO1xyXG4gICAgICAgIGNvbnN0IHJvdXRlSXRlbUlzUGFydE9mTmVzdGVkUm91dGVzID0gbmVzdGVkUm91dGVzLnNvbWUoKHJvdXRlTmFtZSkgPT4ge1xyXG4gICAgICAgICAgICBjb25zdCByb3V0ZVBhcnRzID0gcm91dGVOYW1lLnNwbGl0KCcvJyk7Ly8ucmV2ZXJzZSgpO1xyXG4gICAgICAgICAgICByZXR1cm4gaXNTdWJzZXRPclNhbWUoY3VycmVudFVybFBhcnRzLCByb3V0ZVBhcnRzKTtcclxuICAgICAgICB9KTtcclxuICAgICAgICBpZiAocm91dGVJdGVtSXNQYXJ0T2ZOZXN0ZWRSb3V0ZXMpIHtcclxuICAgICAgICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIGNvbnN0IGN1cnJlbnRVcmxDb250YWluc0dyb3VwVXJsID0gY3VycmVudFVybC5zb21lKHBhdGggPT4gcGF0aCA9PT0gZGVmYXVsdEdyb3VwVXJsKTtcclxuICAgIHJldHVybiBjdXJyZW50VXJsQ29udGFpbnNHcm91cFVybDtcclxuICB9XHJcblxyXG5mdW5jdGlvbiBpc1N1YnNldE9yU2FtZShtYWluQXJyYXk6IHN0cmluZ1tdLCBzdWJBcnJheTogc3RyaW5nW10pOiBib29sZWFuIHtcclxuICAgIC8vIGlmIHdlIGhhdmUgc3VwZXIgd2lsZGNhcmQgd2UgbmVlZCB0byBjaGVjayByZXZlcnNlZCBhcnJheVxyXG4gICAgLy8gaWYgKHN1YkFycmF5LmluY2x1ZGVzKCcqKicpKSB7XHJcbiAgICAgICAgY29uc3QgcmV2ZXJzZWRNYWluQXJyYXkgPSBtYWluQXJyYXkuc2xpY2UoKTsgLy8ucmV2ZXJzZSgpO1xyXG4gICAgICAgIGNvbnN0IHJldmVyc2VkU3ViQXJyYXkgPSBzdWJBcnJheS5zbGljZSgpOyAvLy5yZXZlcnNlKCk7XHJcblxyXG4gICAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgcmV2ZXJzZWRTdWJBcnJheS5sZW5ndGg7IGkrKykge1xyXG4gICAgICAgICAgICBpZiAocmV2ZXJzZWRTdWJBcnJheVtpXSA9PT0gJyoqJykge1xyXG4gICAgICAgICAgICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgaWYgKChyZXZlcnNlZE1haW5BcnJheVtpXSAhPT0gcmV2ZXJzZWRTdWJBcnJheVtpXSkgJiYgcmV2ZXJzZWRTdWJBcnJheVtpXSAhPT0gJyonKSB7XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgICAgcmV0dXJuIHRydWU7XHJcblxyXG4gICAgLy8gfSBlbHNlIHtcclxuICAgIC8vICAgICBpZiAoc3ViQXJyYXkubGVuZ3RoID4gbWFpbkFycmF5Lmxlbmd0aCkgcmV0dXJuIGZhbHNlO1xyXG5cclxuICAgIC8vICAgICBmb3IgKGxldCBpID0gMDsgaSA8IHN1YkFycmF5Lmxlbmd0aDsgaSsrKSB7XHJcbiAgICAvLyAgICAgICAgIGlmICgobWFpbkFycmF5W2ldICE9PSBzdWJBcnJheVtpXSkgJiYgc3ViQXJyYXlbaV0gIT09ICcqJykge1xyXG4gICAgLy8gICAgICAgICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgLy8gICAgICAgICB9XHJcbiAgICAvLyAgICAgfVxyXG4gICAgLy8gICAgIHJldHVybiB0cnVlO1xyXG4gICAgLy8gfVxyXG59Il19

package/esm2022/src/lib/number-box/number-box.component.mjs

@@ -0,0 +1,138 @@
+import { Component, EventEmitter, Input, Output, } from '@angular/core';
+import { faChevronLeft, faChevronRight, faMinus, faPlus } from '@fortawesome/pro-regular-svg-icons';
+import { Subject, debounceTime, interval, takeUntil } from 'rxjs';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgIf } from '@angular/common';
+import * as i0 from "@angular/core";
+export class SdsNumberBoxComponent {
+    constructor() {
+        this.value = 0;
+        this.valueChange = new EventEmitter();
+        /**
+         * Width of component. By default 8rem.
+         *
+         * @type {string}
+         * @memberof SdsDurationBoxComponent
+         */
+        this.width = '8rem';
+        /**
+         * Specifies whether the UI component responds to user interaction.
+         *
+         * @type {boolean}
+         * @memberof SdsDurationBoxComponent
+         */
+        this.disabled = false;
+        /**
+         * The increment by which the value is increased or decreased.
+         *
+         * @type {number}
+         * @memberof SdsDurationBoxComponent
+         */
+        this.step = 1;
+        /**
+         * The icon set to use for the increment and decrement buttons.
+         * Icons used are from the FrontAwesome library, so you must include them in the project to use them.
+         * You can add them to FA library on the module/component level.
+         * Icons: regular, minus/plus, chevron-left/right
+         *
+         * @type {('plus-minus' | 'left-right')}
+         * @memberof SdsNumberBoxComponent
+         */
+        this.iconSet = 'plus-minus';
+        /**
+         * Interval between value changes when the increment or decrement button is held down.
+         *
+         * @type {number}
+         * @memberof SdsNumberBoxComponent
+         */
+        this.burstInterval = 120;
+        /**
+         * Interval in which new value is emitted to the parent component.
+         * It should be higher than burstInterval to prevent multiple value changes in burst mode.
+         *
+         * @type {number}
+         * @memberof SdsNumberBoxComponent
+         */
+        this.debounceTime = 150;
+        this.ICON_MINUS = faMinus;
+        this.ICON_PLUS = faPlus;
+        this.ICON_LEFT = faChevronLeft;
+        this.ICON_RIGHT = faChevronRight;
+        this.destroy$ = new Subject();
+        this.newValue$ = new Subject();
+    }
+    ngOnInit() {
+        this.newValue$.pipe(debounceTime(this.debounceTime)).subscribe(() => {
+            this.valueChange.emit(this.value);
+        });
+    }
+    increment() {
+        const newValue = this.value + this.step;
+        if (typeof this.max !== 'undefined' && newValue > this.max) {
+            return;
+        }
+        this.value = newValue;
+        this.newValue$.next(this.value);
+    }
+    decrement() {
+        const newValue = this.value - this.step;
+        if (typeof this.min !== 'undefined' && newValue < this.min) {
+            return;
+        }
+        this.value = newValue;
+        this.newValue$.next(this.value);
+    }
+    startIncrement() {
+        this.increment();
+        interval(this.burstInterval)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => {
+            this.increment();
+        });
+    }
+    stopIncrement() {
+        this.destroy$.next();
+    }
+    startDecrement() {
+        this.decrement();
+        interval(this.burstInterval)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => {
+            this.decrement();
+        });
+    }
+    stopDecrement() {
+        this.destroy$.next();
+    }
+    ngOnDestroy() {
+        this.destroy$.complete();
+        this.newValue$.complete();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsNumberBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SdsNumberBoxComponent, isStandalone: true, selector: "sds-number-box", inputs: { value: "value", width: "width", disabled: "disabled", max: "max", min: "min", step: "step", iconSet: "iconSet", burstInterval: "burstInterval", debounceTime: "debounceTime" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div \r\n    class=\"input-group\"\r\n    [style.width]=\"width\"\r\n>\r\n\r\n    <button \r\n        class=\"btn btn-secondary btn-sm border\" \r\n        type=\"button\"\r\n        (mousedown)=\"startDecrement()\" \r\n        (mouseup)=\"stopDecrement()\"\r\n        (mouseleave)=\"stopDecrement()\"\r\n        [disabled]=\"disabled\"\r\n    > \r\n        <fa-icon *ngIf=\"iconSet === 'plus-minus'\" [icon]=\"ICON_MINUS\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\r\n        <fa-icon *ngIf=\"iconSet === 'left-right'\" [icon]=\"ICON_LEFT\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\r\n    </button>\r\n    \r\n    <input \r\n        type=\"text\" \r\n        class=\"form-control text-center bg-white text-monospace\" \r\n        [class.text-muted]=\"disabled\"\r\n        [style.padding-top.rem]=\"0.31\"\r\n        [style.padding-bottom.rem]=\"0.31\"\r\n        placeholder=\"\"\r\n        [value]=\"value\"\r\n        [max]=\"max\"\r\n        [min]=\"min\"\r\n        [step]=\"step\"\r\n        >\r\n    \r\n    <button \r\n        #incrementButton\r\n        class=\"btn btn-secondary btn-sm border\" \r\n        type=\"button\"\r\n        (mousedown)=\"startIncrement()\" \r\n        (mouseup)=\"stopIncrement()\"\r\n        (mouseleave)=\"stopIncrement()\"\r\n        [disabled]=\"disabled\"\r\n    >\r\n    <fa-icon *ngIf=\"iconSet === 'plus-minus'\" [icon]=\"ICON_PLUS\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\r\n    <fa-icon *ngIf=\"iconSet === 'left-right'\" [icon]=\"ICON_RIGHT\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\r\n    </button>\r\n\r\n</div>", styles: ["input{pointer-events:none}\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: SdsNumberBoxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sds-number-box', standalone: true, imports: [NgIf, FaIconComponent], template: "<div \r\n    class=\"input-group\"\r\n    [style.width]=\"width\"\r\n>\r\n\r\n    <button \r\n        class=\"btn btn-secondary btn-sm border\" \r\n        type=\"button\"\r\n        (mousedown)=\"startDecrement()\" \r\n        (mouseup)=\"stopDecrement()\"\r\n        (mouseleave)=\"stopDecrement()\"\r\n        [disabled]=\"disabled\"\r\n    > \r\n        <fa-icon *ngIf=\"iconSet === 'plus-minus'\" [icon]=\"ICON_MINUS\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\r\n        <fa-icon *ngIf=\"iconSet === 'left-right'\" [icon]=\"ICON_LEFT\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\r\n    </button>\r\n    \r\n    <input \r\n        type=\"text\" \r\n        class=\"form-control text-center bg-white text-monospace\" \r\n        [class.text-muted]=\"disabled\"\r\n        [style.padding-top.rem]=\"0.31\"\r\n        [style.padding-bottom.rem]=\"0.31\"\r\n        placeholder=\"\"\r\n        [value]=\"value\"\r\n        [max]=\"max\"\r\n        [min]=\"min\"\r\n        [step]=\"step\"\r\n        >\r\n    \r\n    <button \r\n        #incrementButton\r\n        class=\"btn btn-secondary btn-sm border\" \r\n        type=\"button\"\r\n        (mousedown)=\"startIncrement()\" \r\n        (mouseup)=\"stopIncrement()\"\r\n        (mouseleave)=\"stopIncrement()\"\r\n        [disabled]=\"disabled\"\r\n    >\r\n    <fa-icon *ngIf=\"iconSet === 'plus-minus'\" [icon]=\"ICON_PLUS\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\r\n    <fa-icon *ngIf=\"iconSet === 'left-right'\" [icon]=\"ICON_RIGHT\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\r\n    </button>\r\n\r\n</div>", styles: ["input{pointer-events:none}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { value: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], width: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }], iconSet: [{
+                type: Input
+            }], burstInterval: [{
+                type: Input
+            }], debounceTime: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnVtYmVyLWJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9udW1iZXItYm94L251bWJlci1ib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvbnVtYmVyLWJveC9udW1iZXItYm94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCxTQUFTLEVBRVQsWUFBWSxFQUNaLEtBQUssRUFHTCxNQUFNLEdBRVQsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGFBQWEsRUFBRSxjQUFjLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3BHLE9BQU8sRUFBRSxPQUFPLEVBQUUsWUFBWSxFQUFhLFFBQVEsRUFBTyxTQUFTLEVBQWdCLE1BQU0sTUFBTSxDQUFDO0FBQ2hHLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBU3ZDLE1BQU0sT0FBTyxxQkFBcUI7SUFnRjlCO1FBL0VTLFVBQUssR0FBVyxDQUFDLENBQUM7UUFDakIsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRW5EOzs7OztXQUtHO1FBQ00sVUFBSyxHQUFXLE1BQU0sQ0FBQztRQUVoQzs7Ozs7V0FLRztRQUNNLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFrQm5DOzs7OztXQUtHO1FBQ00sU0FBSSxHQUFXLENBQUMsQ0FBQztRQUUxQjs7Ozs7Ozs7V0FRRztRQUNNLFlBQU8sR0FBZ0MsWUFBWSxDQUFDO1FBRTdEOzs7OztXQUtHO1FBQ00sa0JBQWEsR0FBVyxHQUFHLENBQUM7UUFFckM7Ozs7OztXQU1HO1FB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VztzQkFBcEIsTUFBTTtnQkFRRSxLQUFLO3NCQUFiLEtBQUs7Z0JBUUcsUUFBUTtzQkFBaEIsS0FBSztnQkFRRyxHQUFHO3NCQUFYLEtBQUs7Z0JBUUcsR0FBRztzQkFBWCxLQUFLO2dCQVFHLElBQUk7c0JBQVosS0FBSztnQkFXRyxPQUFPO3NCQUFmLEtBQUs7Z0JBUUcsYUFBYTtzQkFBckIsS0FBSztnQkFTRyxZQUFZO3NCQUFwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICAgIENvbXBvbmVudCxcclxuICAgIEVsZW1lbnRSZWYsXHJcbiAgICBFdmVudEVtaXR0ZXIsXHJcbiAgICBJbnB1dCxcclxuICAgIE9uRGVzdHJveSxcclxuICAgIE9uSW5pdCxcclxuICAgIE91dHB1dCxcclxuICAgIFZpZXdDaGlsZCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgZmFDaGV2cm9uTGVmdCwgZmFDaGV2cm9uUmlnaHQsIGZhTWludXMsIGZhUGx1cyB9IGZyb20gJ0Bmb3J0YXdlc29tZS9wcm8tcmVndWxhci1zdmctaWNvbnMnO1xyXG5pbXBvcnQgeyBTdWJqZWN0LCBkZWJvdW5jZVRpbWUsIGZyb21FdmVudCwgaW50ZXJ2YWwsIG1hcCwgdGFrZVVudGlsLCB0aHJvdHRsZVRpbWUgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgRmFJY29uQ29tcG9uZW50IH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xyXG5pbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdzZHMtbnVtYmVyLWJveCcsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vbnVtYmVyLWJveC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9udW1iZXItYm94LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gICAgaW1wb3J0czogW05nSWYsIEZhSWNvbkNvbXBvbmVudF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZHNOdW1iZXJCb3hDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgICBASW5wdXQoKSB2YWx1ZTogbnVtYmVyID0gMDtcclxuICAgIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogV2lkdGggb2YgY29tcG9uZW50LiBCeSBkZWZhdWx0IDhyZW0uXHJcbiAgICAgKlxyXG4gICAgICogQHR5cGUge3N0cmluZ31cclxuICAgICAqIEBtZW1iZXJvZiBTZHNEdXJhdGlvbkJveENvbXBvbmVudFxyXG4gICAgICovXHJcbiAgICBASW5wdXQoKSB3aWR0aDogc3RyaW5nID0gJzhyZW0nO1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogU3BlY2lmaWVzIHdoZXRoZXIgdGhlIFVJIGNvbXBvbmVudCByZXNwb25kcyB0byB1c2VyIGludGVyYWN0aW9uLlxyXG4gICAgICpcclxuICAgICAqIEB0eXBlIHtib29sZWFufVxyXG4gICAgICogQG1lbWJlcm9mIFNkc0R1cmF0aW9uQm94Q29tcG9uZW50XHJcbiAgICAgKi9cclxuICAgIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBUaGUgbWF4aW11bSB2YWx1ZSBhY2NlcHRlZCBieSB0aGUgZHVyYXRpb24gYm94LlxyXG4gICAgICpcclxuICAgICAqIEB0eXBlIHtudW1iZXJ9XHJcbiAgICAgKiBAbWVtYmVyb2YgU2RzRHVyYXRpb25Cb3hDb21wb25lbnRcclxuICAgICAqL1xyXG4gICAgQElucHV0KCkgbWF4PzogbnVtYmVyO1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogVGhlIG1pbmltdW0gdmFsdWUgYWNjZXB0ZWQgYnkgdGhlIGR1cmF0aW9uIGJveC5cclxuICAgICAqXHJcbiAgICAgKiBAdHlwZSB7bnVtYmVyfVxyXG4gICAgICogQG1lbWJlcm9mIFNkc0R1cmF0aW9uQm94Q29tcG9uZW50XHJcbiAgICAgKi9cclxuICAgIEBJbnB1dCgpIG1pbj86IG51bWJlcjtcclxuXHJcbiAgICAvKipcclxuICAgICAqIFRoZSBpbmNyZW1lbnQgYnkgd2hpY2ggdGhlIHZhbHVlIGlzIGluY3JlYXNlZCBvciBkZWNyZWFzZWQuXHJcbiAgICAgKlxyXG4gICAgICogQHR5cGUge251bWJlcn1cclxuICAgICAqIEBtZW1iZXJvZiBTZHNEdXJhdGlvbkJveENvbXBvbmVudFxyXG4gICAgICovXHJcbiAgICBASW5wdXQoKSBzdGVwOiBudW1iZXIgPSAxO1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogVGhlIGljb24gc2V0IHRvIHVzZSBmb3IgdGhlIGluY3JlbWVudCBhbmQgZGVjcmVtZW50IGJ1dHRvbnMuXHJcbiAgICAgKiBJY29ucyB1c2VkIGFyZSBmcm9tIHRoZSBGcm9udEF3ZXNvbWUgbGlicmFyeSwgc28geW91IG11c3QgaW5jbHVkZSB0aGVtIGluIHRoZSBwcm9qZWN0IHRvIHVzZSB0aGVtLiBcclxuICAgICAqIFlvdSBjYW4gYWRkIHRoZW0gdG8gRkEgbGlicmFyeSBvbiB0aGUgbW9kdWxlL2NvbXBvbmVudCBsZXZlbC5cclxuICAgICAqIEljb25zOiByZWd1bGFyLCBtaW51cy9wbHVzLCBjaGV2cm9uLWxlZnQvcmlnaHRcclxuICAgICAqXHJcbiAgICAgKiBAdHlwZSB7KCdwbHVzLW1pbnVzJyB8ICdsZWZ0LXJpZ2h0Jyl9XHJcbiAgICAgKiBAbWVtYmVyb2YgU2RzTnVtYmVyQm94Q29tcG9uZW50XHJcbiAgICAgKi9cclxuICAgIEBJbnB1dCgpIGljb25TZXQ6ICdwbHVzLW1pbnVzJyB8ICdsZWZ0LXJpZ2h0JyA9ICdwbHVzLW1pbnVzJztcclxuXHJcbiAgICAvKipcclxuICAgICAqIEludGVydmFsIGJldHdlZW4gdmFsdWUgY2hhbmdlcyB3aGVuIHRoZSBpbmNyZW1lbnQgb3IgZGVjcmVtZW50IGJ1dHRvbiBpcyBoZWxkIGRvd24uXHJcbiAgICAgKlxyXG4gICAgICogQHR5cGUge251bWJlcn1cclxuICAgICAqIEBtZW1iZXJvZiBTZHNOdW1iZXJCb3hDb21wb25lbnRcclxuICAgICAqL1xyXG4gICAgQElucHV0KCkgYnVyc3RJbnRlcnZhbDogbnVtYmVyID0gMTIwO1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogSW50ZXJ2YWwgaW4gd2hpY2ggbmV3IHZhbHVlIGlzIGVtaXR0ZWQgdG8gdGhlIHBhcmVudCBjb21wb25lbnQuXHJcbiAgICAgKiBJdCBzaG91bGQgYmUgaGlnaGVyIHRoYW4gYnVyc3RJbnRlcnZhbCB0byBwcmV2ZW50IG11bHRpcGxlIHZhbHVlIGNoYW5nZXMgaW4gYnVyc3QgbW9kZS5cclxuICAgICAqIFxyXG4gICAgICogQHR5cGUge251bWJlcn1cclxuICAgICAqIEBtZW1iZXJvZiBTZHNOdW1iZXJCb3hDb21wb25lbnRcclxuICAgICAqL1xyXG4gICAgQElucHV0KCkgZGVib3VuY2VUaW1lOiBudW1iZXIgPSAxNTA7XHJcblxyXG4gICAgcHVibGljIElDT05fTUlOVVMgPSBmYU1pbnVzO1xyXG4gICAgcHVibGljIElDT05fUExVUyA9IGZhUGx1cztcclxuICAgIHB1YmxpYyBJQ09OX0xFRlQgPSBmYUNoZXZyb25MZWZ0O1xyXG4gICAgcHVibGljIElDT05fUklHSFQgPSBmYUNoZXZyb25SaWdodDtcclxuXHJcbiAgICBwcml2YXRlIGRlc3Ryb3kkOiBTdWJqZWN0PHZvaWQ+ID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcclxuICAgIHByaXZhdGUgbmV3VmFsdWUkOiBTdWJqZWN0PG51bWJlcj4gPSBuZXcgU3ViamVjdDxudW1iZXI+KCk7XHJcblxyXG4gICAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMubmV3VmFsdWUkLnBpcGUoXHJcbiAgICAgICAgICAgIGRlYm91bmNlVGltZSh0aGlzLmRlYm91bmNlVGltZSlcclxuICAgICAgICApLnN1YnNjcmliZSgoKSA9PiB7XHJcbiAgICAgICAgICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh0aGlzLnZhbHVlKTtcclxuICAgICAgICB9KTtcclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgaW5jcmVtZW50KCkge1xyXG4gICAgICAgIGNvbnN0IG5ld1ZhbHVlID0gdGhpcy52YWx1ZSArIHRoaXMuc3RlcDtcclxuICAgICAgICBpZiAodHlwZW9mIHRoaXMubWF4ICE9PSAndW5kZWZpbmVkJyAmJiBuZXdWYWx1ZSA+IHRoaXMubWF4KSB7XHJcbiAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICB9XHJcbiAgICAgICAgdGhpcy52YWx1ZSA9IG5ld1ZhbHVlO1xyXG4gICAgICAgIHRoaXMubmV3VmFsdWUkLm5leHQodGhpcy52YWx1ZSk7XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIGRlY3JlbWVudCgpIHtcclxuICAgICAgICBjb25zdCBuZXdWYWx1ZSA9IHRoaXMudmFsdWUgLSB0aGlzLnN0ZXA7XHJcbiAgICAgICAgaWYgKHR5cGVvZiB0aGlzLm1pbiAhPT0gJ3VuZGVmaW5lZCcgJiYgbmV3VmFsdWUgPCB0aGlzLm1pbikge1xyXG4gICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHRoaXMudmFsdWUgPSBuZXdWYWx1ZTtcclxuICAgICAgICB0aGlzLm5ld1ZhbHVlJC5uZXh0KHRoaXMudmFsdWUpO1xyXG4gICAgfVxyXG5cclxuICAgIHN0YXJ0SW5jcmVtZW50KCkge1xyXG4gICAgICAgIHRoaXMuaW5jcmVtZW50KCk7XHJcbiAgICAgICAgaW50ZXJ2YWwodGhpcy5idXJzdEludGVydmFsKVxyXG4gICAgICAgICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5kZXN0cm95JCkpXHJcbiAgICAgICAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xyXG4gICAgICAgICAgICAgICAgdGhpcy5pbmNyZW1lbnQoKTtcclxuICAgICAgICAgICAgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgc3RvcEluY3JlbWVudCgpIHtcclxuICAgICAgICB0aGlzLmRlc3Ryb3kkLm5leHQoKTtcclxuICAgIH1cclxuXHJcbiAgICBzdGFydERlY3JlbWVudCgpIHtcclxuICAgICAgICB0aGlzLmRlY3JlbWVudCgpO1xyXG4gICAgICAgIGludGVydmFsKHRoaXMuYnVyc3RJbnRlcnZhbClcclxuICAgICAgICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuZGVzdHJveSQpKVxyXG4gICAgICAgICAgICAuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgICAgICAgICAgIHRoaXMuZGVjcmVtZW50KCk7XHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgfVxyXG5cclxuICAgIHN0b3BEZWNyZW1lbnQoKSB7XHJcbiAgICAgICAgdGhpcy5kZXN0cm95JC5uZXh0KCk7XHJcbiAgICB9XHJcblxyXG4gICAgbmdPbkRlc3Ryb3koKSB7XHJcbiAgICAgICAgdGhpcy5kZXN0cm95JC5jb21wbGV0ZSgpO1xyXG4gICAgICAgIHRoaXMubmV3VmFsdWUkLmNvbXBsZXRlKCk7XHJcbiAgICB9XHJcbn1cclxuIiwiPGRpdiBcclxuICAgIGNsYXNzPVwiaW5wdXQtZ3JvdXBcIlxyXG4gICAgW3N0eWxlLndpZHRoXT1cIndpZHRoXCJcclxuPlxyXG5cclxuICAgIDxidXR0b24gXHJcbiAgICAgICAgY2xhc3M9XCJidG4gYnRuLXNlY29uZGFyeSBidG4tc20gYm9yZGVyXCIgXHJcbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgICAgKG1vdXNlZG93bik9XCJzdGFydERlY3JlbWVudCgpXCIgXHJcbiAgICAgICAgKG1vdXNldXApPVwic3RvcERlY3JlbWVudCgpXCJcclxuICAgICAgICAobW91c2VsZWF2ZSk9XCJzdG9wRGVjcmVtZW50KClcIlxyXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICA+IFxyXG4gICAgICAgIDxmYS1pY29uICpuZ0lmPVwiaWNvblNldCA9PT0gJ3BsdXMtbWludXMnXCIgW2ljb25dPVwiSUNPTl9NSU5VU1wiIFtmaXhlZFdpZHRoXT1cInRydWVcIiBbc2l6ZV09XCInc20nXCI+PC9mYS1pY29uPlxyXG4gICAgICAgIDxmYS1pY29uICpuZ0lmPVwiaWNvblNldCA9PT0gJ2xlZnQtcmlnaHQnXCIgW2ljb25dPVwiSUNPTl9MRUZUXCIgW2ZpeGVkV2lkdGhdPVwidHJ1ZVwiIFtzaXplXT1cIidzbSdcIj48L2ZhLWljb24+XHJcbiAgICA8L2J1dHRvbj5cclxuICAgIFxyXG4gICAgPGlucHV0IFxyXG4gICAgICAgIHR5cGU9XCJ0ZXh0XCIgXHJcbiAgICAgICAgY2xhc3M9XCJmb3JtLWNvbnRyb2wgdGV4dC1jZW50ZXIgYmctd2hpdGUgdGV4dC1tb25vc3BhY2VcIiBcclxuICAgICAgICBbY2xhc3MudGV4dC1tdXRlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAgICAgW3N0eWxlLnBhZGRpbmctdG9wLnJlbV09XCIwLjMxXCJcclxuICAgICAgICBbc3R5bGUucGFkZGluZy1ib3R0b20ucmVtXT1cIjAuMzFcIlxyXG4gICAgICAgIHBsYWNlaG9sZGVyPVwiXCJcclxuICAgICAgICBbdmFsdWVdPVwidmFsdWVcIlxyXG4gICAgICAgIFttYXhdPVwibWF4XCJcclxuICAgICAgICBbbWluXT1cIm1pblwiXHJcbiAgICAgICAgW3N0ZXBdPVwic3RlcFwiXHJcbiAgICAgICAgPlxyXG4gICAgXHJcbiAgICA8YnV0dG9uIFxyXG4gICAgICAgICNpbmNyZW1lbnRCdXR0b25cclxuICAgICAgICBjbGFzcz1cImJ0biBidG4tc2Vjb25kYXJ5IGJ0bi1zbSBib3JkZXJcIiBcclxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgICAgICAobW91c2Vkb3duKT1cInN0YXJ0SW5jcmVtZW50KClcIiBcclxuICAgICAgICAobW91c2V1cCk9XCJzdG9wSW5jcmVtZW50KClcIlxyXG4gICAgICAgIChtb3VzZWxlYXZlKT1cInN0b3BJbmNyZW1lbnQoKVwiXHJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgID5cclxuICAgIDxmYS1pY29uICpuZ0lmPVwiaWNvblNldCA9PT0gJ3BsdXMtbWludXMnXCIgW2ljb25dPVwiSUNPTl9QTFVTXCIgW2ZpeGVkV2lkdGhdPVwidHJ1ZVwiIFtzaXplXT1cIidzbSdcIj48L2ZhLWljb24+XHJcbiAgICA8ZmEtaWNvbiAqbmdJZj1cImljb25TZXQgPT09ICdsZWZ0LXJpZ2h0J1wiIFtpY29uXT1cIklDT05fUklHSFRcIiBbZml4ZWRXaWR0aF09XCJ0cnVlXCIgW3NpemVdPVwiJ3NtJ1wiPjwvZmEtaWNvbj5cclxuICAgIDwvYnV0dG9uPlxyXG5cclxuPC9kaXY+Il19

package/{esm2020 → esm2022}/src/lib/number-box/public-api.mjs

@@ -1,3 +1,2 @@
-export * from './number-box.module';
-export * from './number-box.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL251bWJlci1ib3gvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsd0JBQXdCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL251bWJlci1ib3gubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9udW1iZXItYm94LmNvbXBvbmVudCc7Il19
+export * from './number-box.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL251bWJlci1ib3gvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxjQUFjLHdCQUF3QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiXHJcbmV4cG9ydCAqIGZyb20gJy4vbnVtYmVyLWJveC5jb21wb25lbnQnOyJdfQ==

package/{esm2020 → esm2022}/src/lib/number-box/spicainternational-ngx-sds-components-src-lib-number-box.mjs

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BpY2FpbnRlcm5hdGlvbmFsLW5neC1zZHMtY29tcG9uZW50cy1zcmMtbGliLW51bWJlci1ib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9udW1iZXItYm94L3NwaWNhaW50ZXJuYXRpb25hbC1uZ3gtc2RzLWNvbXBvbmVudHMtc3JjLWxpYi1udW1iZXItYm94LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=

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

@@ -0,0 +1,25 @@
+import { Component, ContentChild, Input } from '@angular/core';
+import { NgIf } from '@angular/common';
+import * as i0 from "@angular/core";
+export class SdsPageHeaderComponent {
+    constructor() {
+        this.titleContent = { nativeElement: undefined };
+        this.gap = "1rem";
+        this.title = '';
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SdsPageHeaderComponent, isStandalone: true, selector: "sds-page-header", inputs: { title: "title", gap: "gap" }, queries: [{ propertyName: "titleContent", first: true, predicate: ["title"], descendants: true }], ngImport: i0, template: "<div\r\n    class=\"d-flex flex-wrap align-items-center\"\r\n    [style.margin-bottom]=\"gap\"   \r\n    >\r\n    <h1 *ngIf=\"!titleContent\" class=\"me-4 mb-0\">\r\n        {{ title }}\r\n    </h1>\r\n\r\n    <ng-container *ngIf=\"titleContent\">\r\n        <ng-content select=\"title\"></ng-content>\r\n    </ng-container>\r\n\r\n    <ng-content select=\"titleAppendix\"></ng-content>\r\n\r\n    <div class=\"ms-auto\">\r\n        <ng-content></ng-content>\r\n    </div>\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: SdsPageHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sds-page-header', standalone: true, imports: [NgIf], template: "<div\r\n    class=\"d-flex flex-wrap align-items-center\"\r\n    [style.margin-bottom]=\"gap\"   \r\n    >\r\n    <h1 *ngIf=\"!titleContent\" class=\"me-4 mb-0\">\r\n        {{ title }}\r\n    </h1>\r\n\r\n    <ng-container *ngIf=\"titleContent\">\r\n        <ng-content select=\"title\"></ng-content>\r\n    </ng-container>\r\n\r\n    <ng-content select=\"titleAppendix\"></ng-content>\r\n\r\n    <div class=\"ms-auto\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { titleContent: [{
+                type: ContentChild,
+                args: ['title']
+            }], title: [{
+                type: Input
+            }], gap: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQWMsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ25GLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFTdkMsTUFBTSxPQUFPLHNCQUFzQjtJQUsvQjtRQUp1QixpQkFBWSxHQUFlLEVBQUUsYUFBYSxFQUFFLFNBQVMsRUFBRSxDQUFDO1FBRXRFLFFBQUcsR0FBVyxNQUFNLENBQUM7UUFHMUIsSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELFFBQVEsS0FBVSxDQUFDOytHQVRWLHNCQUFzQjttR0FBdEIsc0JBQXNCLHNOQ1ZuQyx3ZUFrQkEsMEREVmMsSUFBSTs7NEZBRUwsc0JBQXNCO2tCQVBsQyxTQUFTOytCQUNJLGlCQUFpQixjQUdmLElBQUksV0FDUCxDQUFDLElBQUksQ0FBQzt3REFHUSxZQUFZO3NCQUFsQyxZQUFZO3VCQUFDLE9BQU87Z0JBQ1osS0FBSztzQkFBYixLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBFbGVtZW50UmVmLCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3Nkcy1wYWdlLWhlYWRlcicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vcGFnZS1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vcGFnZS1oZWFkZXIuY29tcG9uZW50LnNjc3MnXSxcclxuICAgIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgICBpbXBvcnRzOiBbTmdJZl0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZHNQYWdlSGVhZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICAgIEBDb250ZW50Q2hpbGQoJ3RpdGxlJykgdGl0bGVDb250ZW50OiBFbGVtZW50UmVmID0geyBuYXRpdmVFbGVtZW50OiB1bmRlZmluZWQgfTtcclxuICAgIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBnYXA6IHN0cmluZyA9IFwiMXJlbVwiO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgICAgIHRoaXMudGl0bGUgPSAnJztcclxuICAgIH1cclxuXHJcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcbn1cclxuIiwiPGRpdlxyXG4gICAgY2xhc3M9XCJkLWZsZXggZmxleC13cmFwIGFsaWduLWl0ZW1zLWNlbnRlclwiXHJcbiAgICBbc3R5bGUubWFyZ2luLWJvdHRvbV09XCJnYXBcIiAgIFxyXG4gICAgPlxyXG4gICAgPGgxICpuZ0lmPVwiIXRpdGxlQ29udGVudFwiIGNsYXNzPVwibWUtNCBtYi0wXCI+XHJcbiAgICAgICAge3sgdGl0bGUgfX1cclxuICAgIDwvaDE+XHJcblxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInRpdGxlQ29udGVudFwiPlxyXG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInRpdGxlXCI+PC9uZy1jb250ZW50PlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwidGl0bGVBcHBlbmRpeFwiPjwvbmctY29udGVudD5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwibXMtYXV0b1wiPlxyXG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19

package/{esm2020 → esm2022}/src/lib/page-header/public-api.mjs

@@ -1,3 +1,2 @@
-export * from './page-header.module';
-export * from './page-header.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL3BhZ2UtaGVhZGVyL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLHlCQUF5QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9wYWdlLWhlYWRlci5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL3BhZ2UtaGVhZGVyLmNvbXBvbmVudCc7Il19
+export * from './page-header.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL3BhZ2UtaGVhZGVyL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsY0FBYyx5QkFBeUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIlxyXG5leHBvcnQgKiBmcm9tICcuL3BhZ2UtaGVhZGVyLmNvbXBvbmVudCc7Il19

package/{esm2020 → esm2022}/src/lib/page-header/spicainternational-ngx-sds-components-src-lib-page-header.mjs

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BpY2FpbnRlcm5hdGlvbmFsLW5neC1zZHMtY29tcG9uZW50cy1zcmMtbGliLXBhZ2UtaGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvcGFnZS1oZWFkZXIvc3BpY2FpbnRlcm5hdGlvbmFsLW5neC1zZHMtY29tcG9uZW50cy1zcmMtbGliLXBhZ2UtaGVhZGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=