@ascentgl/ads-ui 0.0.136 → 0.0.139

package/fesm2022/ascentgl-ads-ui.mjs

@@ -4,11 +4,11 @@ import * as i1 from '@ascentgl/ads-icons';
 import { AdsIconModule, AdsIconRegistry } from '@ascentgl/ads-icons';
 import { adsIconUserCircle, adsIconChevronRight, adsIconCross, adsIconPlus, adsIconWarning, adsIconLock, adsIconPlusCircle, adsIconSearch, adsIconSortDescending, adsIconCheckCircleFilled, adsIconVisibilityEye, adsIconVisibilityEyeNone, adsIconStatusProcessing, adsIconInformation, adsIconChevronDown, adsIconLoading, adsIconDatepicker, adsIconTimepicker, adsIconCheck, adsIconChevronUp, adsIconMenuMoreInfo, adsIconHamburgerMenu } from '@ascentgl/ads-icons/icons';
 import * as i1$1 from '@angular/common';
-import { CommonModule, NgOptimizedImage, NgTemplateOutlet, NgClass, NgStyle } from '@angular/common';
+import { CommonModule, NgOptimizedImage, NgTemplateOutlet, NgClass, NgStyle, NgIf } from '@angular/common';
 import * as i2 from '@angular/material/badge';
 import { MatBadge } from '@angular/material/badge';
 import * as i1$2 from '@angular/router';
-import { RouterModule, RouterLinkActive, RouterLink, RouterOutlet } from '@angular/router';
+import { RouterModule, RouterLinkActive, RouterLink, RouterOutlet, NavigationStart } from '@angular/router';
 import * as i7 from '@angular/material/button';
 import { MatButtonModule, MatIconButton, MatButton } from '@angular/material/button';
 import * as i4 from '@angular/forms';
@@ -16,7 +16,7 @@ import { FormControl, Validators, ReactiveFormsModule } from '@angular/forms';
 import * as i4$1 from '@angular/cdk/overlay';
 import { OverlayModule } from '@angular/cdk/overlay';
 import { Subject, asapScheduler, timer, of, Subscription, combineLatest } from 'rxjs';
-import { takeUntil, map, tap, debounce } from 'rxjs/operators';
+import { takeUntil, map, tap, debounce, filter } from 'rxjs/operators';
 import * as i3 from '@angular/platform-browser';
 import { DomHelper, AdsGestureModule, ObjectHelper } from '@ascentgl/ads-utils';
 import * as i2$1 from '@angular/material/progress-spinner';
@@ -56,14 +56,17 @@ import { ModuleRegistry, AllCommunityModule, provideGlobalGridOptions, themeQuar
 import * as i2$3 from 'ag-grid-angular';
 import { AgGridAngular } from 'ag-grid-angular';
 import * as i4$3 from '@angular/material/menu';
-import { MatMenu, MatMenuTrigger, MatMenuItem } from '@angular/material/menu';
+import { MatMenu, MatMenuTrigger, MatMenuItem, MatMenuModule } from '@angular/material/menu';
 import * as i4$4 from 'angular-split';
 import { SplitComponent, SplitAreaComponent } from 'angular-split';
 import * as i11$1 from '@angular/material/toolbar';
 import { MatToolbar } from '@angular/material/toolbar';
+import * as i1$5 from '@angular/material/bottom-sheet';
+import { MAT_BOTTOM_SHEET_DATA, MatBottomSheetModule } from '@angular/material/bottom-sheet';
+import { MatListModule } from '@angular/material/list';
 import * as i2$4 from '@angular/material/tabs';
 import { MatTabNav, MatTabLink, MatTabNavPanel } from '@angular/material/tabs';
-import * as i1$5 from '@angular/common/http';
+import * as i1$6 from '@angular/common/http';
 
 class AdsAvatarComponent {
     constructor(registry) {
@@ -6338,6 +6341,228 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                 }]
         }] });
 
