@ascentgl/ads-ui 0.0.93 → 0.0.95

package/fesm2022/ascentgl-ads-ui.mjs

@@ -4,19 +4,19 @@ import * as i1 from '@ascentgl/ads-icons';
 import { AdsIconModule, AdsIconRegistry } from '@ascentgl/ads-icons';
 import { adsIconUserCircle, adsIconChevronLeft, adsIconChevronRight, adsIconCross, adsIconPlus, adsIconWarning, adsIconLock, adsIconPlusCircle, adsIconSearch, adsIconSortDescending, adsIconCheckCircleFilled, adsIconVisibilityEye, adsIconVisibilityEyeNone, adsIconStatusProcessing, adsIconInformation, adsIconChevronDown, adsIconDatepicker, adsIconTimepicker, adsIconCheck, adsIconChevronUp, adsIconMenuMoreInfo, adsIconHamburgerMenu } from '@ascentgl/ads-icons/icons';
 import * as i1$1 from '@angular/common';
-import { CommonModule, NgOptimizedImage, NgTemplateOutlet, NgClass, NgStyle, NgIf } from '@angular/common';
+import { CommonModule, NgOptimizedImage, NgTemplateOutlet, NgClass, NgStyle } from '@angular/common';
 import * as i2 from '@angular/material/badge';
 import { MatBadge } from '@angular/material/badge';
 import { asapScheduler, Subject, timer, of, Subscription, combineLatest } from 'rxjs';
 import * as i1$2 from '@angular/router';
-import { RouterModule, RouterLinkActive, RouterLink, RouterOutlet, NavigationStart } from '@angular/router';
+import { RouterModule, RouterLinkActive, RouterLink, RouterOutlet } from '@angular/router';
 import * as i6 from '@angular/material/button';
 import { MatButtonModule, MatIconButton, MatButton } from '@angular/material/button';
 import * as i4 from '@angular/forms';
 import { FormControl, Validators, ReactiveFormsModule } from '@angular/forms';
 import * as i4$1 from '@angular/cdk/overlay';
 import { OverlayModule } from '@angular/cdk/overlay';