+class MainMenuService {
+    constructor() {
+        this.menuItemClicked = new Subject();
+    }
+    onMenuItemClicked(item) {
+        this.menuItemClicked.next(item);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: MainMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: MainMenuService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: MainMenuService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class AdsMainMenuItemsComponent {
+    constructor(mainMenuService) {
+        this.mainMenuService = mainMenuService;
+    }
+    onMenuItemClick(item) {
+        this.mainMenuService.onMenuItemClicked(item);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsMainMenuItemsComponent, deps: [{ token: MainMenuService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsMainMenuItemsComponent, isStandalone: false, selector: "ads-main-menu-items", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"peak-menu-content\">\r\n  <div *ngFor=\"let item of items ?? []\" mat-menu-item [ngClass]=\"item.class ? item.class : ''\">\r\n    @if(item.click) {\r\n      <span (click)=\"item.click()\">\r\n        {{ item.text }}\r\n      </span>\r\n    } @else if (item.href) {\r\n      <a [routerLink]=\"item.href\" [id]=\"item?.id\" routerLinkActive=\"selected\">\r\n        {{ item.text }}\r\n      </a>\r\n    } @else {\r\n      <a [id]=\"item?.id\">{{ item.text }}</a>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: ["a:not(:hover).selected{background-color:var(--color-secondary-25)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4$3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsMainMenuItemsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-main-menu-items', standalone: false, template: "<div class=\"peak-menu-content\">\r\n  <div *ngFor=\"let item of items ?? []\" mat-menu-item [ngClass]=\"item.class ? item.class : ''\">\r\n    @if(item.click) {\r\n      <span (click)=\"item.click()\">\r\n        {{ item.text }}\r\n      </span>\r\n    } @else if (item.href) {\r\n      <a [routerLink]=\"item.href\" [id]=\"item?.id\" routerLinkActive=\"selected\">\r\n        {{ item.text }}\r\n      </a>\r\n    } @else {\r\n      <a [id]=\"item?.id\">{{ item.text }}</a>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: ["a:not(:hover).selected{background-color:var(--color-secondary-25)}\n"] }]
+        }], ctorParameters: () => [{ type: MainMenuService }], propDecorators: { items: [{
+                type: Input
+            }] } });
+
+class AdsMainMenuItemsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsMainMenuItemsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.5", ngImport: i0, type: AdsMainMenuItemsModule, declarations: [AdsMainMenuItemsComponent], imports: [CommonModule, RouterModule, MatMenuModule, AdsButtonModule, AdsButtonModule, AdsLinkButtonModule], exports: [AdsMainMenuItemsComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsMainMenuItemsModule, imports: [CommonModule, RouterModule, MatMenuModule, AdsButtonModule, AdsButtonModule, AdsLinkButtonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsMainMenuItemsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, RouterModule, MatMenuModule, AdsButtonModule, AdsButtonModule, AdsLinkButtonModule],
+                    exports: [AdsMainMenuItemsComponent],
+                    declarations: [AdsMainMenuItemsComponent],
+                }]
+        }] });
+
+class AdsProfileDisplayComponent {
+    constructor(router, registry) {
+        this.router = router;
+        this.registry = registry;
+        this.registry.register(adsIconUserCircle);
+    }
+    isSelected() {
+        return this.router.url.startsWith(this.userBasePath);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsProfileDisplayComponent, deps: [{ token: i1$2.Router }, { token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsProfileDisplayComponent, isStandalone: false, selector: "ads-profile-display", inputs: { userDisplayName: "userDisplayName", userImageSrc: "userImageSrc", userProfilePath: "userProfilePath", userBasePath: "userBasePath" }, ngImport: i0, template: "<a class=\"user\" [routerLink]=\"[userProfilePath]\" [ngClass]=\"{ selected: isSelected() }\">\r\n  <img *ngIf=\"userImageSrc; else defaultImage\" [src]=\"userImageSrc\" alt=\"{{ userDisplayName }}\" />\r\n  <ng-template #defaultImage>\r\n    <ads-icon name=\"user_circle\" size=\"sm\" theme=\"primary\"></ads-icon>\r\n  </ng-template>\r\n  <span class=\"username\">{{ userDisplayName }}</span>\r\n</a>\r\n", styles: [".user{display:flex;align-items:center;height:54px;padding:0 16px;color:var(--color-dark);text-decoration:none}.user img{width:24px;height:24px;border-radius:24px}.user:not(:hover).selected{background-color:var(--color-secondary-25)}.user:hover{background-color:var(--color-secondary);color:var(--color-white)}.user:hover,.user.selected{cursor:pointer;text-decoration:none}.username{padding-left:16px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsProfileDisplayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-profile-display', standalone: false, template: "<a class=\"user\" [routerLink]=\"[userProfilePath]\" [ngClass]=\"{ selected: isSelected() }\">\r\n  <img *ngIf=\"userImageSrc; else defaultImage\" [src]=\"userImageSrc\" alt=\"{{ userDisplayName }}\" />\r\n  <ng-template #defaultImage>\r\n    <ads-icon name=\"user_circle\" size=\"sm\" theme=\"primary\"></ads-icon>\r\n  </ng-template>\r\n  <span class=\"username\">{{ userDisplayName }}</span>\r\n</a>\r\n", styles: [".user{display:flex;align-items:center;height:54px;padding:0 16px;color:var(--color-dark);text-decoration:none}.user img{width:24px;height:24px;border-radius:24px}.user:not(:hover).selected{background-color:var(--color-secondary-25)}.user:hover{background-color:var(--color-secondary);color:var(--color-white)}.user:hover,.user.selected{cursor:pointer;text-decoration:none}.username{padding-left:16px}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.Router }, { type: i1.AdsIconRegistry }], propDecorators: { userDisplayName: [{
+                type: Input,
+                args: [{ required: true }]
+            }], userImageSrc: [{
+                type: Input,
+                args: [{ required: true }]
+            }], userProfilePath: [{
+                type: Input,
+                args: [{ required: true }]
+            }], userBasePath: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+class AdsProfileDisplayModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsProfileDisplayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.5", ngImport: i0, type: AdsProfileDisplayModule, declarations: [AdsProfileDisplayComponent], imports: [CommonModule, RouterModule, AdsIconModule], exports: [AdsProfileDisplayComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsProfileDisplayModule, imports: [CommonModule, RouterModule, AdsIconModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsProfileDisplayModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, RouterModule, AdsIconModule],
+                    exports: [AdsProfileDisplayComponent],
+                    declarations: [AdsProfileDisplayComponent],
+                }]
+        }] });
+
+class AdsMainMenuBottomSheetComponent {
+    constructor(data) {
+        this.data = data;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsMainMenuBottomSheetComponent, deps: [{ token: MAT_BOTTOM_SHEET_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsMainMenuBottomSheetComponent, isStandalone: true, selector: "ads-main-menu-bottom-sheet", ngImport: i0, template: "<div class=\"peak-menu-content\">\r\n  <ads-profile-display\r\n    *ngIf=\"data?.userDisplayName\"\r\n    [userDisplayName]=\"data.userDisplayName\"\r\n    [userImageSrc]=\"data.userImageSrc\"\r\n    [userProfilePath]=\"data.userProfilePath\"\r\n    [userBasePath]=\"data.userBasePath\"\r\n  ></ads-profile-display>\r\n  <ads-main-menu-items [items]=\"data.menuItems\"></ads-main-menu-items>\r\n</div>\r\n", styles: [".user{display:flex;align-items:center;height:54px;padding:0 16px}.user img{width:24px;height:24px;border-radius:24px}.username{padding-left:16px}\n"], dependencies: [{ kind: "ngmodule", type: AdsMainMenuItemsModule }, { kind: "component", type: AdsMainMenuItemsComponent, selector: "ads-main-menu-items", inputs: ["items"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: AdsProfileDisplayModule }, { kind: "component", type: AdsProfileDisplayComponent, selector: "ads-profile-display", inputs: ["userDisplayName", "userImageSrc", "userProfilePath", "userBasePath"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsMainMenuBottomSheetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-main-menu-bottom-sheet', standalone: true, imports: [AdsMainMenuItemsModule, NgIf, AdsProfileDisplayModule], template: "<div class=\"peak-menu-content\">\r\n  <ads-profile-display\r\n    *ngIf=\"data?.userDisplayName\"\r\n    [userDisplayName]=\"data.userDisplayName\"\r\n    [userImageSrc]=\"data.userImageSrc\"\r\n    [userProfilePath]=\"data.userProfilePath\"\r\n    [userBasePath]=\"data.userBasePath\"\r\n  ></ads-profile-display>\r\n  <ads-main-menu-items [items]=\"data.menuItems\"></ads-main-menu-items>\r\n</div>\r\n", styles: [".user{display:flex;align-items:center;height:54px;padding:0 16px}.user img{width:24px;height:24px;border-radius:24px}.username{padding-left:16px}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_BOTTOM_SHEET_DATA]
+                }] }] });
+
+class AdsMainMenuComponent {
+    constructor(bottomSheet, registry, router) {
+        this.bottomSheet = bottomSheet;
+        this.registry = registry;
+        this.router = router;
+        /**
+         * Array of menu items to display in the main menu
+         */
+        this.menuItems = [];
+        /** Id attribute for the main menu trigger element */
+        this.id = 'peak-main-menu';
+        /**
+         * Whether the navigation is collapsed
+         */
+        this.isCollapsed = false;
+        /**
+         * Whether the viewport is mobile
+         */
+        this.isMobile = false;
+        this.registry.register(adsIconMenuMoreInfo);
+    }
+    /** @ignore */
+    ngOnInit() {
+        this.router.events.pipe(filter((event) => event instanceof NavigationStart)).subscribe(() => {
+            this.bottomSheetRef?.dismiss();
+        });
+    }
+    /** @ignore */
+    ngOnChanges(changes) {
+        if (changes.isMobile) {
+            const footerMenu = document.querySelector('.peak-bottom-sheet-panel');
+            /**
+             * if we are going from mobile to desktop size;
+             * hide menu (to avoid its being animated) and dismiss it
+             */
+            if (footerMenu?.parentElement?.parentElement && !this.isMobile) {
+                Array.from(footerMenu.parentElement.parentElement.children).forEach((child) => child.remove());
+                this.bottomSheetRef?.dismiss();
+            }
+        }
+    }
+    /** @ignore */
+    openBottomSheet() {
+        this.bottomSheetRef = this.bottomSheet.open(AdsMainMenuBottomSheetComponent, {
+            data: {
+                menuItems: this.menuItems,
+                userDisplayName: this.userDisplayName,
+                userProfilePath: this.userProfilePath,
+                userImageSrc: this.userImageSrc,
+                userBasePath: this.userBasePath,
+            },
+            panelClass: 'peak-bottom-sheet-panel',
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsMainMenuComponent, deps: [{ token: i1$5.MatBottomSheet }, { token: i1.AdsIconRegistry }, { token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsMainMenuComponent, isStandalone: false, selector: "ads-main-menu", inputs: { menuItems: "menuItems", id: "id", isCollapsed: "isCollapsed", isMobile: "isMobile", userImageSrc: "userImageSrc", userDisplayName: "userDisplayName", userProfilePath: "userProfilePath", userBasePath: "userBasePath" }, viewQueries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"isMobile; else desktop\">\r\n  <div *ngIf=\"isCollapsed\" class=\"more-icon\">\r\n    <div class=\"icon-hover\">\r\n      <ads-icon [id]=\"id\" name=\"menu_more_info\" size=\"sm\" theme=\"primary\" (click)=\"openBottomSheet()\"></ads-icon>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n\r\n<ng-template #desktop>\r\n  <div class=\"more-icon\">\r\n    <div class=\"icon-hover\" [matMenuTriggerFor]=\"menu\">\r\n      <ads-icon [id]=\"id\" name=\"menu_more_info\" size=\"sm\" theme=\"primary\"></ads-icon>\r\n    </div>\r\n  </div>\r\n  <mat-menu #menu=\"matMenu\" class=\"peak-more-menu-panel\">\r\n    <ads-profile-display\r\n      *ngIf=\"userDisplayName\"\r\n      [userDisplayName]=\"userDisplayName\"\r\n      [userImageSrc]=\"userImageSrc\"\r\n      [userBasePath]=\"userBasePath ?? '/'\"\r\n      [userProfilePath]=\"userProfilePath ?? '/'\"\r\n    />\r\n    <ads-main-menu-items [items]=\"menuItems\"/>\r\n  </mat-menu>\r\n</ng-template>\r\n", styles: [".icon-hover{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:5px;cursor:pointer}.icon-hover:hover{background-color:var(--color-light-30)}.more-icon{margin-left:8px;margin-right:-4px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i4$3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: AdsMainMenuItemsComponent, selector: "ads-main-menu-items", inputs: ["items"] }, { kind: "component", type: AdsProfileDisplayComponent, selector: "ads-profile-display", inputs: ["userDisplayName", "userImageSrc", "userProfilePath", "userBasePath"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsMainMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-main-menu', standalone: false, template: "<ng-container *ngIf=\"isMobile; else desktop\">\r\n  <div *ngIf=\"isCollapsed\" class=\"more-icon\">\r\n    <div class=\"icon-hover\">\r\n      <ads-icon [id]=\"id\" name=\"menu_more_info\" size=\"sm\" theme=\"primary\" (click)=\"openBottomSheet()\"></ads-icon>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n\r\n<ng-template #desktop>\r\n  <div class=\"more-icon\">\r\n    <div class=\"icon-hover\" [matMenuTriggerFor]=\"menu\">\r\n      <ads-icon [id]=\"id\" name=\"menu_more_info\" size=\"sm\" theme=\"primary\"></ads-icon>\r\n    </div>\r\n  </div>\r\n  <mat-menu #menu=\"matMenu\" class=\"peak-more-menu-panel\">\r\n    <ads-profile-display\r\n      *ngIf=\"userDisplayName\"\r\n      [userDisplayName]=\"userDisplayName\"\r\n      [userImageSrc]=\"userImageSrc\"\r\n      [userBasePath]=\"userBasePath ?? '/'\"\r\n      [userProfilePath]=\"userProfilePath ?? '/'\"\r\n    />\r\n    <ads-main-menu-items [items]=\"menuItems\"/>\r\n  </mat-menu>\r\n</ng-template>\r\n", styles: [".icon-hover{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:5px;cursor:pointer}.icon-hover:hover{background-color:var(--color-light-30)}.more-icon{margin-left:8px;margin-right:-4px}\n"] }]
+        }], ctorParameters: () => [{ type: i1$5.MatBottomSheet }, { type: i1.AdsIconRegistry }, { type: i1$2.Router }], propDecorators: { menu: [{
+                type: ViewChild,
+                args: ['menu']
+            }], menuItems: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], isCollapsed: [{
+                type: Input
+            }], isMobile: [{
+                type: Input
+            }], userImageSrc: [{
+                type: Input
+            }], userDisplayName: [{
+                type: Input
+            }], userProfilePath: [{
+                type: Input
+            }], userBasePath: [{
+                type: Input
+            }] } });
+
+class AdsMainMenuModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsMainMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.5", ngImport: i0, type: AdsMainMenuModule, declarations: [AdsMainMenuComponent], imports: [CommonModule,
+            MatBottomSheetModule,
+            MatListModule,
+            MatMenuModule,
+            AdsIconModule,
+            AdsMainMenuItemsModule,
+            AdsProfileDisplayModule,
+            RouterModule], exports: [AdsMainMenuComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsMainMenuModule, imports: [CommonModule,
+            MatBottomSheetModule,
+            MatListModule,
+            MatMenuModule,
+            AdsIconModule,
+            AdsMainMenuItemsModule,
+            AdsProfileDisplayModule,
+            RouterModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsMainMenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        MatBottomSheetModule,
+                        MatListModule,
+                        MatMenuModule,
+                        AdsIconModule,
+                        AdsMainMenuItemsModule,
+                        AdsProfileDisplayModule,
+                        RouterModule,
+                    ],
+                    exports: [AdsMainMenuComponent],
+                    declarations: [AdsMainMenuComponent],
+                }]
+        }] });
+
 class AdsNumericStepComponent {
     constructor() {
         this.isLast = input.required();
@@ -6551,13 +6776,13 @@ class AdsBubbleComponent {
         link.download = `${this.svgName}.svg`;
         link.click();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsBubbleComponent, deps: [{ token: i1$5.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsBubbleComponent, deps: [{ token: i1$6.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsBubbleComponent, isStandalone: false, selector: "ads-bubble", viewQueries: [{ propertyName: "svgBackgroundElement", first: true, predicate: ["svgBackground"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #svgBackground class=\"svg-background\"></div>\r\n@if (svgContent) {\r\n  <div class=\"button-container\">\r\n    <ads-button (click)=\"downloadSvg()\">Download SVG</ads-button>\r\n  </div>\r\n}\r\n", styles: [".svg-background{width:100%;height:657px;background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:8px}.button-container{display:flex;justify-content:center;padding-top:32px}\n"], dependencies: [{ kind: "component", type: AdsButtonComponent, selector: "ads-button", inputs: ["id", "variant", "disabled", "size", "type"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsBubbleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ads-bubble', standalone: false, template: "<div #svgBackground class=\"svg-background\"></div>\r\n@if (svgContent) {\r\n  <div class=\"button-container\">\r\n    <ads-button (click)=\"downloadSvg()\">Download SVG</ads-button>\r\n  </div>\r\n}\r\n", styles: [".svg-background{width:100%;height:657px;background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:8px}.button-container{display:flex;justify-content:center;padding-top:32px}\n"] }]
-        }], ctorParameters: () => [{ type: i1$5.HttpClient }] });
+        }], ctorParameters: () => [{ type: i1$6.HttpClient }] });
 
 class AdsBubbleModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsBubbleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -6976,5 +7201,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AdsAscentLogoComponent, AdsAscentLogoModule, AdsAvatarComponent, AdsAvatarModule, AdsBreadcrumbComponent, AdsBreadcrumbModule, AdsBubbleComponent, AdsBubbleModule, AdsButtonComponent, AdsButtonContainerComponent, AdsButtonContainerModule, AdsButtonModule, AdsCardComponent, AdsCardModule, AdsCheckboxComponent, AdsCheckboxModule, AdsChipComponent, AdsChipModule, AdsCreateTagComponent, AdsCreateTagModule, AdsDatepickerComponent, AdsDatepickerModule, AdsDatetimepickerComponent, AdsDatetimepickerModule, AdsDividerModule, AdsDragAndDropListComponent, AdsDragAndDropListModule, AdsDropdownComponent, AdsDropdownModule, AdsErrorPageCodeComponent, AdsErrorPageCodeModule, AdsErrorPageComponent, AdsErrorPageModule, AdsExpansionPanelComponent, AdsExpansionPanelModule, AdsFooterComponent, AdsFooterContainerComponent, AdsFooterContainerModule, AdsFooterModule, AdsHeaderComponent, AdsHeaderContainerComponent, AdsHeaderContainerModule, AdsHeaderModule, AdsHorizontalNavBarComponent, AdsHorizontalNavBarModule, AdsIconButtonComponent, AdsIconButtonModule, AdsIconHoverComponent, AdsIconHoverModule, AdsInputComponent, AdsInputDropdownComponent, AdsInputDropdownModule, AdsInputModule, AdsLinkButtonComponent, AdsLinkButtonModule, AdsModalComponent, AdsModalModule, AdsMultiSelectDropdownComponent, AdsMultiSelectDropdownModule, AdsNavMenuComponent, AdsNavMenuModule, AdsNavigationCollapseHandleComponent, AdsNavigationCollapseHandleModule, AdsNavigationComponent, AdsNavigationHeaderComponent, AdsNavigationHeaderModule, AdsNavigationItemComponent, AdsNavigationItemModule, AdsNavigationItemsContainerComponent, AdsNavigationItemsContainerModule, AdsNavigationModule, AdsNumericBadgeComponent, AdsNumericBadgeModule, AdsNumericStepperComponent, AdsNumericStepperModule, AdsOrgDisplayTextComponent, AdsOrgDisplayTextModule, AdsPhoneFieldComponent, AdsPhoneFieldModule, AdsPrimaryLogoComponent, AdsPrimaryLogoModule, AdsProgressBarComponent, AdsProgressBarModule, AdsProgressIndicatorSpinnerComponent, AdsProgressIndicatorSpinnerModule, AdsProgressSpinnerComponent, AdsProgressSpinnerModule, AdsRadioButtonComponent, AdsRadioButtonModule, AdsScmsSideNavBarComponent, AdsScmsSideNavBarModule, AdsSearchDropdownComponent, AdsSearchDropdownModule, AdsSearchInputComponent, AdsSearchInputModule, AdsShellLayoutModule, AdsSideNavBarComponent, AdsSideNavBarModule, AdsSlideToggle, AdsSlideToggleComponent, AdsSliderComponent, AdsSliderModule, AdsSnackbarComponent, AdsSnackbarModule, AdsSplashPageComponent, AdsSplashPageModule, AdsStepperComponent, AdsStepperModule, AdsTableComponent, AdsTableModule, AdsTagComponent, AdsTagContainerComponent, AdsTagContainerModule, AdsTagModule, AdsTextareaComponent, AdsTextareaModule, AdsTimeFieldComponent, AdsTimeFieldModule, AdsTimepickerComponent, AdsTimepickerModule, AdsWizardStepperComponent, AdsWizardStepperModule, BadgeColor, Colors, CustomDatetimeAdapter, DividerComponent, ErrorPageDefault, ModalActionType, ModalPanelClass, PanelClass, ShellLayoutComponent, SpinnerSize, StepStatus, TableBreakpoint, ViewportService, WindowService, WizardStepStatus };
+export { AdsAscentLogoComponent, AdsAscentLogoModule, AdsAvatarComponent, AdsAvatarModule, AdsBreadcrumbComponent, AdsBreadcrumbModule, AdsBubbleComponent, AdsBubbleModule, AdsButtonComponent, AdsButtonContainerComponent, AdsButtonContainerModule, AdsButtonModule, AdsCardComponent, AdsCardModule, AdsCheckboxComponent, AdsCheckboxModule, AdsChipComponent, AdsChipModule, AdsCreateTagComponent, AdsCreateTagModule, AdsDatepickerComponent, AdsDatepickerModule, AdsDatetimepickerComponent, AdsDatetimepickerModule, AdsDividerModule, AdsDragAndDropListComponent, AdsDragAndDropListModule, AdsDropdownComponent, AdsDropdownModule, AdsErrorPageCodeComponent, AdsErrorPageCodeModule, AdsErrorPageComponent, AdsErrorPageModule, AdsExpansionPanelComponent, AdsExpansionPanelModule, AdsFooterComponent, AdsFooterContainerComponent, AdsFooterContainerModule, AdsFooterModule, AdsHeaderComponent, AdsHeaderContainerComponent, AdsHeaderContainerModule, AdsHeaderModule, AdsHorizontalNavBarComponent, AdsHorizontalNavBarModule, AdsIconButtonComponent, AdsIconButtonModule, AdsIconHoverComponent, AdsIconHoverModule, AdsInputComponent, AdsInputDropdownComponent, AdsInputDropdownModule, AdsInputModule, AdsLinkButtonComponent, AdsLinkButtonModule, AdsMainMenuComponent, AdsMainMenuModule, AdsModalComponent, AdsModalModule, AdsMultiSelectDropdownComponent, AdsMultiSelectDropdownModule, AdsNavMenuComponent, AdsNavMenuModule, AdsNavigationCollapseHandleComponent, AdsNavigationCollapseHandleModule, AdsNavigationComponent, AdsNavigationHeaderComponent, AdsNavigationHeaderModule, AdsNavigationItemComponent, AdsNavigationItemModule, AdsNavigationItemsContainerComponent, AdsNavigationItemsContainerModule, AdsNavigationModule, AdsNumericBadgeComponent, AdsNumericBadgeModule, AdsNumericStepperComponent, AdsNumericStepperModule, AdsOrgDisplayTextComponent, AdsOrgDisplayTextModule, AdsPhoneFieldComponent, AdsPhoneFieldModule, AdsPrimaryLogoComponent, AdsPrimaryLogoModule, AdsProgressBarComponent, AdsProgressBarModule, AdsProgressIndicatorSpinnerComponent, AdsProgressIndicatorSpinnerModule, AdsProgressSpinnerComponent, AdsProgressSpinnerModule, AdsRadioButtonComponent, AdsRadioButtonModule, AdsScmsSideNavBarComponent, AdsScmsSideNavBarModule, AdsSearchDropdownComponent, AdsSearchDropdownModule, AdsSearchInputComponent, AdsSearchInputModule, AdsShellLayoutModule, AdsSideNavBarComponent, AdsSideNavBarModule, AdsSlideToggle, AdsSlideToggleComponent, AdsSliderComponent, AdsSliderModule, AdsSnackbarComponent, AdsSnackbarModule, AdsSplashPageComponent, AdsSplashPageModule, AdsStepperComponent, AdsStepperModule, AdsTableComponent, AdsTableModule, AdsTagComponent, AdsTagContainerComponent, AdsTagContainerModule, AdsTagModule, AdsTextareaComponent, AdsTextareaModule, AdsTimeFieldComponent, AdsTimeFieldModule, AdsTimepickerComponent, AdsTimepickerModule, AdsWizardStepperComponent, AdsWizardStepperModule, BadgeColor, Colors, CustomDatetimeAdapter, DividerComponent, ErrorPageDefault, MainMenuService, ModalActionType, ModalPanelClass, PanelClass, ShellLayoutComponent, SpinnerSize, StepStatus, TableBreakpoint, ViewportService, WindowService, WizardStepStatus };
 //# sourceMappingURL=ascentgl-ads-ui.mjs.map