-import { takeUntil, map, tap, debounce, filter } from 'rxjs/operators';
+import { takeUntil, map, tap, debounce, debounceTime } 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,7 +56,7 @@ import { ModuleRegistry, AllCommunityModule, provideGlobalGridOptions, themeQuar
 import * as i2$3 from 'ag-grid-angular';
 import { AgGridAngular } from 'ag-grid-angular';
 import * as i3$4 from '@angular/material/menu';
-import { MatMenu, MatMenuTrigger, MatMenuItem, MatMenuModule } from '@angular/material/menu';
+import { MatMenu, MatMenuTrigger, MatMenuItem } from '@angular/material/menu';
 import * as i4$3 from 'angular-split';
 import { SplitComponent, SplitAreaComponent } from 'angular-split';
 import * as i11$1 from '@angular/material/toolbar';
@@ -64,9 +64,8 @@ import { MatToolbar } from '@angular/material/toolbar';
 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/material/bottom-sheet';
-import { MAT_BOTTOM_SHEET_DATA, MatBottomSheetModule } from '@angular/material/bottom-sheet';
-import { MatListModule } from '@angular/material/list';
+import * as i2$5 from '@angular/cdk/a11y';
+import { A11yModule } from '@angular/cdk/a11y';
 
 class AdsAvatarComponent {
     constructor(registry) {
@@ -6389,11 +6388,11 @@ class AdsScmsSideNavBarComponent extends AbstractSideNavBarComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: AdsScmsSideNavBarComponent, deps: [{ token: i1$2.Router }, { token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.4", type: AdsScmsSideNavBarComponent, isStandalone: false, selector: "ads-scms-side-nav-bar", inputs: { navItems: { classPropertyName: "navItems", publicName: "navItems", isSignal: true, isRequired: false, transformFunction: null }, breadcrumbs: { classPropertyName: "breadcrumbs", publicName: "breadcrumbs", isSignal: true, isRequired: false, transformFunction: null }, showBreadcrumbs: { classPropertyName: "showBreadcrumbs", publicName: "showBreadcrumbs", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "checkScreenWidth($event)" } }, viewQueries: [{ propertyName: "accordion", first: true, predicate: MatAccordion, descendants: true, isSignal: true }, { propertyName: "splitter", first: true, predicate: ["splitter"], descendants: true }, { propertyName: "sideNavArea", first: true, predicate: ["sideNavArea"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "@if (!isMobile) {\n  <as-split\n    #splitter\n    [useTransition]=\"true\"\n    unit=\"pixel\"\n    [gutterSize]=\"10\"\n    (gutterDblClick)=\"expandSidebar()\"\n    [gutterDblClickDuration]=\"500\"\n    (dragEnd)=\"dragEnd($event)\"\n  >\n    <as-split-area [size]=\"sidebarSize()\" [minSize]=\"50\" [maxSize]=\"600\" #sideNavArea>\n      <div class=\"navigation-menu-content-container\">\n        <div class=\"logo-container\">\n          <a [routerLink]=\"'/'\">\n            <ads-ascent-logo size=\"small\" [mobileWidth]=\"70\" [isCollapsed]=\"isCollapsed()\" />\n          </a>\n        </div>\n\n        <ng-container *ngTemplateOutlet=\"matAccordion\" />\n\n      </div>\n    </as-split-area>\n\n    <as-split-area class=\"split-area-content\">\n      @if (showBreadcrumbs()) {\n        <div class=\"breadcrumbs-container\">\n          <ads-breadcrumb [breadcrumbs]=\"breadcrumbs()\" />\n        </div>\n      }\n      <router-outlet></router-outlet>\n    </as-split-area>\n  </as-split>\n\n\n} @else {\n  <mat-toolbar [hidden]=\"!isMobile\">\n    <button mat-icon-button #menuTrigger=\"matMenuTrigger\" [matMenuTriggerFor]=\"menu\">\n      <ads-icon\n        [name]=\"menuTrigger.menuOpen ? 'cross' : 'hamburger_menu'\"\n        stroke=\"secondary\"\n        size=\"sm\"\n      />\n    </button>\n  </mat-toolbar>\n\n  <mat-menu #menu=\"matMenu\" >\n    <div class=\"navigation-menu-content-container\">\n      <div class=\"burger-logo-container\">\n        <a [routerLink]=\"'/'\">\n          <ads-ascent-logo size=\"small\" [isCollapsed]=\"false\" [mobileWidth]=\"70\" />\n        </a>\n      </div>\n\n      <ng-container *ngTemplateOutlet=\"matAccordion\" />\n    </div>\n  </mat-menu>\n\n  <router-outlet></router-outlet>\n}\n\n<ng-template #matAccordion>\n  <mat-accordion class=\"nav-items-container\">\n    @for (item of navItems(); track $index) {\n      @if (item.subItems?.length) {\n        <mat-expansion-panel\n          #panel\n          [ngClass]=\"{\n                'active-expansion-panel': hasActiveLink(item),\n                'panel-expanded': panel.expanded,\n              }\"\n        >\n          <mat-expansion-panel-header\n            (click)=\"panel.expanded && isCollapsed() && expandSidebar(); $event.stopPropagation()\"\n            (keydown.enter)=\"panel.expanded && isCollapsed() && expandSidebar()\"\n          >\n            <mat-panel-title>\n              <ng-container *ngTemplateOutlet=\"itemTitle; context: { data: item }\" />\n            </mat-panel-title>\n            <mat-panel-description>\n              @if (panel.expanded) {\n                <ads-icon size=\"xs\" name=\"chevron_up\" theme=\"iconPrimary\" />\n              } @else {\n                <ads-icon size=\"xs\" name=\"chevron_down\" theme=\"iconPrimary\" />\n              }\n            </mat-panel-description>\n          </mat-expansion-panel-header>\n          @for (subItem of item.subItems; track $index) {\n            <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: subItem, class: '' }\" />\n          }\n        </mat-expansion-panel>\n      } @else {\n        <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: item, class: 'main-item' }\" />\n      }\n      @if (item?.showDividerAfterItem) {\n        <ads-divider />\n      }\n    }\n  </mat-accordion>\n</ng-template>\n\n\n<ng-template #navItem let-item=\"navItem\" let-className=\"class\">\n  <a\n    [routerLink]=\"item.href\"\n    class=\"ads-nav-link\"\n    [ngClass]=\"{\n      className,\n      'active-nav-link': hasActiveSubLink(item),\n    }\"\n  >\n    <ng-container *ngTemplateOutlet=\"itemTitle; context: { data: item }\" />\n  </a>\n</ng-template>\n\n<ng-template #itemTitle let-item=\"data\">\n  <div class=\"ads-nav-item-container\" [matTooltip]=\"item.label\" [matTooltipDisabled]=\"!isCollapsed() && !isMobile\">\n    @if (!!item.icon) {\n      <ads-icon [name]=\"item.icon!\" size=\"sm\" theme=\"iconPrimary\" stroke=\"iconPrimary\" />\n    }\n    @if (!isCollapsed() && !isMobile) {\n      <span>{{ item.label }}</span>\n    }\n  </div>\n</ng-template>\n\n", styles: [".mat-expansion-panel{--mat-expansion-container-shape: 5px;--mat-expansion-container-background-color: var(--color-white);--mat-expansion-container-text-color: var(--color-medium);--mat-expansion-container-text-size: font-size(text-base);box-shadow:none!important;border:1px solid var(--color-light)}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header{--mat-expansion-header-collapsed-state-height: unset;min-height:24px;height:auto;padding:16px}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header.mat-expanded{padding-bottom:8px}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header mat-panel-title{--mat-expansion-header-text-color: var(--color-dark);font-size:1.25rem;line-height:26px;font-weight:600;flex-basis:auto}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header mat-panel-description{margin:0;justify-content:end;flex-basis:auto}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header .mat-expansion-indicator{display:none}.mat-expansion-panel ::ng-deep .mat-expansion-panel-content .mat-expansion-panel-body{--mat-expansion-container-text-size: font-size(text-base);line-height:21px;padding:0 16px 16px}.mat-expansion-panel .mat-expansion-panel-header[aria-disabled=true]{background-color:var(--color-muted)}.mat-expansion-panel .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title{color:var(--color-medium)}\n", ".nav-items-container{display:flex;flex-direction:column;border-bottom:1px solid var(--color-light)}.nav-items-container .ads-nav-item-container{display:flex;padding:14px 12px;gap:12px;background-color:var(--color-white);align-items:center;overflow:hidden;white-space:nowrap}.nav-items-container .ads-nav-item-container span{font-weight:400;line-height:20px;color:var(--color-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-decoration:unset;display:inline-block}.nav-items-container .ads-nav-item-container ads-icon{flex-shrink:0}.nav-items-container .ads-nav-item-container:hover span,.nav-items-container .ads-nav-item-container:focus span,.nav-items-container .ads-nav-item-container:active span{color:var(--color-white)}.nav-items-container .ads-nav-item-container:hover ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:focus ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:active ads-icon ::ng-deep svg{stroke:var(--color-white);fill:var(--color-white)!important}.nav-items-container .ads-nav-item-container:hover{background-color:var(--color-secondary-hover)!important}.nav-items-container .ads-nav-item-container:active{background-color:var(--color-secondary-pressed)!important}.nav-items-container .ads-nav-item-container:focus{background-color:var(--color-secondary)!important}as-split-area{background-color:var(--color-white)}.logo-container{padding:16px 12px;border-bottom:1px solid var(--color-light);height:auto}.ads-nav-link.active-nav-link .ads-nav-item-container{background-color:var(--color-secondary)!important}.ads-nav-link.active-nav-link .ads-nav-item-container span{color:var(--color-white)!important}.ads-nav-link.active-nav-link .ads-nav-item-container ads-icon ::ng-deep svg{stroke:var(--color-white)!important;fill:var(--color-white)!important}.ads-nav-link{text-decoration:none}.left-side-content-container{container-type:inline-size;display:flex;flex-direction:column;height:100vh}::ng-deep as-split .as-split-gutter{background-color:var(--color-light-30)}::ng-deep as-split .as-split-gutter:hover,::ng-deep as-split .as-split-gutter:focus{outline:none}::ng-deep as-split .as-split-gutter:hover .as-split-gutter-icon,::ng-deep as-split .as-split-gutter:focus .as-split-gutter-icon{background-color:var(--color-light-80)}::ng-deep as-split .as-split-gutter:active{background-color:var(--color-light)}::ng-deep as-split .as-split-gutter-icon{width:8px;background-color:var(--color-light-30);background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"6\" height=\"11\" viewBox=\"0 0 6 11\" fill=\"none\"><path d=\"M4.7142 2.92855C5.42428 2.92855 5.99991 2.35291 5.99991 1.64283C5.99991 0.932751 5.42428 0.357117 4.7142 0.357117C4.00412 0.357117 3.42848 0.932751 3.42848 1.64283C3.42848 2.35291 4.00412 2.92855 4.7142 2.92855Z\" fill=\"%23041F41\"/><path d=\"M4.7142 6.78566C5.42428 6.78566 5.99991 6.21003 5.99991 5.49995C5.99991 4.78987 5.42428 4.21423 4.7142 4.21423C4.00412 4.21423 3.42848 4.78987 3.42848 5.49995C3.42848 6.21003 4.00412 6.78566 4.7142 6.78566Z\" fill=\"%23041F41\"/><path d=\"M4.7142 10.6428C5.42428 10.6428 5.99991 10.0672 5.99991 9.35713C5.99991 8.64704 5.42428 8.07141 4.7142 8.07141C4.00412 8.07141 3.42848 8.64704 3.42848 9.35713C3.42848 10.0672 4.00412 10.6428 4.7142 10.6428Z\" fill=\"%23041F41\"/><path d=\"M1.28571 2.92855C1.99579 2.92855 2.57143 2.35291 2.57143 1.64283C2.57143 0.932751 1.99579 0.357117 1.28571 0.357117C0.575634 0.357117 0 0.932751 0 1.64283C0 2.35291 0.575634 2.92855 1.28571 2.92855Z\" fill=\"%23041F41\"/><path d=\"M1.28571 6.78566C1.99579 6.78566 2.57143 6.21003 2.57143 5.49995C2.57143 4.78987 1.99579 4.21423 1.28571 4.21423C0.575634 4.21423 0 4.78987 0 5.49995C0 6.21003 0.575634 6.78566 1.28571 6.78566Z\" fill=\"%23041F41\"/><path d=\"M1.28571 10.6428C1.99579 10.6428 2.57143 10.0672 2.57143 9.35713C2.57143 8.64704 1.99579 8.07141 1.28571 8.07141C0.575634 8.07141 0 8.64704 0 9.35713C0 10.0672 0.575634 10.6428 1.28571 10.6428Z\" fill=\"%23041F41\"/></svg>')!important}.bottom-container{padding:16px 12px;flex-grow:1;display:flex;flex-direction:column}@container (max-width: 70px){.bottom-container{flex-grow:unset}.bottom-container:hover{background-color:var(--color-secondary-hover)}.bottom-container:hover ads-icon ::ng-deep svg{stroke:var(--color-white)}.bottom-container:active{background-color:var(--color-secondary-pressed)}.hide-on-collapsed{display:none}.show-on-collapsed{display:contents}}@container (min-width: 71px){.hide-on-collapsed{display:contents}.show-on-collapsed{display:none}}\n", ".nav-items-container{border-bottom:none}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header{background-color:var(--color-secondary)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container{background-color:var(--color-secondary)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container span{color:var(--color-white)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container ads-icon ::ng-deep svg{stroke:var(--color-white)!important;fill:var(--color-white)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header mat-panel-description ads-icon{fill:var(--color-white)!important}::ng-deep .navigation-menu-content-container .panel-expanded mat-expansion-panel-header,::ng-deep .navigation-menu-content-container .panel-expanded .ads-nav-item-container{background-color:var(--color-secondary-10)!important}::ng-deep .navigation-menu-content-container .panel-expanded mat-panel-title .ads-nav-item-container{background-color:transparent!important}::ng-deep .navigation-menu-content-container .panel-expanded mat-panel-title .ads-nav-item-container span{font-weight:600!important}::ng-deep .navigation-menu-content-container mat-expansion-panel{border:none!important;border-radius:unset!important;margin:unset!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-body{padding:0!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-body a .ads-nav-item-container{padding-left:48px!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header{padding:6px 12px 6px 0!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-description ads-icon{width:16px!important;height:auto!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-width:50px}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-title .ads-nav-item-container span{font-size:1rem}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus{background-color:var(--color-secondary-hover)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container{background-color:var(--color-secondary-hover)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container ads-icon ::ng-deep svg,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container span,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container span{color:var(--color-white)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover mat-panel-description ads-icon,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus mat-panel-description ads-icon{fill:var(--color-white)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:active{background-color:var(--color-secondary-pressed)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:active .ads-nav-item-container{background-color:var(--color-secondary-pressed)!important}::ng-deep .navigation-menu-content-container .main-item .ads-nav-item-container{padding:20px 12px!important}::ng-deep .navigation-menu-content-container .main-item .ads-nav-item-container .hide-on-collapsed{font-size:1rem}::ng-deep .navigation-menu-content-container .ads-nav-link:focus{background-color:var(--color-secondary-hover)!important;outline:none}::ng-deep .navigation-menu-content-container .ads-nav-link:focus .ads-nav-item-container{background-color:var(--color-secondary-hover)!important}::ng-deep .navigation-menu-content-container .ads-nav-link:focus .ads-nav-item-container ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}::ng-deep .navigation-menu-content-container .ads-nav-link:focus .ads-nav-item-container span{color:var(--color-white)!important}::ng-deep .navigation-menu-content-container .logo-container{padding-left:8px;padding-right:7px}.breadcrumbs-container{padding:72px 48px 48px}.split-area-content{container-type:inline-size}@container (max-width: 768px){.breadcrumbs-container{padding:72px 32px 48px}}:host::ng-deep{--mat-toolbar-mobile-height: 64px;--mat-toolbar-container-background-color: transparent}:host::ng-deep mat-toolbar{border-bottom:1px solid var(--color-light)}:host::ng-deep .mdc-icon-button{display:flex}:host::ng-deep .mdc-icon-button:hover{background-color:var(--color-light-30)}:host::ng-deep .mdc-icon-button:hover ads-icon ::ng-deep svg{fill:var(--color-secondary-hover)!important;stroke:var(--color-secondary-hover)!important}:host::ng-deep .mdc-icon-button:focus,:host::ng-deep .mdc-icon-button:active{background-color:var(--color-light-30)}:host::ng-deep .mdc-icon-button:focus ads-icon ::ng-deep svg,:host::ng-deep .mdc-icon-button:active ads-icon ::ng-deep svg{fill:var(--color-secondary-pressed)!important;stroke:var(--color-secondary-pressed)!important}::ng-deep .mat-mdc-menu-content{padding:0!important}::ng-deep .mat-mdc-menu-panel{margin-top:3px!important}.burger-logo-container{width:calc(100vw - 32px);padding:18px 8px;border-bottom:1px solid var(--color-light);height:auto;background-color:var(--color-white)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4$3.SplitComponent, selector: "as-split", inputs: ["gutterSize", "gutterStep", "disabled", "gutterClickDeltaPx", "direction", "dir", "unit", "gutterAriaLabel", "restrictMove", "useTransition", "gutterDblClickDuration"], outputs: ["gutterClick", "gutterDblClick", "dragStart", "dragEnd", "transitionEnd"], exportAs: ["asSplit"] }, { kind: "component", type: i4$3.SplitAreaComponent, selector: "as-split-area", inputs: ["size", "minSize", "maxSize", "lockSize", "visible"], exportAs: ["asSplitArea"] }, { kind: "directive", type: i1$2.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { 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"] }, { kind: "component", type: DividerComponent, selector: "ads-divider", inputs: ["margin", "color"] }, { kind: "directive", type: i6$3.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i6$3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "directive", type: i6$3.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i6$3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i6$3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: AdsAscentLogoComponent, selector: "ads-ascent-logo", inputs: ["invertTheme", "size"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: AdsBreadcrumbComponent, selector: "ads-breadcrumb", inputs: ["breadcrumbs"] }, { kind: "component", type: i3$4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i11$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i3$4.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: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.4", type: AdsScmsSideNavBarComponent, isStandalone: false, selector: "ads-scms-side-nav-bar", inputs: { navItems: { classPropertyName: "navItems", publicName: "navItems", isSignal: true, isRequired: false, transformFunction: null }, breadcrumbs: { classPropertyName: "breadcrumbs", publicName: "breadcrumbs", isSignal: true, isRequired: false, transformFunction: null }, showBreadcrumbs: { classPropertyName: "showBreadcrumbs", publicName: "showBreadcrumbs", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "checkScreenWidth($event)" } }, viewQueries: [{ propertyName: "accordion", first: true, predicate: MatAccordion, descendants: true, isSignal: true }, { propertyName: "splitter", first: true, predicate: ["splitter"], descendants: true }, { propertyName: "sideNavArea", first: true, predicate: ["sideNavArea"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "@if (!isMobile) {\n  <as-split\n    #splitter\n    [useTransition]=\"true\"\n    unit=\"pixel\"\n    [gutterSize]=\"10\"\n    (gutterDblClick)=\"expandSidebar()\"\n    [gutterDblClickDuration]=\"500\"\n    (dragEnd)=\"dragEnd($event)\"\n  >\n    <as-split-area [size]=\"sidebarSize()\" [minSize]=\"50\" [maxSize]=\"600\" #sideNavArea>\n      <div class=\"navigation-menu-content-container\">\n        <div class=\"logo-container\">\n          <a [routerLink]=\"'/'\">\n            <ads-ascent-logo size=\"small\" [mobileWidth]=\"70\" [isCollapsed]=\"isCollapsed()\" />\n          </a>\n        </div>\n\n        <ng-container *ngTemplateOutlet=\"matAccordion\" />\n\n      </div>\n    </as-split-area>\n\n    <as-split-area class=\"split-area-content\">\n      @if (showBreadcrumbs()) {\n        <div class=\"breadcrumbs-container\">\n          <ads-breadcrumb [breadcrumbs]=\"breadcrumbs()\" />\n        </div>\n      }\n      <router-outlet></router-outlet>\n    </as-split-area>\n  </as-split>\n\n\n} @else {\n  <mat-toolbar [hidden]=\"!isMobile\">\n    <button mat-icon-button #menuTrigger=\"matMenuTrigger\" [matMenuTriggerFor]=\"menu\">\n      <ads-icon\n        [name]=\"menuTrigger.menuOpen ? 'cross' : 'hamburger_menu'\"\n        stroke=\"secondary\"\n        size=\"sm\"\n      />\n    </button>\n  </mat-toolbar>\n\n  <mat-menu #menu=\"matMenu\" >\n    <div class=\"navigation-menu-content-container\">\n      <div class=\"burger-logo-container\">\n        <a [routerLink]=\"'/'\">\n          <ads-ascent-logo size=\"small\" [isCollapsed]=\"false\" [mobileWidth]=\"70\" />\n        </a>\n      </div>\n\n      <ng-container *ngTemplateOutlet=\"matAccordion\" />\n    </div>\n  </mat-menu>\n\n  <router-outlet></router-outlet>\n}\n\n<ng-template #matAccordion>\n  <mat-accordion class=\"nav-items-container\">\n    @for (item of navItems(); track $index) {\n      @if (item.subItems?.length) {\n        <mat-expansion-panel\n          #panel\n          [ngClass]=\"{\n                'active-expansion-panel': hasActiveLink(item),\n                'panel-expanded': panel.expanded,\n              }\"\n        >\n          <mat-expansion-panel-header\n            (click)=\"panel.expanded && isCollapsed() && expandSidebar(); $event.stopPropagation()\"\n            (keydown.enter)=\"panel.expanded && isCollapsed() && expandSidebar()\"\n          >\n            <mat-panel-title>\n              <ng-container *ngTemplateOutlet=\"itemTitle; context: { data: item }\" />\n            </mat-panel-title>\n            <mat-panel-description>\n              @if (panel.expanded) {\n                <ads-icon size=\"xs\" name=\"chevron_up\" theme=\"iconPrimary\" />\n              } @else {\n                <ads-icon size=\"xs\" name=\"chevron_down\" theme=\"iconPrimary\" />\n              }\n            </mat-panel-description>\n          </mat-expansion-panel-header>\n          @for (subItem of item.subItems; track $index) {\n            <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: subItem, class: '' }\" />\n          }\n        </mat-expansion-panel>\n      } @else {\n        <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: item, class: 'main-item' }\" />\n      }\n      @if (item?.showDividerAfterItem) {\n        <ads-divider />\n      }\n    }\n  </mat-accordion>\n</ng-template>\n\n\n<ng-template #navItem let-item=\"navItem\" let-className=\"class\">\n  <a\n    [routerLink]=\"item.href\"\n    class=\"ads-nav-link\"\n    [ngClass]=\"{\n      className,\n      'active-nav-link': hasActiveSubLink(item),\n    }\"\n  >\n    <ng-container *ngTemplateOutlet=\"itemTitle; context: { data: item }\" />\n  </a>\n</ng-template>\n\n<ng-template #itemTitle let-item=\"data\">\n  <div class=\"ads-nav-item-container\" [matTooltip]=\"item.label\" [matTooltipDisabled]=\"!isCollapsed() || isMobile\">\n    @if (!!item.icon) {\n      <ads-icon [name]=\"item.icon!\" size=\"sm\" theme=\"iconPrimary\" stroke=\"iconPrimary\" />\n    }\n    @if (!isCollapsed() || isMobile) {\n      <span>{{ item.label }}</span>\n    }\n  </div>\n</ng-template>\n\n", styles: [".mat-expansion-panel{--mat-expansion-container-shape: 5px;--mat-expansion-container-background-color: var(--color-white);--mat-expansion-container-text-color: var(--color-medium);--mat-expansion-container-text-size: font-size(text-base);box-shadow:none!important;border:1px solid var(--color-light)}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header{--mat-expansion-header-collapsed-state-height: unset;min-height:24px;height:auto;padding:16px}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header.mat-expanded{padding-bottom:8px}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header mat-panel-title{--mat-expansion-header-text-color: var(--color-dark);font-size:1.25rem;line-height:26px;font-weight:600;flex-basis:auto}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header mat-panel-description{margin:0;justify-content:end;flex-basis:auto}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header .mat-expansion-indicator{display:none}.mat-expansion-panel ::ng-deep .mat-expansion-panel-content .mat-expansion-panel-body{--mat-expansion-container-text-size: font-size(text-base);line-height:21px;padding:0 16px 16px}.mat-expansion-panel .mat-expansion-panel-header[aria-disabled=true]{background-color:var(--color-muted)}.mat-expansion-panel .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title{color:var(--color-medium)}\n", ".nav-items-container{display:flex;flex-direction:column;border-bottom:1px solid var(--color-light)}.nav-items-container .ads-nav-item-container{display:flex;padding:14px 12px;gap:12px;background-color:var(--color-white);align-items:center;overflow:hidden;white-space:nowrap}.nav-items-container .ads-nav-item-container span{font-weight:400;line-height:20px;color:var(--color-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-decoration:unset;display:inline-block}.nav-items-container .ads-nav-item-container ads-icon{flex-shrink:0}.nav-items-container .ads-nav-item-container:hover span,.nav-items-container .ads-nav-item-container:focus span,.nav-items-container .ads-nav-item-container:active span{color:var(--color-white)}.nav-items-container .ads-nav-item-container:hover ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:focus ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:active ads-icon ::ng-deep svg{stroke:var(--color-white);fill:var(--color-white)!important}.nav-items-container .ads-nav-item-container:hover{background-color:var(--color-secondary-hover)!important}.nav-items-container .ads-nav-item-container:active{background-color:var(--color-secondary-pressed)!important}.nav-items-container .ads-nav-item-container:focus{background-color:var(--color-secondary)!important}as-split-area{background-color:var(--color-white)}.logo-container{padding:16px 12px;border-bottom:1px solid var(--color-light);height:auto}.ads-nav-link.active-nav-link .ads-nav-item-container{background-color:var(--color-secondary)!important}.ads-nav-link.active-nav-link .ads-nav-item-container span{color:var(--color-white)!important}.ads-nav-link.active-nav-link .ads-nav-item-container ads-icon ::ng-deep svg{stroke:var(--color-white)!important;fill:var(--color-white)!important}.ads-nav-link{text-decoration:none}.left-side-content-container{container-type:inline-size;display:flex;flex-direction:column;height:100vh}::ng-deep as-split .as-split-gutter{background-color:var(--color-light-30)}::ng-deep as-split .as-split-gutter:hover,::ng-deep as-split .as-split-gutter:focus{outline:none}::ng-deep as-split .as-split-gutter:hover .as-split-gutter-icon,::ng-deep as-split .as-split-gutter:focus .as-split-gutter-icon{background-color:var(--color-light-80)}::ng-deep as-split .as-split-gutter:active{background-color:var(--color-light)}::ng-deep as-split .as-split-gutter-icon{width:8px;background-color:var(--color-light-30);background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"6\" height=\"11\" viewBox=\"0 0 6 11\" fill=\"none\"><path d=\"M4.7142 2.92855C5.42428 2.92855 5.99991 2.35291 5.99991 1.64283C5.99991 0.932751 5.42428 0.357117 4.7142 0.357117C4.00412 0.357117 3.42848 0.932751 3.42848 1.64283C3.42848 2.35291 4.00412 2.92855 4.7142 2.92855Z\" fill=\"%23041F41\"/><path d=\"M4.7142 6.78566C5.42428 6.78566 5.99991 6.21003 5.99991 5.49995C5.99991 4.78987 5.42428 4.21423 4.7142 4.21423C4.00412 4.21423 3.42848 4.78987 3.42848 5.49995C3.42848 6.21003 4.00412 6.78566 4.7142 6.78566Z\" fill=\"%23041F41\"/><path d=\"M4.7142 10.6428C5.42428 10.6428 5.99991 10.0672 5.99991 9.35713C5.99991 8.64704 5.42428 8.07141 4.7142 8.07141C4.00412 8.07141 3.42848 8.64704 3.42848 9.35713C3.42848 10.0672 4.00412 10.6428 4.7142 10.6428Z\" fill=\"%23041F41\"/><path d=\"M1.28571 2.92855C1.99579 2.92855 2.57143 2.35291 2.57143 1.64283C2.57143 0.932751 1.99579 0.357117 1.28571 0.357117C0.575634 0.357117 0 0.932751 0 1.64283C0 2.35291 0.575634 2.92855 1.28571 2.92855Z\" fill=\"%23041F41\"/><path d=\"M1.28571 6.78566C1.99579 6.78566 2.57143 6.21003 2.57143 5.49995C2.57143 4.78987 1.99579 4.21423 1.28571 4.21423C0.575634 4.21423 0 4.78987 0 5.49995C0 6.21003 0.575634 6.78566 1.28571 6.78566Z\" fill=\"%23041F41\"/><path d=\"M1.28571 10.6428C1.99579 10.6428 2.57143 10.0672 2.57143 9.35713C2.57143 8.64704 1.99579 8.07141 1.28571 8.07141C0.575634 8.07141 0 8.64704 0 9.35713C0 10.0672 0.575634 10.6428 1.28571 10.6428Z\" fill=\"%23041F41\"/></svg>')!important}.bottom-container{padding:16px 12px;flex-grow:1;display:flex;flex-direction:column}@container (max-width: 70px){.bottom-container{flex-grow:unset}.bottom-container:hover{background-color:var(--color-secondary-hover)}.bottom-container:hover ads-icon ::ng-deep svg{stroke:var(--color-white)}.bottom-container:active{background-color:var(--color-secondary-pressed)}.hide-on-collapsed{display:none}.show-on-collapsed{display:contents}}@container (min-width: 71px){.hide-on-collapsed{display:contents}.show-on-collapsed{display:none}}\n", ".nav-items-container{border-bottom:none}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header{background-color:var(--color-secondary)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container{background-color:var(--color-secondary)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container span{color:var(--color-white)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container ads-icon ::ng-deep svg{stroke:var(--color-white)!important;fill:var(--color-white)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header mat-panel-description ads-icon{fill:var(--color-white)!important}::ng-deep .navigation-menu-content-container .panel-expanded mat-expansion-panel-header,::ng-deep .navigation-menu-content-container .panel-expanded .ads-nav-item-container{background-color:var(--color-secondary-10)!important}::ng-deep .navigation-menu-content-container .panel-expanded mat-panel-title .ads-nav-item-container{background-color:transparent!important}::ng-deep .navigation-menu-content-container .panel-expanded mat-panel-title .ads-nav-item-container span{font-weight:600!important}::ng-deep .navigation-menu-content-container mat-expansion-panel{border:none!important;border-radius:unset!important;margin:unset!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-body{padding:0!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-body a .ads-nav-item-container{padding-left:48px!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header{padding:6px 12px 6px 0!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-description ads-icon{width:16px!important;height:auto!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-width:50px}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-title .ads-nav-item-container span{font-size:1rem}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus{background-color:var(--color-secondary-hover)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container{background-color:var(--color-secondary-hover)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container ads-icon ::ng-deep svg,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container span,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container span{color:var(--color-white)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover mat-panel-description ads-icon,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus mat-panel-description ads-icon{fill:var(--color-white)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:active{background-color:var(--color-secondary-pressed)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:active .ads-nav-item-container{background-color:var(--color-secondary-pressed)!important}::ng-deep .navigation-menu-content-container .main-item .ads-nav-item-container{padding:20px 12px!important}::ng-deep .navigation-menu-content-container .main-item .ads-nav-item-container .hide-on-collapsed{font-size:1rem}::ng-deep .navigation-menu-content-container .ads-nav-link:focus{background-color:var(--color-secondary-hover)!important;outline:none}::ng-deep .navigation-menu-content-container .ads-nav-link:focus .ads-nav-item-container{background-color:var(--color-secondary-hover)!important}::ng-deep .navigation-menu-content-container .ads-nav-link:focus .ads-nav-item-container ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}::ng-deep .navigation-menu-content-container .ads-nav-link:focus .ads-nav-item-container span{color:var(--color-white)!important}::ng-deep .navigation-menu-content-container .logo-container{padding-left:8px;padding-right:7px}.breadcrumbs-container{padding:72px 48px 48px}.split-area-content{container-type:inline-size}@container (max-width: 768px){.breadcrumbs-container{padding:72px 32px 48px}}:host::ng-deep{--mat-toolbar-mobile-height: 64px;--mat-toolbar-container-background-color: transparent}:host::ng-deep mat-toolbar{border-bottom:1px solid var(--color-light)}:host::ng-deep .mdc-icon-button{display:flex}:host::ng-deep .mdc-icon-button:hover{background-color:var(--color-light-30)}:host::ng-deep .mdc-icon-button:hover ads-icon ::ng-deep svg{fill:var(--color-secondary-hover)!important;stroke:var(--color-secondary-hover)!important}:host::ng-deep .mdc-icon-button:focus,:host::ng-deep .mdc-icon-button:active{background-color:var(--color-light-30)}:host::ng-deep .mdc-icon-button:focus ads-icon ::ng-deep svg,:host::ng-deep .mdc-icon-button:active ads-icon ::ng-deep svg{fill:var(--color-secondary-pressed)!important;stroke:var(--color-secondary-pressed)!important}::ng-deep .mat-mdc-menu-content{padding:0!important}::ng-deep .mat-mdc-menu-panel{margin-top:3px!important}.burger-logo-container{width:calc(100vw - 32px);padding:18px 8px;border-bottom:1px solid var(--color-light);height:auto;background-color:var(--color-white)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4$3.SplitComponent, selector: "as-split", inputs: ["gutterSize", "gutterStep", "disabled", "gutterClickDeltaPx", "direction", "dir", "unit", "gutterAriaLabel", "restrictMove", "useTransition", "gutterDblClickDuration"], outputs: ["gutterClick", "gutterDblClick", "dragStart", "dragEnd", "transitionEnd"], exportAs: ["asSplit"] }, { kind: "component", type: i4$3.SplitAreaComponent, selector: "as-split-area", inputs: ["size", "minSize", "maxSize", "lockSize", "visible"], exportAs: ["asSplitArea"] }, { kind: "directive", type: i1$2.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { 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"] }, { kind: "component", type: DividerComponent, selector: "ads-divider", inputs: ["margin", "color"] }, { kind: "directive", type: i6$3.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i6$3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "directive", type: i6$3.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i6$3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i6$3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: AdsAscentLogoComponent, selector: "ads-ascent-logo", inputs: ["invertTheme", "size"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: AdsBreadcrumbComponent, selector: "ads-breadcrumb", inputs: ["breadcrumbs"] }, { kind: "component", type: i3$4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i11$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i3$4.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: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: AdsScmsSideNavBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ads-scms-side-nav-bar', standalone: false, template: "@if (!isMobile) {\n  <as-split\n    #splitter\n    [useTransition]=\"true\"\n    unit=\"pixel\"\n    [gutterSize]=\"10\"\n    (gutterDblClick)=\"expandSidebar()\"\n    [gutterDblClickDuration]=\"500\"\n    (dragEnd)=\"dragEnd($event)\"\n  >\n    <as-split-area [size]=\"sidebarSize()\" [minSize]=\"50\" [maxSize]=\"600\" #sideNavArea>\n      <div class=\"navigation-menu-content-container\">\n        <div class=\"logo-container\">\n          <a [routerLink]=\"'/'\">\n            <ads-ascent-logo size=\"small\" [mobileWidth]=\"70\" [isCollapsed]=\"isCollapsed()\" />\n          </a>\n        </div>\n\n        <ng-container *ngTemplateOutlet=\"matAccordion\" />\n\n      </div>\n    </as-split-area>\n\n    <as-split-area class=\"split-area-content\">\n      @if (showBreadcrumbs()) {\n        <div class=\"breadcrumbs-container\">\n          <ads-breadcrumb [breadcrumbs]=\"breadcrumbs()\" />\n        </div>\n      }\n      <router-outlet></router-outlet>\n    </as-split-area>\n  </as-split>\n\n\n} @else {\n  <mat-toolbar [hidden]=\"!isMobile\">\n    <button mat-icon-button #menuTrigger=\"matMenuTrigger\" [matMenuTriggerFor]=\"menu\">\n      <ads-icon\n        [name]=\"menuTrigger.menuOpen ? 'cross' : 'hamburger_menu'\"\n        stroke=\"secondary\"\n        size=\"sm\"\n      />\n    </button>\n  </mat-toolbar>\n\n  <mat-menu #menu=\"matMenu\" >\n    <div class=\"navigation-menu-content-container\">\n      <div class=\"burger-logo-container\">\n        <a [routerLink]=\"'/'\">\n          <ads-ascent-logo size=\"small\" [isCollapsed]=\"false\" [mobileWidth]=\"70\" />\n        </a>\n      </div>\n\n      <ng-container *ngTemplateOutlet=\"matAccordion\" />\n    </div>\n  </mat-menu>\n\n  <router-outlet></router-outlet>\n}\n\n<ng-template #matAccordion>\n  <mat-accordion class=\"nav-items-container\">\n    @for (item of navItems(); track $index) {\n      @if (item.subItems?.length) {\n        <mat-expansion-panel\n          #panel\n          [ngClass]=\"{\n                'active-expansion-panel': hasActiveLink(item),\n                'panel-expanded': panel.expanded,\n              }\"\n        >\n          <mat-expansion-panel-header\n            (click)=\"panel.expanded && isCollapsed() && expandSidebar(); $event.stopPropagation()\"\n            (keydown.enter)=\"panel.expanded && isCollapsed() && expandSidebar()\"\n          >\n            <mat-panel-title>\n              <ng-container *ngTemplateOutlet=\"itemTitle; context: { data: item }\" />\n            </mat-panel-title>\n            <mat-panel-description>\n              @if (panel.expanded) {\n                <ads-icon size=\"xs\" name=\"chevron_up\" theme=\"iconPrimary\" />\n              } @else {\n                <ads-icon size=\"xs\" name=\"chevron_down\" theme=\"iconPrimary\" />\n              }\n            </mat-panel-description>\n          </mat-expansion-panel-header>\n          @for (subItem of item.subItems; track $index) {\n            <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: subItem, class: '' }\" />\n          }\n        </mat-expansion-panel>\n      } @else {\n        <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: item, class: 'main-item' }\" />\n      }\n      @if (item?.showDividerAfterItem) {\n        <ads-divider />\n      }\n    }\n  </mat-accordion>\n</ng-template>\n\n\n<ng-template #navItem let-item=\"navItem\" let-className=\"class\">\n  <a\n    [routerLink]=\"item.href\"\n    class=\"ads-nav-link\"\n    [ngClass]=\"{\n      className,\n      'active-nav-link': hasActiveSubLink(item),\n    }\"\n  >\n    <ng-container *ngTemplateOutlet=\"itemTitle; context: { data: item }\" />\n  </a>\n</ng-template>\n\n<ng-template #itemTitle let-item=\"data\">\n  <div class=\"ads-nav-item-container\" [matTooltip]=\"item.label\" [matTooltipDisabled]=\"!isCollapsed() && !isMobile\">\n    @if (!!item.icon) {\n      <ads-icon [name]=\"item.icon!\" size=\"sm\" theme=\"iconPrimary\" stroke=\"iconPrimary\" />\n    }\n    @if (!isCollapsed() && !isMobile) {\n      <span>{{ item.label }}</span>\n    }\n  </div>\n</ng-template>\n\n", styles: [".mat-expansion-panel{--mat-expansion-container-shape: 5px;--mat-expansion-container-background-color: var(--color-white);--mat-expansion-container-text-color: var(--color-medium);--mat-expansion-container-text-size: font-size(text-base);box-shadow:none!important;border:1px solid var(--color-light)}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header{--mat-expansion-header-collapsed-state-height: unset;min-height:24px;height:auto;padding:16px}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header.mat-expanded{padding-bottom:8px}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header mat-panel-title{--mat-expansion-header-text-color: var(--color-dark);font-size:1.25rem;line-height:26px;font-weight:600;flex-basis:auto}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header mat-panel-description{margin:0;justify-content:end;flex-basis:auto}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header .mat-expansion-indicator{display:none}.mat-expansion-panel ::ng-deep .mat-expansion-panel-content .mat-expansion-panel-body{--mat-expansion-container-text-size: font-size(text-base);line-height:21px;padding:0 16px 16px}.mat-expansion-panel .mat-expansion-panel-header[aria-disabled=true]{background-color:var(--color-muted)}.mat-expansion-panel .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title{color:var(--color-medium)}\n", ".nav-items-container{display:flex;flex-direction:column;border-bottom:1px solid var(--color-light)}.nav-items-container .ads-nav-item-container{display:flex;padding:14px 12px;gap:12px;background-color:var(--color-white);align-items:center;overflow:hidden;white-space:nowrap}.nav-items-container .ads-nav-item-container span{font-weight:400;line-height:20px;color:var(--color-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-decoration:unset;display:inline-block}.nav-items-container .ads-nav-item-container ads-icon{flex-shrink:0}.nav-items-container .ads-nav-item-container:hover span,.nav-items-container .ads-nav-item-container:focus span,.nav-items-container .ads-nav-item-container:active span{color:var(--color-white)}.nav-items-container .ads-nav-item-container:hover ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:focus ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:active ads-icon ::ng-deep svg{stroke:var(--color-white);fill:var(--color-white)!important}.nav-items-container .ads-nav-item-container:hover{background-color:var(--color-secondary-hover)!important}.nav-items-container .ads-nav-item-container:active{background-color:var(--color-secondary-pressed)!important}.nav-items-container .ads-nav-item-container:focus{background-color:var(--color-secondary)!important}as-split-area{background-color:var(--color-white)}.logo-container{padding:16px 12px;border-bottom:1px solid var(--color-light);height:auto}.ads-nav-link.active-nav-link .ads-nav-item-container{background-color:var(--color-secondary)!important}.ads-nav-link.active-nav-link .ads-nav-item-container span{color:var(--color-white)!important}.ads-nav-link.active-nav-link .ads-nav-item-container ads-icon ::ng-deep svg{stroke:var(--color-white)!important;fill:var(--color-white)!important}.ads-nav-link{text-decoration:none}.left-side-content-container{container-type:inline-size;display:flex;flex-direction:column;height:100vh}::ng-deep as-split .as-split-gutter{background-color:var(--color-light-30)}::ng-deep as-split .as-split-gutter:hover,::ng-deep as-split .as-split-gutter:focus{outline:none}::ng-deep as-split .as-split-gutter:hover .as-split-gutter-icon,::ng-deep as-split .as-split-gutter:focus .as-split-gutter-icon{background-color:var(--color-light-80)}::ng-deep as-split .as-split-gutter:active{background-color:var(--color-light)}::ng-deep as-split .as-split-gutter-icon{width:8px;background-color:var(--color-light-30);background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"6\" height=\"11\" viewBox=\"0 0 6 11\" fill=\"none\"><path d=\"M4.7142 2.92855C5.42428 2.92855 5.99991 2.35291 5.99991 1.64283C5.99991 0.932751 5.42428 0.357117 4.7142 0.357117C4.00412 0.357117 3.42848 0.932751 3.42848 1.64283C3.42848 2.35291 4.00412 2.92855 4.7142 2.92855Z\" fill=\"%23041F41\"/><path d=\"M4.7142 6.78566C5.42428 6.78566 5.99991 6.21003 5.99991 5.49995C5.99991 4.78987 5.42428 4.21423 4.7142 4.21423C4.00412 4.21423 3.42848 4.78987 3.42848 5.49995C3.42848 6.21003 4.00412 6.78566 4.7142 6.78566Z\" fill=\"%23041F41\"/><path d=\"M4.7142 10.6428C5.42428 10.6428 5.99991 10.0672 5.99991 9.35713C5.99991 8.64704 5.42428 8.07141 4.7142 8.07141C4.00412 8.07141 3.42848 8.64704 3.42848 9.35713C3.42848 10.0672 4.00412 10.6428 4.7142 10.6428Z\" fill=\"%23041F41\"/><path d=\"M1.28571 2.92855C1.99579 2.92855 2.57143 2.35291 2.57143 1.64283C2.57143 0.932751 1.99579 0.357117 1.28571 0.357117C0.575634 0.357117 0 0.932751 0 1.64283C0 2.35291 0.575634 2.92855 1.28571 2.92855Z\" fill=\"%23041F41\"/><path d=\"M1.28571 6.78566C1.99579 6.78566 2.57143 6.21003 2.57143 5.49995C2.57143 4.78987 1.99579 4.21423 1.28571 4.21423C0.575634 4.21423 0 4.78987 0 5.49995C0 6.21003 0.575634 6.78566 1.28571 6.78566Z\" fill=\"%23041F41\"/><path d=\"M1.28571 10.6428C1.99579 10.6428 2.57143 10.0672 2.57143 9.35713C2.57143 8.64704 1.99579 8.07141 1.28571 8.07141C0.575634 8.07141 0 8.64704 0 9.35713C0 10.0672 0.575634 10.6428 1.28571 10.6428Z\" fill=\"%23041F41\"/></svg>')!important}.bottom-container{padding:16px 12px;flex-grow:1;display:flex;flex-direction:column}@container (max-width: 70px){.bottom-container{flex-grow:unset}.bottom-container:hover{background-color:var(--color-secondary-hover)}.bottom-container:hover ads-icon ::ng-deep svg{stroke:var(--color-white)}.bottom-container:active{background-color:var(--color-secondary-pressed)}.hide-on-collapsed{display:none}.show-on-collapsed{display:contents}}@container (min-width: 71px){.hide-on-collapsed{display:contents}.show-on-collapsed{display:none}}\n", ".nav-items-container{border-bottom:none}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header{background-color:var(--color-secondary)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container{background-color:var(--color-secondary)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container span{color:var(--color-white)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container ads-icon ::ng-deep svg{stroke:var(--color-white)!important;fill:var(--color-white)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header mat-panel-description ads-icon{fill:var(--color-white)!important}::ng-deep .navigation-menu-content-container .panel-expanded mat-expansion-panel-header,::ng-deep .navigation-menu-content-container .panel-expanded .ads-nav-item-container{background-color:var(--color-secondary-10)!important}::ng-deep .navigation-menu-content-container .panel-expanded mat-panel-title .ads-nav-item-container{background-color:transparent!important}::ng-deep .navigation-menu-content-container .panel-expanded mat-panel-title .ads-nav-item-container span{font-weight:600!important}::ng-deep .navigation-menu-content-container mat-expansion-panel{border:none!important;border-radius:unset!important;margin:unset!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-body{padding:0!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-body a .ads-nav-item-container{padding-left:48px!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header{padding:6px 12px 6px 0!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-description ads-icon{width:16px!important;height:auto!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-width:50px}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-title .ads-nav-item-container span{font-size:1rem}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus{background-color:var(--color-secondary-hover)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container{background-color:var(--color-secondary-hover)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container ads-icon ::ng-deep svg,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container span,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container span{color:var(--color-white)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover mat-panel-description ads-icon,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus mat-panel-description ads-icon{fill:var(--color-white)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:active{background-color:var(--color-secondary-pressed)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:active .ads-nav-item-container{background-color:var(--color-secondary-pressed)!important}::ng-deep .navigation-menu-content-container .main-item .ads-nav-item-container{padding:20px 12px!important}::ng-deep .navigation-menu-content-container .main-item .ads-nav-item-container .hide-on-collapsed{font-size:1rem}::ng-deep .navigation-menu-content-container .ads-nav-link:focus{background-color:var(--color-secondary-hover)!important;outline:none}::ng-deep .navigation-menu-content-container .ads-nav-link:focus .ads-nav-item-container{background-color:var(--color-secondary-hover)!important}::ng-deep .navigation-menu-content-container .ads-nav-link:focus .ads-nav-item-container ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}::ng-deep .navigation-menu-content-container .ads-nav-link:focus .ads-nav-item-container span{color:var(--color-white)!important}::ng-deep .navigation-menu-content-container .logo-container{padding-left:8px;padding-right:7px}.breadcrumbs-container{padding:72px 48px 48px}.split-area-content{container-type:inline-size}@container (max-width: 768px){.breadcrumbs-container{padding:72px 32px 48px}}:host::ng-deep{--mat-toolbar-mobile-height: 64px;--mat-toolbar-container-background-color: transparent}:host::ng-deep mat-toolbar{border-bottom:1px solid var(--color-light)}:host::ng-deep .mdc-icon-button{display:flex}:host::ng-deep .mdc-icon-button:hover{background-color:var(--color-light-30)}:host::ng-deep .mdc-icon-button:hover ads-icon ::ng-deep svg{fill:var(--color-secondary-hover)!important;stroke:var(--color-secondary-hover)!important}:host::ng-deep .mdc-icon-button:focus,:host::ng-deep .mdc-icon-button:active{background-color:var(--color-light-30)}:host::ng-deep .mdc-icon-button:focus ads-icon ::ng-deep svg,:host::ng-deep .mdc-icon-button:active ads-icon ::ng-deep svg{fill:var(--color-secondary-pressed)!important;stroke:var(--color-secondary-pressed)!important}::ng-deep .mat-mdc-menu-content{padding:0!important}::ng-deep .mat-mdc-menu-panel{margin-top:3px!important}.burger-logo-container{width:calc(100vw - 32px);padding:18px 8px;border-bottom:1px solid var(--color-light);height:auto;background-color:var(--color-white)}\n"] }]
+            args: [{ selector: 'ads-scms-side-nav-bar', standalone: false, template: "@if (!isMobile) {\n  <as-split\n    #splitter\n    [useTransition]=\"true\"\n    unit=\"pixel\"\n    [gutterSize]=\"10\"\n    (gutterDblClick)=\"expandSidebar()\"\n    [gutterDblClickDuration]=\"500\"\n    (dragEnd)=\"dragEnd($event)\"\n  >\n    <as-split-area [size]=\"sidebarSize()\" [minSize]=\"50\" [maxSize]=\"600\" #sideNavArea>\n      <div class=\"navigation-menu-content-container\">\n        <div class=\"logo-container\">\n          <a [routerLink]=\"'/'\">\n            <ads-ascent-logo size=\"small\" [mobileWidth]=\"70\" [isCollapsed]=\"isCollapsed()\" />\n          </a>\n        </div>\n\n        <ng-container *ngTemplateOutlet=\"matAccordion\" />\n\n      </div>\n    </as-split-area>\n\n    <as-split-area class=\"split-area-content\">\n      @if (showBreadcrumbs()) {\n        <div class=\"breadcrumbs-container\">\n          <ads-breadcrumb [breadcrumbs]=\"breadcrumbs()\" />\n        </div>\n      }\n      <router-outlet></router-outlet>\n    </as-split-area>\n  </as-split>\n\n\n} @else {\n  <mat-toolbar [hidden]=\"!isMobile\">\n    <button mat-icon-button #menuTrigger=\"matMenuTrigger\" [matMenuTriggerFor]=\"menu\">\n      <ads-icon\n        [name]=\"menuTrigger.menuOpen ? 'cross' : 'hamburger_menu'\"\n        stroke=\"secondary\"\n        size=\"sm\"\n      />\n    </button>\n  </mat-toolbar>\n\n  <mat-menu #menu=\"matMenu\" >\n    <div class=\"navigation-menu-content-container\">\n      <div class=\"burger-logo-container\">\n        <a [routerLink]=\"'/'\">\n          <ads-ascent-logo size=\"small\" [isCollapsed]=\"false\" [mobileWidth]=\"70\" />\n        </a>\n      </div>\n\n      <ng-container *ngTemplateOutlet=\"matAccordion\" />\n    </div>\n  </mat-menu>\n\n  <router-outlet></router-outlet>\n}\n\n<ng-template #matAccordion>\n  <mat-accordion class=\"nav-items-container\">\n    @for (item of navItems(); track $index) {\n      @if (item.subItems?.length) {\n        <mat-expansion-panel\n          #panel\n          [ngClass]=\"{\n                'active-expansion-panel': hasActiveLink(item),\n                'panel-expanded': panel.expanded,\n              }\"\n        >\n          <mat-expansion-panel-header\n            (click)=\"panel.expanded && isCollapsed() && expandSidebar(); $event.stopPropagation()\"\n            (keydown.enter)=\"panel.expanded && isCollapsed() && expandSidebar()\"\n          >\n            <mat-panel-title>\n              <ng-container *ngTemplateOutlet=\"itemTitle; context: { data: item }\" />\n            </mat-panel-title>\n            <mat-panel-description>\n              @if (panel.expanded) {\n                <ads-icon size=\"xs\" name=\"chevron_up\" theme=\"iconPrimary\" />\n              } @else {\n                <ads-icon size=\"xs\" name=\"chevron_down\" theme=\"iconPrimary\" />\n              }\n            </mat-panel-description>\n          </mat-expansion-panel-header>\n          @for (subItem of item.subItems; track $index) {\n            <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: subItem, class: '' }\" />\n          }\n        </mat-expansion-panel>\n      } @else {\n        <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: item, class: 'main-item' }\" />\n      }\n      @if (item?.showDividerAfterItem) {\n        <ads-divider />\n      }\n    }\n  </mat-accordion>\n</ng-template>\n\n\n<ng-template #navItem let-item=\"navItem\" let-className=\"class\">\n  <a\n    [routerLink]=\"item.href\"\n    class=\"ads-nav-link\"\n    [ngClass]=\"{\n      className,\n      'active-nav-link': hasActiveSubLink(item),\n    }\"\n  >\n    <ng-container *ngTemplateOutlet=\"itemTitle; context: { data: item }\" />\n  </a>\n</ng-template>\n\n<ng-template #itemTitle let-item=\"data\">\n  <div class=\"ads-nav-item-container\" [matTooltip]=\"item.label\" [matTooltipDisabled]=\"!isCollapsed() || isMobile\">\n    @if (!!item.icon) {\n      <ads-icon [name]=\"item.icon!\" size=\"sm\" theme=\"iconPrimary\" stroke=\"iconPrimary\" />\n    }\n    @if (!isCollapsed() || isMobile) {\n      <span>{{ item.label }}</span>\n    }\n  </div>\n</ng-template>\n\n", styles: [".mat-expansion-panel{--mat-expansion-container-shape: 5px;--mat-expansion-container-background-color: var(--color-white);--mat-expansion-container-text-color: var(--color-medium);--mat-expansion-container-text-size: font-size(text-base);box-shadow:none!important;border:1px solid var(--color-light)}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header{--mat-expansion-header-collapsed-state-height: unset;min-height:24px;height:auto;padding:16px}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header.mat-expanded{padding-bottom:8px}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header mat-panel-title{--mat-expansion-header-text-color: var(--color-dark);font-size:1.25rem;line-height:26px;font-weight:600;flex-basis:auto}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header mat-panel-description{margin:0;justify-content:end;flex-basis:auto}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header .mat-expansion-indicator{display:none}.mat-expansion-panel ::ng-deep .mat-expansion-panel-content .mat-expansion-panel-body{--mat-expansion-container-text-size: font-size(text-base);line-height:21px;padding:0 16px 16px}.mat-expansion-panel .mat-expansion-panel-header[aria-disabled=true]{background-color:var(--color-muted)}.mat-expansion-panel .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title{color:var(--color-medium)}\n", ".nav-items-container{display:flex;flex-direction:column;border-bottom:1px solid var(--color-light)}.nav-items-container .ads-nav-item-container{display:flex;padding:14px 12px;gap:12px;background-color:var(--color-white);align-items:center;overflow:hidden;white-space:nowrap}.nav-items-container .ads-nav-item-container span{font-weight:400;line-height:20px;color:var(--color-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-decoration:unset;display:inline-block}.nav-items-container .ads-nav-item-container ads-icon{flex-shrink:0}.nav-items-container .ads-nav-item-container:hover span,.nav-items-container .ads-nav-item-container:focus span,.nav-items-container .ads-nav-item-container:active span{color:var(--color-white)}.nav-items-container .ads-nav-item-container:hover ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:focus ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:active ads-icon ::ng-deep svg{stroke:var(--color-white);fill:var(--color-white)!important}.nav-items-container .ads-nav-item-container:hover{background-color:var(--color-secondary-hover)!important}.nav-items-container .ads-nav-item-container:active{background-color:var(--color-secondary-pressed)!important}.nav-items-container .ads-nav-item-container:focus{background-color:var(--color-secondary)!important}as-split-area{background-color:var(--color-white)}.logo-container{padding:16px 12px;border-bottom:1px solid var(--color-light);height:auto}.ads-nav-link.active-nav-link .ads-nav-item-container{background-color:var(--color-secondary)!important}.ads-nav-link.active-nav-link .ads-nav-item-container span{color:var(--color-white)!important}.ads-nav-link.active-nav-link .ads-nav-item-container ads-icon ::ng-deep svg{stroke:var(--color-white)!important;fill:var(--color-white)!important}.ads-nav-link{text-decoration:none}.left-side-content-container{container-type:inline-size;display:flex;flex-direction:column;height:100vh}::ng-deep as-split .as-split-gutter{background-color:var(--color-light-30)}::ng-deep as-split .as-split-gutter:hover,::ng-deep as-split .as-split-gutter:focus{outline:none}::ng-deep as-split .as-split-gutter:hover .as-split-gutter-icon,::ng-deep as-split .as-split-gutter:focus .as-split-gutter-icon{background-color:var(--color-light-80)}::ng-deep as-split .as-split-gutter:active{background-color:var(--color-light)}::ng-deep as-split .as-split-gutter-icon{width:8px;background-color:var(--color-light-30);background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"6\" height=\"11\" viewBox=\"0 0 6 11\" fill=\"none\"><path d=\"M4.7142 2.92855C5.42428 2.92855 5.99991 2.35291 5.99991 1.64283C5.99991 0.932751 5.42428 0.357117 4.7142 0.357117C4.00412 0.357117 3.42848 0.932751 3.42848 1.64283C3.42848 2.35291 4.00412 2.92855 4.7142 2.92855Z\" fill=\"%23041F41\"/><path d=\"M4.7142 6.78566C5.42428 6.78566 5.99991 6.21003 5.99991 5.49995C5.99991 4.78987 5.42428 4.21423 4.7142 4.21423C4.00412 4.21423 3.42848 4.78987 3.42848 5.49995C3.42848 6.21003 4.00412 6.78566 4.7142 6.78566Z\" fill=\"%23041F41\"/><path d=\"M4.7142 10.6428C5.42428 10.6428 5.99991 10.0672 5.99991 9.35713C5.99991 8.64704 5.42428 8.07141 4.7142 8.07141C4.00412 8.07141 3.42848 8.64704 3.42848 9.35713C3.42848 10.0672 4.00412 10.6428 4.7142 10.6428Z\" fill=\"%23041F41\"/><path d=\"M1.28571 2.92855C1.99579 2.92855 2.57143 2.35291 2.57143 1.64283C2.57143 0.932751 1.99579 0.357117 1.28571 0.357117C0.575634 0.357117 0 0.932751 0 1.64283C0 2.35291 0.575634 2.92855 1.28571 2.92855Z\" fill=\"%23041F41\"/><path d=\"M1.28571 6.78566C1.99579 6.78566 2.57143 6.21003 2.57143 5.49995C2.57143 4.78987 1.99579 4.21423 1.28571 4.21423C0.575634 4.21423 0 4.78987 0 5.49995C0 6.21003 0.575634 6.78566 1.28571 6.78566Z\" fill=\"%23041F41\"/><path d=\"M1.28571 10.6428C1.99579 10.6428 2.57143 10.0672 2.57143 9.35713C2.57143 8.64704 1.99579 8.07141 1.28571 8.07141C0.575634 8.07141 0 8.64704 0 9.35713C0 10.0672 0.575634 10.6428 1.28571 10.6428Z\" fill=\"%23041F41\"/></svg>')!important}.bottom-container{padding:16px 12px;flex-grow:1;display:flex;flex-direction:column}@container (max-width: 70px){.bottom-container{flex-grow:unset}.bottom-container:hover{background-color:var(--color-secondary-hover)}.bottom-container:hover ads-icon ::ng-deep svg{stroke:var(--color-white)}.bottom-container:active{background-color:var(--color-secondary-pressed)}.hide-on-collapsed{display:none}.show-on-collapsed{display:contents}}@container (min-width: 71px){.hide-on-collapsed{display:contents}.show-on-collapsed{display:none}}\n", ".nav-items-container{border-bottom:none}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header{background-color:var(--color-secondary)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container{background-color:var(--color-secondary)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container span{color:var(--color-white)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container ads-icon ::ng-deep svg{stroke:var(--color-white)!important;fill:var(--color-white)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header mat-panel-description ads-icon{fill:var(--color-white)!important}::ng-deep .navigation-menu-content-container .panel-expanded mat-expansion-panel-header,::ng-deep .navigation-menu-content-container .panel-expanded .ads-nav-item-container{background-color:var(--color-secondary-10)!important}::ng-deep .navigation-menu-content-container .panel-expanded mat-panel-title .ads-nav-item-container{background-color:transparent!important}::ng-deep .navigation-menu-content-container .panel-expanded mat-panel-title .ads-nav-item-container span{font-weight:600!important}::ng-deep .navigation-menu-content-container mat-expansion-panel{border:none!important;border-radius:unset!important;margin:unset!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-body{padding:0!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-body a .ads-nav-item-container{padding-left:48px!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header{padding:6px 12px 6px 0!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-description ads-icon{width:16px!important;height:auto!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-width:50px}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-title .ads-nav-item-container span{font-size:1rem}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus{background-color:var(--color-secondary-hover)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container{background-color:var(--color-secondary-hover)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container ads-icon ::ng-deep svg,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container span,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container span{color:var(--color-white)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover mat-panel-description ads-icon,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus mat-panel-description ads-icon{fill:var(--color-white)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:active{background-color:var(--color-secondary-pressed)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:active .ads-nav-item-container{background-color:var(--color-secondary-pressed)!important}::ng-deep .navigation-menu-content-container .main-item .ads-nav-item-container{padding:20px 12px!important}::ng-deep .navigation-menu-content-container .main-item .ads-nav-item-container .hide-on-collapsed{font-size:1rem}::ng-deep .navigation-menu-content-container .ads-nav-link:focus{background-color:var(--color-secondary-hover)!important;outline:none}::ng-deep .navigation-menu-content-container .ads-nav-link:focus .ads-nav-item-container{background-color:var(--color-secondary-hover)!important}::ng-deep .navigation-menu-content-container .ads-nav-link:focus .ads-nav-item-container ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}::ng-deep .navigation-menu-content-container .ads-nav-link:focus .ads-nav-item-container span{color:var(--color-white)!important}::ng-deep .navigation-menu-content-container .logo-container{padding-left:8px;padding-right:7px}.breadcrumbs-container{padding:72px 48px 48px}.split-area-content{container-type:inline-size}@container (max-width: 768px){.breadcrumbs-container{padding:72px 32px 48px}}:host::ng-deep{--mat-toolbar-mobile-height: 64px;--mat-toolbar-container-background-color: transparent}:host::ng-deep mat-toolbar{border-bottom:1px solid var(--color-light)}:host::ng-deep .mdc-icon-button{display:flex}:host::ng-deep .mdc-icon-button:hover{background-color:var(--color-light-30)}:host::ng-deep .mdc-icon-button:hover ads-icon ::ng-deep svg{fill:var(--color-secondary-hover)!important;stroke:var(--color-secondary-hover)!important}:host::ng-deep .mdc-icon-button:focus,:host::ng-deep .mdc-icon-button:active{background-color:var(--color-light-30)}:host::ng-deep .mdc-icon-button:focus ads-icon ::ng-deep svg,:host::ng-deep .mdc-icon-button:active ads-icon ::ng-deep svg{fill:var(--color-secondary-pressed)!important;stroke:var(--color-secondary-pressed)!important}::ng-deep .mat-mdc-menu-content{padding:0!important}::ng-deep .mat-mdc-menu-panel{margin-top:3px!important}.burger-logo-container{width:calc(100vw - 32px);padding:18px 8px;border-bottom:1px solid var(--color-light);height:auto;background-color:var(--color-white)}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.Router }, { type: i1.AdsIconRegistry }], propDecorators: { splitter: [{
                 type: ViewChild,
                 args: ['splitter']
@@ -7101,232 +7100,201 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", 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.4", ngImport: i0, type: MainMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: MainMenuService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", 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.4", ngImport: i0, type: AdsMainMenuItemsComponent, deps: [{ token: MainMenuService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: AdsMainMenuItemsComponent, isStandalone: false, selector: "ads-main-menu-items", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"peak-menu-content\">\n  <div *ngFor=\"let item of items ?? []\" mat-menu-item [ngClass]=\"item.class ? item.class : ''\">\n    <a [routerLink]=\"item.href\" [id]=\"item?.id\" *ngIf=\"item?.href; else textOnly\" routerLinkActive=\"selected\">\n      {{ item.text }}\n    </a>\n    <ng-template #textOnly>\n      <a [id]=\"item?.id\">{{ item.text }}</a>\n    </ng-template>\n  </div>\n</div>\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$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: "directive", type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i3$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: AdsMainMenuItemsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ads-main-menu-items', standalone: false, template: "<div class=\"peak-menu-content\">\n  <div *ngFor=\"let item of items ?? []\" mat-menu-item [ngClass]=\"item.class ? item.class : ''\">\n    <a [routerLink]=\"item.href\" [id]=\"item?.id\" *ngIf=\"item?.href; else textOnly\" routerLinkActive=\"selected\">\n      {{ item.text }}\n    </a>\n    <ng-template #textOnly>\n      <a [id]=\"item?.id\">{{ item.text }}</a>\n    </ng-template>\n  </div>\n</div>\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.4", ngImport: i0, type: AdsMainMenuItemsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.4", ngImport: i0, type: AdsMainMenuItemsModule, declarations: [AdsMainMenuItemsComponent], imports: [CommonModule, RouterModule, MatMenuModule], exports: [AdsMainMenuItemsComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: AdsMainMenuItemsModule, imports: [CommonModule, RouterModule, MatMenuModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: AdsMainMenuItemsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, RouterModule, MatMenuModule],
-                    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.4", 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.4", 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() }\">\n  <img *ngIf=\"userImageSrc; else defaultImage\" [src]=\"userImageSrc\" alt=\"{{ userDisplayName }}\" />\n  <ng-template #defaultImage>\n    <ads-icon name=\"user_circle\" size=\"sm\" theme=\"primary\"></ads-icon>\n  </ng-template>\n  <span class=\"username\">{{ userDisplayName }}</span>\n</a>\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.4", ngImport: i0, type: AdsProfileDisplayComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ads-profile-display', standalone: false, template: "<a class=\"user\" [routerLink]=\"[userProfilePath]\" [ngClass]=\"{ selected: isSelected() }\">\n  <img *ngIf=\"userImageSrc; else defaultImage\" [src]=\"userImageSrc\" alt=\"{{ userDisplayName }}\" />\n  <ng-template #defaultImage>\n    <ads-icon name=\"user_circle\" size=\"sm\" theme=\"primary\"></ads-icon>\n  </ng-template>\n  <span class=\"username\">{{ userDisplayName }}</span>\n</a>\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.4", ngImport: i0, type: AdsProfileDisplayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.4", ngImport: i0, type: AdsProfileDisplayModule, declarations: [AdsProfileDisplayComponent], imports: [CommonModule, RouterModule, AdsIconModule], exports: [AdsProfileDisplayComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: AdsProfileDisplayModule, imports: [CommonModule, RouterModule, AdsIconModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", 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.4", 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.4", type: AdsMainMenuBottomSheetComponent, isStandalone: true, selector: "ads-main-menu-bottom-sheet", ngImport: i0, template: "<div class=\"peak-menu-content\">\n  <ads-profile-display\n    *ngIf=\"data?.userDisplayName\"\n    [userDisplayName]=\"data.userDisplayName\"\n    [userImageSrc]=\"data.userImageSrc\"\n    [userProfilePath]=\"data.userProfilePath\"\n    [userBasePath]=\"data.userBasePath\"\n  ></ads-profile-display>\n  <ads-main-menu-items [items]=\"data.menuItems\"></ads-main-menu-items>\n</div>\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.4", 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\">\n  <ads-profile-display\n    *ngIf=\"data?.userDisplayName\"\n    [userDisplayName]=\"data.userDisplayName\"\n    [userImageSrc]=\"data.userImageSrc\"\n    [userProfilePath]=\"data.userProfilePath\"\n    [userBasePath]=\"data.userBasePath\"\n  ></ads-profile-display>\n  <ads-main-menu-items [items]=\"data.menuItems\"></ads-main-menu-items>\n</div>\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;
+class AdsLegacySearchComponent {
+    constructor(registry) {
         this.registry = registry;
-        this.router = router;
         /**
-         * Array of menu items to display in the main menu
+         * The number of milliseconds to wait before responding to user input
          */
-        this.menuItems = [];
-        /** Id attribute for the main menu trigger element */
-        this.id = 'peak-main-menu';
+        this.debounceTime = 300;
         /**
-         * Whether the navigation is collapsed
+         * Whether search results are loading
          */
-        this.isCollapsed = false;
+        this.isLoading = false;
         /**
          * Whether the viewport is mobile
          */
         this.isMobile = false;
-        this.registry.register(adsIconMenuMoreInfo);
+        /**
+         * Placeholder text for the search input
+         */
+        this.placeholder = '';
+        /**
+         * Allow advanced search capabilities
+         */
+        this.hasAdvancedSearch = false;
+        /**
+         * Disable user input
+         */
+        this.disableInput = false;
+        /**
+         * Event emitted when the advanced filters icon is clicked
+         */
+        this.advancedSearchClicked = new EventEmitter();
+        /**
+         * Event emitted when the enter key is pressed
+         */
+        this.enter = new EventEmitter();
+        /**
+         * Event emitted when the user is typing
+         */
+        this.search = new EventEmitter();
+        /**
+         * Event emitted when the search icon is clicked
+         */
+        this.searchClicked = new EventEmitter();
+        /**
+         * Event emitted when the clear icon is clicked
+         */
+        this.searchClosed = new EventEmitter();
+        /** @ignore */
+        this.searchFocused = false;
+        /** @ignore */
+        // eslint-disable-next-line @typescript-eslint/no-inferrable-types
+        this.searchValue = '';
+        /** @ignore */
+        this.debouncer = new Subject();
+        /** @ignore */
+        this.ngUnsubscribe = new Subject();
+        this.registry.register([adsIconCross, adsIconSearch]);
     }
+    // @ViewChild(MatAutocompleteTrigger, { read: MatAutocompleteTrigger }) autocompleteTrigger!: MatAutocompleteTrigger;
     /** @ignore */
     ngOnInit() {
-        this.router.events.pipe(filter((event) => event instanceof NavigationStart)).subscribe(() => {
-            this.bottomSheetRef?.dismiss();
-        });
+        this.debouncer
+            .pipe(takeUntil(this.ngUnsubscribe), debounceTime(this.debounceTime))
+            .subscribe((value) => this.search.emit(value));
     }
     /** @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();
-            }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    }
+    /** @ignore */
+    onEnter(event) {
+        this.searchValue = event.target.value;
+        this.enter.emit(this.searchValue);
+    }
+    /** @ignore */
+    onSearch(event) {
+        if (event.key === 'Enter') {
+            return;
         }
+        this.searchValue = event.target.value;
+        this.debouncer.next(this.searchValue);
     }
     /** @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',
-        });
+    onSearchClicked(event) {
+        event.stopPropagation();
+        this.searchClicked.emit(this.searchValue);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: AdsMainMenuComponent, deps: [{ token: i1$6.MatBottomSheet }, { token: i1.AdsIconRegistry }, { token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", 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\">\n  <div *ngIf=\"isCollapsed\" class=\"more-icon\">\n    <div class=\"icon-hover\">\n      <ads-icon [id]=\"id\" name=\"menu_more_info\" size=\"sm\" theme=\"primary\" (click)=\"openBottomSheet()\"></ads-icon>\n    </div>\n  </div>\n</ng-container>\n\n<ng-template #desktop>\n  <div class=\"more-icon\">\n    <div class=\"icon-hover\" [matMenuTriggerFor]=\"menu\">\n      <ads-icon [id]=\"id\" name=\"menu_more_info\" size=\"sm\" theme=\"primary\"></ads-icon>\n    </div>\n  </div>\n  <mat-menu #menu=\"matMenu\" class=\"peak-more-menu-panel\">\n    <ads-profile-display\n      *ngIf=\"userDisplayName\"\n      [userDisplayName]=\"userDisplayName\"\n      [userImageSrc]=\"userImageSrc\"\n      [userBasePath]=\"userBasePath\"\n      [userProfilePath]=\"userProfilePath\"\n    ></ads-profile-display>\n    <ads-main-menu-items [items]=\"menuItems\"></ads-main-menu-items>\n  </mat-menu>\n</ng-template>\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: i3$4.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: i3$4.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"] }] }); }
+    /** @ignore */
+    onSearchClose() {
+        this.searchValue = '';
+        this.searchClosed.emit();
+    }
+    /** @ignore */
+    setFocusState() {
+        this.searchFocused = true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: AdsLegacySearchComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: AdsLegacySearchComponent, isStandalone: false, selector: "ads-legacy-search", inputs: { matAutocomplete: "matAutocomplete", matAutocompleteOrigin: "matAutocompleteOrigin", debounceTime: "debounceTime", id: "id", isLoading: "isLoading", isMobile: "isMobile", placeholder: "placeholder", hasAdvancedSearch: "hasAdvancedSearch", disableInput: "disableInput" }, outputs: { advancedSearchClicked: "advancedSearchClicked", enter: "enter", search: "search", searchClicked: "searchClicked", searchClosed: "searchClosed" }, ngImport: i0, template: "<div *ngIf=\"isMobile; else desktopSearch\" class=\"header\">\n  <mat-form-field appearance=\"outline\" class=\"pill search mobile\" floatLabel=\"auto\">\n    <input\n      cdkTrapFocus\n      matInput\n      type=\"text\"\n      [cdkTrapFocusAutoCapture]=\"true\"\n      [matAutocomplete]=\"matAutocomplete\"\n      [matAutocompleteConnectedTo]=\"matAutocompleteOrigin\"\n      [id]=\"id\"\n      [placeholder]=\"placeholder\"\n      (focus)=\"setFocusState()\"\n      (input)=\"onSearch($event)\"\n      (keyup.enter)=\"onEnter($event)\"\n    />\n    <ads-icon *ngIf=\"!searchFocused\" matSuffix name=\"search\" size=\"sm\" theme=\"primary\"></ads-icon>\n    <ads-icon\n      *ngIf=\"searchFocused\"\n      matSuffix\n      id=\"searchClose\"\n      name=\"cross\"\n      size=\"xs\"\n      theme=\"primary\"\n      (click)=\"onSearchClose()\"\n    ></ads-icon>\n  </mat-form-field>\n</div>\n\n<ng-template #desktopSearch>\n  <div class=\"search-desktop\">\n    <mat-spinner *ngIf=\"isLoading\" diameter=\"24\" id=\"searchLoading\"></mat-spinner>\n    <input\n      matInput\n      type=\"text\"\n      [id]=\"id\"\n      [matAutocomplete]=\"matAutocomplete\"\n      [matAutocompleteConnectedTo]=\"matAutocompleteOrigin\"\n      [placeholder]=\"placeholder\"\n      (focus)=\"setFocusState()\"\n      (input)=\"onSearch($event)\"\n      (keydown.enter)=\"onEnter($event)\"\n    />\n    <ads-icon\n      *ngIf=\"!isLoading\"\n      id=\"searchIcon\"\n      (click)=\"onSearchClicked($event)\"\n      name=\"search\"\n      size=\"xs\"\n      theme=\"primary\"\n    ></ads-icon>\n  </div>\n</ng-template>\n", styles: [".header{position:relative;display:flex;height:40px;flex-direction:column;align-items:stretch}.search-desktop{display:flex;height:32px;width:200px;align-items:center;background-color:#eef0fa;border-radius:10px;margin-top:14px;align-self:flex-start}.search-desktop input{width:100%;height:30px;border:none;margin-left:16px;color:var(--color-dark);font-size:14px;background-color:#eef0fa;outline:none}.search-desktop input:disabled{background-color:unset!important}.search-desktop input::placeholder{color:var(--color-medium-50)}.search-desktop .mat-progress-spinner{overflow:unset}.search-desktop-advanced-filters{display:flex;align-items:center;border-bottom:2px solid;border-top:2px solid;border-left:2px solid;border-right:2px solid;border-radius:5px;border-color:var(--color-light);background-color:var(--color-muted-50);padding:8px;width:64%}.search-desktop-advanced-filters input{background-color:var(--color-muted-50);width:100%;border:none;margin-left:16px;color:var(--color-dark);font-size:16px;outline:none}.search-desktop-advanced-filters input::placeholder{color:var(--color-medium-50)}.search-desktop-advanced-filters .mat-progress-spinner{overflow:unset}.peak-icon{cursor:pointer;padding-right:10px}\n"], dependencies: [{ kind: "directive", type: i2$5.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i2$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: AdsMainMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: AdsLegacySearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ads-main-menu', standalone: false, template: "<ng-container *ngIf=\"isMobile; else desktop\">\n  <div *ngIf=\"isCollapsed\" class=\"more-icon\">\n    <div class=\"icon-hover\">\n      <ads-icon [id]=\"id\" name=\"menu_more_info\" size=\"sm\" theme=\"primary\" (click)=\"openBottomSheet()\"></ads-icon>\n    </div>\n  </div>\n</ng-container>\n\n<ng-template #desktop>\n  <div class=\"more-icon\">\n    <div class=\"icon-hover\" [matMenuTriggerFor]=\"menu\">\n      <ads-icon [id]=\"id\" name=\"menu_more_info\" size=\"sm\" theme=\"primary\"></ads-icon>\n    </div>\n  </div>\n  <mat-menu #menu=\"matMenu\" class=\"peak-more-menu-panel\">\n    <ads-profile-display\n      *ngIf=\"userDisplayName\"\n      [userDisplayName]=\"userDisplayName\"\n      [userImageSrc]=\"userImageSrc\"\n      [userBasePath]=\"userBasePath\"\n      [userProfilePath]=\"userProfilePath\"\n    ></ads-profile-display>\n    <ads-main-menu-items [items]=\"menuItems\"></ads-main-menu-items>\n  </mat-menu>\n</ng-template>\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$6.MatBottomSheet }, { type: i1.AdsIconRegistry }, { type: i1$2.Router }], propDecorators: { menu: [{
-                type: ViewChild,
-                args: ['menu']
-            }], menuItems: [{
+            args: [{ selector: 'ads-legacy-search', standalone: false, template: "<div *ngIf=\"isMobile; else desktopSearch\" class=\"header\">\n  <mat-form-field appearance=\"outline\" class=\"pill search mobile\" floatLabel=\"auto\">\n    <input\n      cdkTrapFocus\n      matInput\n      type=\"text\"\n      [cdkTrapFocusAutoCapture]=\"true\"\n      [matAutocomplete]=\"matAutocomplete\"\n      [matAutocompleteConnectedTo]=\"matAutocompleteOrigin\"\n      [id]=\"id\"\n      [placeholder]=\"placeholder\"\n      (focus)=\"setFocusState()\"\n      (input)=\"onSearch($event)\"\n      (keyup.enter)=\"onEnter($event)\"\n    />\n    <ads-icon *ngIf=\"!searchFocused\" matSuffix name=\"search\" size=\"sm\" theme=\"primary\"></ads-icon>\n    <ads-icon\n      *ngIf=\"searchFocused\"\n      matSuffix\n      id=\"searchClose\"\n      name=\"cross\"\n      size=\"xs\"\n      theme=\"primary\"\n      (click)=\"onSearchClose()\"\n    ></ads-icon>\n  </mat-form-field>\n</div>\n\n<ng-template #desktopSearch>\n  <div class=\"search-desktop\">\n    <mat-spinner *ngIf=\"isLoading\" diameter=\"24\" id=\"searchLoading\"></mat-spinner>\n    <input\n      matInput\n      type=\"text\"\n      [id]=\"id\"\n      [matAutocomplete]=\"matAutocomplete\"\n      [matAutocompleteConnectedTo]=\"matAutocompleteOrigin\"\n      [placeholder]=\"placeholder\"\n      (focus)=\"setFocusState()\"\n      (input)=\"onSearch($event)\"\n      (keydown.enter)=\"onEnter($event)\"\n    />\n    <ads-icon\n      *ngIf=\"!isLoading\"\n      id=\"searchIcon\"\n      (click)=\"onSearchClicked($event)\"\n      name=\"search\"\n      size=\"xs\"\n      theme=\"primary\"\n    ></ads-icon>\n  </div>\n</ng-template>\n", styles: [".header{position:relative;display:flex;height:40px;flex-direction:column;align-items:stretch}.search-desktop{display:flex;height:32px;width:200px;align-items:center;background-color:#eef0fa;border-radius:10px;margin-top:14px;align-self:flex-start}.search-desktop input{width:100%;height:30px;border:none;margin-left:16px;color:var(--color-dark);font-size:14px;background-color:#eef0fa;outline:none}.search-desktop input:disabled{background-color:unset!important}.search-desktop input::placeholder{color:var(--color-medium-50)}.search-desktop .mat-progress-spinner{overflow:unset}.search-desktop-advanced-filters{display:flex;align-items:center;border-bottom:2px solid;border-top:2px solid;border-left:2px solid;border-right:2px solid;border-radius:5px;border-color:var(--color-light);background-color:var(--color-muted-50);padding:8px;width:64%}.search-desktop-advanced-filters input{background-color:var(--color-muted-50);width:100%;border:none;margin-left:16px;color:var(--color-dark);font-size:16px;outline:none}.search-desktop-advanced-filters input::placeholder{color:var(--color-medium-50)}.search-desktop-advanced-filters .mat-progress-spinner{overflow:unset}.peak-icon{cursor:pointer;padding-right:10px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { matAutocomplete: [{
+                type: Input
+            }], matAutocompleteOrigin: [{
+                type: Input
+            }], debounceTime: [{
                 type: Input
             }], id: [{
                 type: Input
-            }], isCollapsed: [{
+            }], isLoading: [{
                 type: Input
             }], isMobile: [{
                 type: Input
-            }], userImageSrc: [{
-                type: Input
-            }], userDisplayName: [{
-                type: Input,
-                args: [{ required: true }]
-            }], userProfilePath: [{
-                type: Input,
-                args: [{ required: true }]
-            }], userBasePath: [{
-                type: Input,
-                args: [{ required: true }]
+            }], placeholder: [{
+                type: Input
+            }], hasAdvancedSearch: [{
+                type: Input
+            }], disableInput: [{
+                type: Input
+            }], advancedSearchClicked: [{
+                type: Output
+            }], enter: [{
+                type: Output
+            }], search: [{
+                type: Output
+            }], searchClicked: [{
+                type: Output
+            }], searchClosed: [{
+                type: Output
             }] } });
 
-class AdsMainMenuModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: AdsMainMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.4", 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.4", ngImport: i0, type: AdsMainMenuModule, imports: [CommonModule,
-            MatBottomSheetModule,
-            MatListModule,
-            MatMenuModule,
-            AdsIconModule,
-            AdsMainMenuItemsModule,
-            AdsProfileDisplayModule,
-            RouterModule] }); }
+class AdsLegacySearchModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: AdsLegacySearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.4", ngImport: i0, type: AdsLegacySearchModule, declarations: [AdsLegacySearchComponent], imports: [A11yModule,
+            CommonModule,
+            MatAutocompleteModule,
+            MatFormFieldModule,
+            MatInputModule,
+            MatProgressSpinnerModule,
+            AdsIconModule], exports: [AdsLegacySearchComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: AdsLegacySearchModule, imports: [A11yModule,
+            CommonModule,
+            MatAutocompleteModule,
+            MatFormFieldModule,
+            MatInputModule,
+            MatProgressSpinnerModule,
+            AdsIconModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: AdsMainMenuModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: AdsLegacySearchModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
+                        A11yModule,
                         CommonModule,
-                        MatBottomSheetModule,
-                        MatListModule,
-                        MatMenuModule,
+                        MatAutocompleteModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        MatProgressSpinnerModule,
                         AdsIconModule,
-                        AdsMainMenuItemsModule,
-                        AdsProfileDisplayModule,
-                        RouterModule,
                     ],
-                    exports: [AdsMainMenuComponent],
-                    declarations: [AdsMainMenuComponent],
+                    exports: [AdsLegacySearchComponent],
+                    declarations: [AdsLegacySearchComponent],
+                }]
+        }] });
+
+class AdsLegacySearchResultsFooterComponent {
+    constructor() {
+        /**
+         * Whether the viewport is mobile
+         */
+        this.isMobile = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: AdsLegacySearchResultsFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: AdsLegacySearchResultsFooterComponent, isStandalone: false, selector: "ads-legacy-search-results-footer", inputs: { isMobile: "isMobile" }, ngImport: i0, template: "<div *ngIf=\"isMobile\" class=\"search-results-footer\">\n  <ng-content></ng-content>\n</div>\n", styles: [".search-results-footer{position:fixed;bottom:0;display:flex;width:100%;height:54px;align-items:center;justify-content:center;border-top:1px solid var(--color-light);background-color:var(--color-white)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: AdsLegacySearchResultsFooterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-legacy-search-results-footer', standalone: false, template: "<div *ngIf=\"isMobile\" class=\"search-results-footer\">\n  <ng-content></ng-content>\n</div>\n", styles: [".search-results-footer{position:fixed;bottom:0;display:flex;width:100%;height:54px;align-items:center;justify-content:center;border-top:1px solid var(--color-light);background-color:var(--color-white)}\n"] }]
+        }], propDecorators: { isMobile: [{
+                type: Input
+            }] } });
+
+class AdsLegacySearchResultsFooterModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: AdsLegacySearchResultsFooterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.4", ngImport: i0, type: AdsLegacySearchResultsFooterModule, declarations: [AdsLegacySearchResultsFooterComponent], imports: [CommonModule], exports: [AdsLegacySearchResultsFooterComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: AdsLegacySearchResultsFooterModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: AdsLegacySearchResultsFooterModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    exports: [AdsLegacySearchResultsFooterComponent],
+                    declarations: [AdsLegacySearchResultsFooterComponent],
                 }]
         }] });
 
@@ -7334,5 +7302,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", 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, 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, AdsVerticalStepperComponent, AdsVerticalStepperModule, BadgeColor, Colors, CustomDatetimeAdapter, DividerComponent, ErrorPageDefault, MainMenuService, ModalActionType, ModalPanelClass, PanelClass, ShellLayoutComponent, SpinnerSize, StepStatus, TableBreakpoint, VerticalStepStatus, ViewportService, WindowService };
+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, AdsLegacySearchComponent, AdsLegacySearchModule, AdsLegacySearchResultsFooterComponent, AdsLegacySearchResultsFooterModule, 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, AdsVerticalStepperComponent, AdsVerticalStepperModule, BadgeColor, Colors, CustomDatetimeAdapter, DividerComponent, ErrorPageDefault, ModalActionType, ModalPanelClass, PanelClass, ShellLayoutComponent, SpinnerSize, StepStatus, TableBreakpoint, VerticalStepStatus, ViewportService, WindowService };
 //# sourceMappingURL=ascentgl-ads-ui.mjs.map