@ascentgl/ads-ui 21.120.0 → 21.122.0

package/fesm2022/ascentgl-ads-ui.mjs

@@ -11,6 +11,8 @@ import * as i1$2 from '@angular/router';
 import { RouterModule, RouterLinkActive, RouterLink, RouterOutlet, NavigationStart } from '@angular/router';
 import * as i7 from '@angular/material/button';
 import { MatButtonModule, MatIconButton, MatButton } from '@angular/material/button';
+import * as i4 from '@angular/material/menu';
+import { MatMenuModule, MatMenuTrigger, MatMenu, MatMenuItem } from '@angular/material/menu';
 import * as i3 from '@angular/cdk/overlay';
 import { Overlay, OverlayModule, OverlayContainer } from '@angular/cdk/overlay';
 import { Subject, take, asapScheduler, timer, of, takeUntil as takeUntil$1, Subscription, combineLatest } from 'rxjs';
@@ -20,9 +22,9 @@ import * as i3$7 from '@ascentgl/ads-utils';
 import { DomHelper, AdsGestureModule, ObjectHelper, AdsGestureDirection, ADS_GESTURE_DEFAULT_OPTIONS } from '@ascentgl/ads-utils';
 import * as i2$1 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import * as i4 from '@angular/forms';
+import * as i4$1 from '@angular/forms';
 import { FormControl, TouchedChangeEvent, Validators, ReactiveFormsModule } from '@angular/forms';
-import * as i4$1 from '@angular/material/select';
+import * as i4$2 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
 import { MatOption, NativeDateAdapter, DateAdapter, MatNativeDateModule, MatOptionModule } from '@angular/material/core';
 import * as i2$2 from '@angular/material/form-field';
@@ -54,8 +56,6 @@ import { MatDialogRef, MAT_DIALOG_DATA, MatDialogModule } from '@angular/materia
 import * as i6$1 from '@angular/material/expansion';
 import { MatExpansionPanel, MatExpansionPanelTitle, MatExpansionPanelHeader, MatExpansionPanelDescription, MatAccordion } from '@angular/material/expansion';
 import { ModuleRegistry, AllCommunityModule, provideGlobalGridOptions, themeQuartz } from 'ag-grid-community';
-import * as i4$2 from '@angular/material/menu';
-import { MatMenuModule, MatMenuTrigger, MatMenu, MatMenuItem } from '@angular/material/menu';
 import { CdkVirtualScrollViewport, ScrollingModule } from '@angular/cdk/scrolling';
 import * as i4$3 from 'ag-grid-angular';
 import { AgGridAngular } from 'ag-grid-angular';
@@ -362,6 +362,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                 }]
         }] });
 
+class AdsSubNavigationButtonComponent {
+    constructor() {
+        /** The unique ID for the button */
+        this.id = input('', ...(ngDevMode ? [{ debugName: "id" }] : []));
+        /** Makes the button take 100% width of its container */
+        this.fullWidth = input(false, ...(ngDevMode ? [{ debugName: "fullWidth" }] : []));
+        /** The menu to trigger when button is clicked */
+        this.matMenuTriggerFor = input(null, ...(ngDevMode ? [{ debugName: "matMenuTriggerFor" }] : []));
+        /** Event emitted when the menu is opened */
+        this.menuOpened = output();
+        /** Event emitted when the menu is closed */
+        this.menuClosed = output();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsSubNavigationButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: AdsSubNavigationButtonComponent, isStandalone: false, selector: "ads-sub-navigation-button", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, matMenuTriggerFor: { classPropertyName: "matMenuTriggerFor", publicName: "matMenuTriggerFor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { menuOpened: "menuOpened", menuClosed: "menuClosed" }, ngImport: i0, template: "<button\r\n  mat-flat-button\r\n  [id]=\"id()\"\r\n  [class.full-width]=\"fullWidth()\"\r\n  [disableRipple]=\"true\"\r\n  [matMenuTriggerFor]=\"matMenuTriggerFor()\"\r\n  (menuOpened)=\"menuOpened.emit()\"\r\n  (menuClosed)=\"menuClosed.emit()\">\r\n  <div class=\"content-container\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</button>\r\n", styles: ["button{--mat-button-filled-label-text-weight: 600;--mat-button-filled-container-height: 34px;--mat-button-filled-label-text-size: 12px;--mat-button-filled-horizontal-padding: 7px;--mat-button-filled-container-shape: 5px;--mat-filled-button-hover-state-layer-opacity: 0;--mat-button-filled-container-color: var(--color-light-30);--mat-button-filled-label-text-color: var(--color-primary);border:1.5px solid var(--color-light);min-width:34px!important}button:not(:disabled):hover,button:not(:disabled):active,button:not(:disabled):focus{border-color:var(--color-light);--mat-button-filled-container-color: var(--color-light);--mat-button-filled-label-text-color: var(--color-primary)}::ng-deep .mat-mdc-button-persistent-ripple:before{opacity:0!important}:host::ng-deep .mdc-button__label{white-space:nowrap}.content-container{display:flex;gap:8px;align-items:center}.full-width{width:100%!important}\n"], dependencies: [{ kind: "component", type: i7.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsSubNavigationButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-sub-navigation-button', standalone: false, template: "<button\r\n  mat-flat-button\r\n  [id]=\"id()\"\r\n  [class.full-width]=\"fullWidth()\"\r\n  [disableRipple]=\"true\"\r\n  [matMenuTriggerFor]=\"matMenuTriggerFor()\"\r\n  (menuOpened)=\"menuOpened.emit()\"\r\n  (menuClosed)=\"menuClosed.emit()\">\r\n  <div class=\"content-container\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</button>\r\n", styles: ["button{--mat-button-filled-label-text-weight: 600;--mat-button-filled-container-height: 34px;--mat-button-filled-label-text-size: 12px;--mat-button-filled-horizontal-padding: 7px;--mat-button-filled-container-shape: 5px;--mat-filled-button-hover-state-layer-opacity: 0;--mat-button-filled-container-color: var(--color-light-30);--mat-button-filled-label-text-color: var(--color-primary);border:1.5px solid var(--color-light);min-width:34px!important}button:not(:disabled):hover,button:not(:disabled):active,button:not(:disabled):focus{border-color:var(--color-light);--mat-button-filled-container-color: var(--color-light);--mat-button-filled-label-text-color: var(--color-primary)}::ng-deep .mat-mdc-button-persistent-ripple:before{opacity:0!important}:host::ng-deep .mdc-button__label{white-space:nowrap}.content-container{display:flex;gap:8px;align-items:center}.full-width{width:100%!important}\n"] }]
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], matMenuTriggerFor: [{ type: i0.Input, args: [{ isSignal: true, alias: "matMenuTriggerFor", required: false }] }], menuOpened: [{ type: i0.Output, args: ["menuOpened"] }], menuClosed: [{ type: i0.Output, args: ["menuClosed"] }] } });
+
+class AdsSubNavigationButtonModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsSubNavigationButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: AdsSubNavigationButtonModule, declarations: [AdsSubNavigationButtonComponent], imports: [CommonModule, MatButtonModule, MatMenuModule], exports: [AdsSubNavigationButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsSubNavigationButtonModule, imports: [CommonModule, MatButtonModule, MatMenuModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsSubNavigationButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AdsSubNavigationButtonComponent],
+                    exports: [AdsSubNavigationButtonComponent],
+                    imports: [CommonModule, MatButtonModule, MatMenuModule],
+                }]
+        }] });
+
 var Colors;
 (function (Colors) {
     Colors["White"] = "white";
@@ -2178,11 +2213,11 @@ class AdsCustomerPortalLogoComponent extends AbstractApplicationLogoComponent {
         this.iconRegistry.register([adsIconUsers]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsCustomerPortalLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: AdsCustomerPortalLogoComponent, isStandalone: false, selector: "ads-customer-portal-logo", usesInheritance: true, ngImport: i0, template: "<div class=\"logo-container\" [class.hover-effect]=\"enableHoverEffect()\">\r\n  <div class=\"logo-sub-container\">\r\n    <ads-icon name=\"users\" class=\"icon\" [size]=\"'xl'\" aria-hidden=\"true\" />\r\n    <span class=\"title\">{{ label }}</span>\r\n  </div>\r\n</div>\r\n", styles: ["::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark);max-height:287px!important}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel.x-small mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel.x-small mat-option{font-size:16px;line-height:21px}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-select-panel.ads-dropdown-panel mat-option ads-checkbox,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option ads-checkbox{display:block;overflow:hidden;min-width:0}.mat-mdc-select-panel.ads-dropdown-panel mat-option .ads-checkbox,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option .ads-checkbox{min-width:0}.mat-mdc-select-panel.ads-dropdown-panel mat-option .checkbox-label,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option .checkbox-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-container{width:172px;height:172px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width:480px){.logo-container{width:112px;height:112px}}\n", "::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark);max-height:287px!important}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel.x-small mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel.x-small mat-option{font-size:16px;line-height:21px}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-select-panel.ads-dropdown-panel mat-option ads-checkbox,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option ads-checkbox{display:block;overflow:hidden;min-width:0}.mat-mdc-select-panel.ads-dropdown-panel mat-option .ads-checkbox,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option .ads-checkbox{min-width:0}.mat-mdc-select-panel.ads-dropdown-panel mat-option .checkbox-label,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option .checkbox-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-sub-container{width:78%;display:flex;flex-direction:column;text-align:right}ads-primary-logo::ng-deep .logo-svg{width:100%;height:100%;fill:var(--color-primary-hover)}.title{font-size:1.15rem;line-height:1.15rem;color:var(--color-primary-hover);-webkit-user-select:none;user-select:none}@media screen and (max-width:480px){.title{font-size:.75rem;line-height:.75rem}}.logo-container.hover-effect:hover ads-primary-logo::ng-deep .logo-svg{fill:var(--color-white)}.logo-container.hover-effect:hover .title{color:var(--color-white)}@media(prefers-color-scheme:dark){ads-primary-logo::ng-deep .logo-svg{fill:var(--color-dark)}.title{color:var(--color-dark)}.logo-container.hover-effect:hover ads-primary-logo::ng-deep .logo-svg{fill:var(--color-dark)}.logo-container.hover-effect:hover .title{color:var(--color-dark)}}\n", "::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark);max-height:287px!important}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel.x-small mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel.x-small mat-option{font-size:16px;line-height:21px}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-select-panel.ads-dropdown-panel mat-option ads-checkbox,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option ads-checkbox{display:block;overflow:hidden;min-width:0}.mat-mdc-select-panel.ads-dropdown-panel mat-option .ads-checkbox,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option .ads-checkbox{min-width:0}.mat-mdc-select-panel.ads-dropdown-panel mat-option .checkbox-label,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option .checkbox-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.icon{color:var(--color-primary-hover)}.logo-container:hover .icon{color:var(--color-white)}.logo-sub-container{align-items:center;gap:4px}@media(prefers-color-scheme:dark){.icon{color:var(--color-dark)!important}}\n"], dependencies: [{ kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: AdsCustomerPortalLogoComponent, isStandalone: false, selector: "ads-customer-portal-logo", usesInheritance: true, ngImport: i0, template: "<div class=\"logo-container\" [class.hover-effect]=\"enableHoverEffect()\">\r\n  <div class=\"logo-sub-container\">\r\n    <ads-icon name=\"users\" class=\"icon\" [size]=\"'xl'\" aria-hidden=\"true\" />\r\n    <span class=\"title\">{{ label }}</span>\r\n  </div>\r\n</div>\r\n", styles: ["::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark);max-height:287px!important}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel.x-small mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel.x-small mat-option{font-size:16px;line-height:21px}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-select-panel.ads-dropdown-panel mat-option ads-checkbox,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option ads-checkbox{display:block;overflow:hidden;min-width:0}.mat-mdc-select-panel.ads-dropdown-panel mat-option .ads-checkbox,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option .ads-checkbox{min-width:0}.mat-mdc-select-panel.ads-dropdown-panel mat-option .checkbox-label,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option .checkbox-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-container{width:172px;height:172px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width:480px){.logo-container{width:112px;height:112px}}\n", "::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark);max-height:287px!important}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel.x-small mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel.x-small mat-option{font-size:16px;line-height:21px}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-select-panel.ads-dropdown-panel mat-option ads-checkbox,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option ads-checkbox{display:block;overflow:hidden;min-width:0}.mat-mdc-select-panel.ads-dropdown-panel mat-option .ads-checkbox,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option .ads-checkbox{min-width:0}.mat-mdc-select-panel.ads-dropdown-panel mat-option .checkbox-label,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option .checkbox-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-sub-container{width:78%;display:flex;flex-direction:column;text-align:right}ads-primary-logo::ng-deep .logo-svg{width:100%;height:100%;fill:var(--color-primary-hover)}.title{font-size:1.15rem;line-height:1.15rem;color:var(--color-primary-hover);-webkit-user-select:none;user-select:none}@media screen and (max-width:480px){.title{font-size:.75rem;line-height:.75rem}}.logo-container.hover-effect:hover ads-primary-logo::ng-deep .logo-svg{fill:var(--color-white)}.logo-container.hover-effect:hover .title{color:var(--color-white)}@media(prefers-color-scheme:dark){ads-primary-logo::ng-deep .logo-svg{fill:var(--color-dark)}.title{color:var(--color-dark)}.logo-container.hover-effect:hover ads-primary-logo::ng-deep .logo-svg{fill:var(--color-dark)}.logo-container.hover-effect:hover .title{color:var(--color-dark)}}\n", "::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark);max-height:287px!important}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel.x-small mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel.x-small mat-option{font-size:16px;line-height:21px}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-select-panel.ads-dropdown-panel mat-option ads-checkbox,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option ads-checkbox{display:block;overflow:hidden;min-width:0}.mat-mdc-select-panel.ads-dropdown-panel mat-option .ads-checkbox,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option .ads-checkbox{min-width:0}.mat-mdc-select-panel.ads-dropdown-panel mat-option .checkbox-label,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option .checkbox-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.icon{color:var(--color-primary-hover)}@media screen and (max-width:480px){.icon{width:48px!important;height:48px!important}}.logo-container:hover .icon{color:var(--color-white)}.logo-sub-container{align-items:center;gap:4px}@media(prefers-color-scheme:dark){.icon{color:var(--color-dark)!important}}\n"], dependencies: [{ kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsCustomerPortalLogoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ads-customer-portal-logo', standalone: false, template: "<div class=\"logo-container\" [class.hover-effect]=\"enableHoverEffect()\">\r\n  <div class=\"logo-sub-container\">\r\n    <ads-icon name=\"users\" class=\"icon\" [size]=\"'xl'\" aria-hidden=\"true\" />\r\n    <span class=\"title\">{{ label }}</span>\r\n  </div>\r\n</div>\r\n", styles: ["::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark);max-height:287px!important}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel.x-small mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel.x-small mat-option{font-size:16px;line-height:21px}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-select-panel.ads-dropdown-panel mat-option ads-checkbox,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option ads-checkbox{display:block;overflow:hidden;min-width:0}.mat-mdc-select-panel.ads-dropdown-panel mat-option .ads-checkbox,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option .ads-checkbox{min-width:0}.mat-mdc-select-panel.ads-dropdown-panel mat-option .checkbox-label,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option .checkbox-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-container{width:172px;height:172px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width:480px){.logo-container{width:112px;height:112px}}\n", "::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark);max-height:287px!important}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel.x-small mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel.x-small mat-option{font-size:16px;line-height:21px}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-select-panel.ads-dropdown-panel mat-option ads-checkbox,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option ads-checkbox{display:block;overflow:hidden;min-width:0}.mat-mdc-select-panel.ads-dropdown-panel mat-option .ads-checkbox,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option .ads-checkbox{min-width:0}.mat-mdc-select-panel.ads-dropdown-panel mat-option .checkbox-label,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option .checkbox-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-sub-container{width:78%;display:flex;flex-direction:column;text-align:right}ads-primary-logo::ng-deep .logo-svg{width:100%;height:100%;fill:var(--color-primary-hover)}.title{font-size:1.15rem;line-height:1.15rem;color:var(--color-primary-hover);-webkit-user-select:none;user-select:none}@media screen and (max-width:480px){.title{font-size:.75rem;line-height:.75rem}}.logo-container.hover-effect:hover ads-primary-logo::ng-deep .logo-svg{fill:var(--color-white)}.logo-container.hover-effect:hover .title{color:var(--color-white)}@media(prefers-color-scheme:dark){ads-primary-logo::ng-deep .logo-svg{fill:var(--color-dark)}.title{color:var(--color-dark)}.logo-container.hover-effect:hover ads-primary-logo::ng-deep .logo-svg{fill:var(--color-dark)}.logo-container.hover-effect:hover .title{color:var(--color-dark)}}\n", "::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark);max-height:287px!important}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel.x-small mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel.x-small mat-option{font-size:16px;line-height:21px}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-select-panel.ads-dropdown-panel mat-option ads-checkbox,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option ads-checkbox{display:block;overflow:hidden;min-width:0}.mat-mdc-select-panel.ads-dropdown-panel mat-option .ads-checkbox,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option .ads-checkbox{min-width:0}.mat-mdc-select-panel.ads-dropdown-panel mat-option .checkbox-label,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option .checkbox-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.icon{color:var(--color-primary-hover)}.logo-container:hover .icon{color:var(--color-white)}.logo-sub-container{align-items:center;gap:4px}@media(prefers-color-scheme:dark){.icon{color:var(--color-dark)!important}}\n"] }]
+            args: [{ selector: 'ads-customer-portal-logo', standalone: false, template: "<div class=\"logo-container\" [class.hover-effect]=\"enableHoverEffect()\">\r\n  <div class=\"logo-sub-container\">\r\n    <ads-icon name=\"users\" class=\"icon\" [size]=\"'xl'\" aria-hidden=\"true\" />\r\n    <span class=\"title\">{{ label }}</span>\r\n  </div>\r\n</div>\r\n", styles: ["::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark);max-height:287px!important}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel.x-small mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel.x-small mat-option{font-size:16px;line-height:21px}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-select-panel.ads-dropdown-panel mat-option ads-checkbox,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option ads-checkbox{display:block;overflow:hidden;min-width:0}.mat-mdc-select-panel.ads-dropdown-panel mat-option .ads-checkbox,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option .ads-checkbox{min-width:0}.mat-mdc-select-panel.ads-dropdown-panel mat-option .checkbox-label,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option .checkbox-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-container{width:172px;height:172px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width:480px){.logo-container{width:112px;height:112px}}\n", "::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark);max-height:287px!important}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel.x-small mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel.x-small mat-option{font-size:16px;line-height:21px}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-select-panel.ads-dropdown-panel mat-option ads-checkbox,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option ads-checkbox{display:block;overflow:hidden;min-width:0}.mat-mdc-select-panel.ads-dropdown-panel mat-option .ads-checkbox,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option .ads-checkbox{min-width:0}.mat-mdc-select-panel.ads-dropdown-panel mat-option .checkbox-label,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option .checkbox-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.logo-sub-container{width:78%;display:flex;flex-direction:column;text-align:right}ads-primary-logo::ng-deep .logo-svg{width:100%;height:100%;fill:var(--color-primary-hover)}.title{font-size:1.15rem;line-height:1.15rem;color:var(--color-primary-hover);-webkit-user-select:none;user-select:none}@media screen and (max-width:480px){.title{font-size:.75rem;line-height:.75rem}}.logo-container.hover-effect:hover ads-primary-logo::ng-deep .logo-svg{fill:var(--color-white)}.logo-container.hover-effect:hover .title{color:var(--color-white)}@media(prefers-color-scheme:dark){ads-primary-logo::ng-deep .logo-svg{fill:var(--color-dark)}.title{color:var(--color-dark)}.logo-container.hover-effect:hover ads-primary-logo::ng-deep .logo-svg{fill:var(--color-dark)}.logo-container.hover-effect:hover .title{color:var(--color-dark)}}\n", "::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background:var(--color-muted);border:1px solid var(--color-light);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-30);border-color:var(--color-medium-30)}.text-xxs,text-xxs-semibold{font-size:.625rem;line-height:13px}.text-xxs.text-xxs-semibold,text-xxs-semibold.text-xxs-semibold{font-weight:600}.text-xs,.text-xs-semibold,.text-link-xs,.text-error-xs{font-size:.75rem;line-height:16px}.text-xs.text-xs-semibold,.text-xs-semibold.text-xs-semibold,.text-link-xs.text-xs-semibold,.text-error-xs.text-xs-semibold{font-weight:600}.text-sm,.text-sm-semibold,.text-link-sm{font-size:.875rem;line-height:18px}.text-sm.text-sm-semibold,.text-sm-semibold.text-sm-semibold,.text-link-sm.text-sm-semibold{font-weight:600}.text-base,.text-base-semibold,.text-link-base,.text-error-base{font-size:1rem;line-height:21px}.text-base.text-base-semibold,.text-base-semibold.text-base-semibold,.text-link-base.text-base-semibold,.text-error-base.text-base-semibold{font-weight:600}.text-lg,text-lg-semibold{font-size:1.125rem;line-height:23px}.text-lg.text-lg-semibold,text-lg-semibold.text-lg-semibold{font-weight:600}.text-xl,.text-xl-semibold{font-size:1.25rem;line-height:26px}.text-xl.text-xl-semibold,.text-xl-semibold.text-xl-semibold{font-weight:600}.text-2xl,.text-2xl-semibold{font-size:1.5rem;line-height:31px}.text-2xl.text-2xl-semibold,.text-2xl-semibold.text-2xl-semibold{font-weight:600}.text-3x,.text-3xl-semibold{font-size:1.875rem;line-height:39px}.text-3x.text-3xl-semibold,.text-3xl-semibold.text-3xl-semibold{font-weight:600}.text-4xl,.text-4xl-semibold{font-size:2.25rem;line-height:47px}.text-4xl.text-4xl-semibold,.text-4xl-semibold.text-4xl-semibold{font-weight:600}.text-5xl,.text-5xl-semibold{font-size:3rem;line-height:62px}.text-5xl.text-5xl-semibold,.text-5xl-semibold.text-5xl-semibold{font-weight:600}.text-6xl,.text-6xl-semibold{font-size:4rem;line-height:83px}.text-6xl.text-6xl-semibold,.text-6xl-semibold.text-6xl-semibold{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;font-style:normal;margin:0}h1{line-height:42px;font-size:32px}h2{line-height:31px;font-size:24px}h3{line-height:23px;font-size:18px}h4{line-height:24px;font-size:16px}h5{line-height:21px;font-size:14px}h6{line-height:16px;font-size:12px}p,.text-base,.text-base-semibold{font-style:normal;font-weight:400;margin:0;color:var(--color-medium)}.text-error-base,.text-error-xs{color:var(--color-error)}.text-link-base,.text-link-sm,.text-link-xs{color:var(--color-link);text-decoration-line:underline}html{--mat-form-field-filled-container-color: var(--color-white) !important;--mat-form-field-state-layer-color: var(--color-white) !important;--mat-form-field-container-vertical-padding: 0 !important;--mat-form-field-filled-with-label-container-padding-top: 0 !important;--mat-form-field-filled-with-label-container-padding-bottom: 4px !important;--mat-form-field-filled-error-hover-label-text-color: var(--color-error) !important;--mat-form-field-container-height: 48px !important;--mat-dialog-container-small-max-width: calc(100vw - 32px) !important;--mat-badge-container-shape: 50% !important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--color-white);--mat-select-panel-background-color: var(--color-white);--mat-option-label-text-color: var(--color-dark);max-height:287px!important}.mat-mdc-select-panel.ads-dropdown-panel,.mat-mdc-autocomplete-panel.ads-dropdown-panel{padding:0}.mat-mdc-select-panel.ads-dropdown-panel.fit-content,.mat-mdc-autocomplete-panel.ads-dropdown-panel.fit-content{min-width:fit-content}.mat-mdc-select-panel.ads-dropdown-panel.x-small mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel.x-small mat-option{font-size:16px;line-height:21px}.mat-mdc-select-panel.ads-dropdown-panel:not(.clickable) mat-option,.mat-mdc-autocomplete-panel.ads-dropdown-panel:not(.clickable) mat-option{cursor:default}.mat-mdc-select-panel.ads-dropdown-panel mat-option ads-checkbox,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option ads-checkbox{display:block;overflow:hidden;min-width:0}.mat-mdc-select-panel.ads-dropdown-panel mat-option .ads-checkbox,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option .ads-checkbox{min-width:0}.mat-mdc-select-panel.ads-dropdown-panel mat-option .checkbox-label,.mat-mdc-autocomplete-panel.ads-dropdown-panel mat-option .checkbox-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.mat-mdc-autocomplete-panel.loading{display:none}.no-results-hr{margin:0}.empty-container{height:22px}.mdc-snackbar.mat-mdc-snack-bar-container{margin:32px;width:100%}.mdc-snackbar.mat-mdc-snack-bar-container.error{--mat-snack-bar-container-color: var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.error>.button{color:var(--color-error)}.mdc-snackbar.mat-mdc-snack-bar-container.primary{--mat-snack-bar-container-color: var(--color-primary)}.mdc-snackbar.mat-mdc-snack-bar-container.success{--mat-snack-bar-container-color: var(--color-success)}.mdc-snackbar.mat-mdc-snack-bar-container.secondary{--mat-snack-bar-container-color: var(--color-secondary)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label{padding:16px 24px;--mat-snack-bar-supporting-text-size: 16px;--mat-snack-bar-supporting-text-weight: 400;--mat-snack-bar-supporting-text-line-height: 24px;--mat-snack-bar-supporting-text-color: var(--color-white)}.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding-right:0;min-width:200px;max-width:unset}mat-datetimepicker-content.ads-datetimepicker-calendar{border-radius:5px;background-color:var(--color-white);--mat-form-field-filled-label-text-color: var(--color-medium) !important}mat-datetimepicker-content.ads-datetimepicker-calendar.hidden{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar .mat-datetimepicker-calendar-table-header{color:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar{height:auto;width:265px;margin:12px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .mat-datetimepicker-calendar-period-button{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.year .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.month .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{pointer-events:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar:not(.month) .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-hours.active,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar.clock .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-minutes.active{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header{display:flex;flex-direction:column;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header{color:var(--mat-form-field-filled-label-text-color);display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1{justify-content:space-between}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1{display:flex;gap:6px;align-items:center}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year{opacity:1;font-weight:400;line-height:21px;display:flex;gap:4px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down{display:flex;align-items:center;margin:2px 0 0 15px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .arrow-down svg{fill:var(--color-medium)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-1 .mat-datetimepicker-calendar-header-year .month-shortcut{padding:0;text-transform:uppercase;height:auto;font-size:1rem;line-height:21px;font-weight:400}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2{display:flex}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div{width:auto;height:auto;padding:0;display:flex;align-items:center;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-1 .sub-line-2>div:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2{justify-content:flex-end;gap:6px;font-size:inherit;line-height:inherit}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-date{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time{opacity:1;padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes{cursor:pointer;opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-hours:hover,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-header .header.line-2 .mat-datetimepicker-calendar-header-time .mat-datetimepicker-calendar-header-minutes:hover{opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content{padding:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-month-content{display:none}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table thead th{padding:16px 0 10px;color:var(--mat-form-field-filled-label-text-color);opacity:1}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-label{visibility:hidden}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell>*{color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:hover .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:focus .mat-datetimepicker-calendar-body-cell-content,mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell:active .mat-datetimepicker-calendar-body-cell-content{color:var(--color-white);background-color:var(--color-secondary-pressed)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active:not(:hover) .mat-datetimepicker-calendar-body-cell-content{background-color:var(--color-white);color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell.mat-datetimepicker-calendar-body-active .mat-datetimepicker-calendar-body-cell-content{border:solid 1.5px var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content .mat-datetimepicker-calendar-table tbody .mat-datetimepicker-calendar-body-cell-content{font-weight:400;font-size:16px;line-height:21px}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock{margin:0}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock{background-color:var(--color-light-30)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell{font-weight:400;font-size:1rem;line-height:21px;color:var(--color-dark)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected{border:solid 1.5px var(--color-select-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:hover{color:var(--color-white);background-color:var(--color-secondary-hover)}mat-datetimepicker-content.ads-datetimepicker-calendar mat-datetimepicker-calendar .mat-datetimepicker-calendar-content mat-datetimepicker-clock .mat-datetimepicker-clock .mat-datetimepicker-clock-cell:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.mat-mdc-tooltip-panel-above .mdc-tooltip:after,.mat-mdc-tooltip-panel-below .mdc-tooltip:after,.mat-mdc-tooltip-panel-left .mdc-tooltip:after,.mat-mdc-tooltip-panel-right .mdc-tooltip:after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.mat-mdc-tooltip-panel-above .mdc-tooltip:after{bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0 8px;border-color:var(--color-white) transparent transparent transparent}.mat-mdc-tooltip-panel-below .mdc-tooltip:after{top:-8px;left:50%;transform:translate(-50%);border-width:0 8px 8px 8px;border-color:transparent transparent var(--color-white) transparent}.mat-mdc-tooltip-panel-left .mdc-tooltip:after{top:50%;right:-8px;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--color-white)}.mat-mdc-tooltip-panel-right .mdc-tooltip:after{top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent var(--color-white) transparent transparent}.mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface{background-color:var(--color-white);color:var(--color-dark);font-size:14px;line-height:21px;padding:8px;border-radius:5px;box-shadow:0 4px 50px 0 var(--color-medium-opacity-50);max-width:250px;position:relative}.mat-mdc-tooltip-panel .mdc-tooltip.big .mdc-tooltip__surface{font-size:16px;padding:24px;border-radius:10px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-surface{padding:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-title{font-size:18px;font-weight:600;font-family:Poppins,serif;--mat-dialog-headline-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content{--mat-dialog-with-actions-content-padding: 0;margin-bottom:24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-content.full-width{width:calc(100% + 48px);position:relative;left:-24px}.cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container .mat-mdc-dialog-actions{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 0}mat-list.ads-mat-list{display:flex;flex-direction:column;gap:8px;padding:0}mat-list.ads-mat-list.with-controls{gap:0}mat-list.ads-mat-list.with-controls.single-control mat-list-item .mat-mdc-list-item-unscoped-content{grid-template-columns:min-content minmax(260px,450px)}mat-list.ads-mat-list.with-controls mat-list-item .mat-mdc-list-item-unscoped-content{align-items:flex-start;grid-template-columns:min-content minmax(260px,450px) minmax(200px,400px)}mat-list.ads-mat-list mat-list-item{--mat-list-list-item-one-line-container-height: auto;min-height:54px}mat-list.ads-mat-list mat-list-item:hover .mat-mdc-list-item-unscoped-content{color:var(--color-medium)}mat-list.ads-mat-list mat-list-item .mat-mdc-list-item-unscoped-content{color:var(--color-medium);display:grid;grid-template-columns:min-content 1fr;white-space:normal;grid-column-gap:28px}.mat-mdc-menu-panel{--mat-menu-container-color: var(--color-white);max-width:unset!important}.mat-menu-content{min-width:161px}.cdk-overlay-pane .mat-menu-panel{max-width:none;margin-top:13px;border-radius:0}.peak-more-menu-panel{background-color:var(--color-white)!important}.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel{min-width:278px;margin-top:32px;margin-right:-12px}.mat-menu-content .mat-menu-item,.peak-menu-content .mat-menu-item{height:43px;color:var(--color-dark);font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400}.mat-menu-content .mat-menu-item a,.peak-menu-content .mat-menu-item a{display:inline-block;width:100%;height:100%;color:var(--color-dark);text-decoration:none}.mat-menu-content .mat-menu-item:hover a,.peak-menu-content .mat-menu-item:hover a{color:var(--color-white);text-decoration:none}.mat-menu-panel .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item{display:flex;align-items:center;padding-right:16px;padding-left:16px}.mat-menu-content .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]),.peak-menu-content .mat-menu-item:hover:not([disabled]){background-color:var(--color-secondary);color:var(--color-white)}.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted{background-color:var(--color-secondary);color:var(--color-white)}.mat-menu-content .mat-menu-item-submenu-trigger:after,.peak-menu-content .mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item.with-border{border-top:1px solid var(--color-light)}.peak-bottom-sheet-panel.mat-bottom-sheet-container{padding:0}.text-xxs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warn{background-color:var(--color-error)}.bg-white{background-color:var(--color-white)}.bg-primary:hover,.bg-primary:focus{background-color:var(--color-secondary)}.bg-success:hover,.bg-success:focus{background-color:var(--color-success-hover)}.bg-warn:hover,.bg-warn:focus{background-color:var(--color-error-hover)}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.dark{color:var(--color-dark)}.black{color:var(--color-black)}.warn{color:var(--color-error)}.medium{color:var(--color-medium)}.full-width{width:100%}.icon{color:var(--color-primary-hover)}@media screen and (max-width:480px){.icon{width:48px!important;height:48px!important}}.logo-container:hover .icon{color:var(--color-white)}.logo-sub-container{align-items:center;gap:4px}@media(prefers-color-scheme:dark){.icon{color:var(--color-dark)!important}}\n"] }]
         }], ctorParameters: () => [] });
 
 class AdsCustomerPortalLogoModule {
@@ -3546,7 +3581,7 @@ class AdsDropdownComponent extends AbstractDropdownComponent {
         return option && typeof option === 'object' && 'disableDropdownOption' in option && option.disableDropdownOption === true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsDropdownComponent, isStandalone: false, selector: "ads-dropdown", inputs: { displayValueFormatter: "displayValueFormatter", mode: "mode", hasEmptyValue: "hasEmptyValue", checkSelected: "checkSelected", options: "options", optionTemplate: "optionTemplate", triggerTemplate: "triggerTemplate", panelClass: "panelClass", closeOnOutOfView: "closeOnOutOfView", outOfViewRootMargin: "outOfViewRootMargin" }, viewQueries: [{ propertyName: "panel", first: true, predicate: ["panel"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: containerMinWidth }\" class=\"ads-field-container\" [class.shrink]=\"shrink\">\r\n  <div [ngStyle]=\"{ width: width }\">\r\n    <mat-form-field\r\n      (click)=\"onOpened()\"\r\n      [ngClass]=\"{\r\n        'immediate-validation': immediateValidation,\r\n        'no-left-padding': !showExclamation,\r\n        pill: mode === 'pill',\r\n        chips: showChips && isMultiselect,\r\n        'success-label': canShowSuccess(),\r\n        'error-label': canShowError(),\r\n        'x-small': smallSize,\r\n        'wrap-trigger-text': wrapOptionText,\r\n        'has-label': !!label,\r\n        'suppress-validation': !showValidationError,\r\n      }\"\r\n      [ngStyle]=\"{ width: width }\"\r\n    >\r\n      @if ((!showChips || valueControl.value.length === 0) && (label || required) && !smallSize) {\r\n        <mat-label>{{ label }}</mat-label>\r\n      }\r\n      <!--&nbsp; is required in placeholder for smoother animation -->\r\n      <mat-select\r\n        #panel\r\n        [disableRipple]=\"true\"\r\n        [id]=\"id\"\r\n        [placeholder]=\"placeholder || '&nbsp;'\"\r\n        [panelClass]=\"panelClassList\"\r\n        [disableOptionCentering]=\"true\"\r\n        [required]=\"required\"\r\n        [formControl]=\"valueControl\"\r\n        [multiple]=\"isMultiselect\"\r\n      >\r\n        @if (showChips && isMultiselect) {\r\n          <mat-select-trigger>\r\n            <div class=\"tag-container\">\r\n              @for (option of valueControl.value; track $index) {\r\n                <ads-tag\r\n                  [tag]=\"chipName(option)\"\r\n                  [color]=\"Colors.Medium\"\r\n                  [id]=\"'' + $index\"\r\n                  (remove)=\"onOptionRemoved(option)\"\r\n                  (click)=\"$event.stopPropagation()\"\r\n                />\r\n              }\r\n            </div>\r\n          </mat-select-trigger>\r\n        } @else if (triggerTemplate) {\r\n          <mat-select-trigger>\r\n            <ng-container *ngTemplateOutlet=\"triggerTemplate; context: { option: valueControl.value }\" />\r\n          </mat-select-trigger>\r\n        }\r\n\r\n        @if (hasEmptyValue) {\r\n          <mat-option [value]=\"undefined\"></mat-option>\r\n        }\r\n\r\n        @for (option of displayedOptionsArray; track $index) {\r\n            <mat-option\r\n              [id]=\"id + '-option-' + ($index + 1)\"\r\n              [value]=\"option\"\r\n              [ngClass]=\"{\r\n                checkbox: isMultiselect && checkSelected,\r\n                'wrap-text': wrapOptionText,\r\n              }\"\r\n              [matTooltip]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\r\n              [matTooltipDisabled]=\"!showTooltip\"\r\n              [disabled]=\"isDropdownOptionObject(option)\"\r\n            >\r\n              @if (optionTemplate) {\r\n                <ng-container *ngTemplateOutlet=\"optionTemplate; context: { option }\" />\r\n              } @else if (isMultiselect && checkSelected) {\r\n                <ads-checkbox\r\n                  [showFooter]=\"false\"\r\n                  width=\"100%\"\r\n                  [control]=\"createCheckboxControl(option)\"\r\n                  (change)=\"onCheckboxChange(option)\"\r\n                  [label]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\r\n                />\r\n              } @else {\r\n                <span\r\n                  [ngClass]=\"{ 'wrap-text': wrapOptionText }\"\r\n                  [innerHTML]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\r\n                ></span>\r\n              }\r\n            </mat-option>\r\n        }\r\n      </mat-select>\r\n\r\n      @if (canClear) {\r\n        <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n          <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\r\n        </button>\r\n      }\r\n      <button matTextSuffix type=\"button\" mat-icon-button class=\"action-icon\">\r\n        <ads-icon\r\n          matTextSuffix\r\n          name=\"chevron_down\"\r\n          [size]=\"smallSize ? 'xxs' : 'xs'\"\r\n          [theme]=\"'iconPrimary'\"\r\n          class=\"chevron-down\"\r\n        />\r\n      </button>\r\n    </mat-form-field>\r\n\r\n    @if (showFooter) {\r\n      <div class=\"footer-container\"\r\n           [class.dynamic]=\"!isStaticFooter\"\r\n           [class.has-content]=\"hasFooterContent()\">\r\n        @if (canShowError()) {\r\n          <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (canShowSuccess()) {\r\n          <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (hint) {\r\n          <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  @if (tooltip) {\r\n    <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\r\n  }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-field-container.shrink{min-width:0}.ads-field-container.shrink>div{min-width:0;width:100%}.ads-field-container.shrink mat-form-field{min-width:0;width:100%}.ads-field-container.shrink .mdc-text-field,.ads-field-container.shrink .mat-mdc-form-field-flex{min-width:0}.ads-field-container.shrink .mat-mdc-form-field-infix{min-width:0;width:0;flex:1 1 0}.ads-field-container.shrink .mat-mdc-select,.ads-field-container.shrink .mat-mdc-select-trigger{min-width:0}.ads-field-container.shrink .mat-mdc-select-value{min-width:0;max-width:100%}.ads-field-container.shrink .mat-mdc-select-value-text,.ads-field-container.shrink .mat-mdc-select-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-error-focus-label-text-color: var(--color-error);--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-icon-button:focus-visible,:host::ng-deep mat-form-field .mat-mdc-icon-button:focus-visible{background-color:var(--color-light-30)}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid{outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .mdc-floating-label{color:var(--mat-form-field-filled-label-text-color)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field.read-only{pointer-events:none}:host::ng-deep mat-form-field.read-only .mdc-text-field{background-color:var(--mat-form-field-filled-container-color);cursor:default;outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.read-only .mdc-text-field input{pointer-events:none;-webkit-user-select:none;user-select:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field{outline:2px solid var(--color-secondary-pressed);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .status_processing,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}:host ::ng-deep input[type=number]::-webkit-outer-spin-button,:host ::ng-deep input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host ::ng-deep input[type=number]{-moz-appearance:textfield}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-option.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-height:48px;height:auto;line-height:1.4}mat-option.wrap-text span{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option span.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;min-height:24px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value-text{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field{min-height:48px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;height:auto;min-height:24px;padding-top:12px;padding-bottom:12px}mat-form-field.has-label.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.has-label.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{padding-top:20px;padding-bottom:4px}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-form-field.x-small ::ng-deep .mat-mdc-select-placeholder{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-selected-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mat-mdc-option-active{color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)!important}mat-option.mat-mdc-option-active.mdc-list-item--selected{background-color:var(--mat-option-selected-state-layer-color)!important}mat-option.mat-mdc-option-active ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option.mat-mdc-option-active ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", ".footer-container{min-height:20px;overflow:hidden}.footer-container.dynamic{min-height:0;max-height:0;opacity:0;transition:max-height .3s ease-in-out,opacity .2s ease-in-out,min-height .3s ease-in-out}.footer-container.dynamic.has-content{min-height:20px;max-height:100px;opacity:1;transition:max-height .3s ease-in-out,opacity .3s ease-in-out .1s,min-height .3s ease-in-out}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\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: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "component", type: AdsTagComponent, selector: "ads-tag", inputs: ["color", "borderColor", "borderWidth", "width", "id", "removable", "clickable", "tag"], outputs: ["remove", "selected"] }, { kind: "component", type: AdsCheckboxComponent, selector: "ads-checkbox", inputs: ["indeterminate", "width", "tooltip", "tooltipHref", "size"] }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsDropdownComponent, isStandalone: false, selector: "ads-dropdown", inputs: { displayValueFormatter: "displayValueFormatter", mode: "mode", hasEmptyValue: "hasEmptyValue", checkSelected: "checkSelected", options: "options", optionTemplate: "optionTemplate", triggerTemplate: "triggerTemplate", panelClass: "panelClass", closeOnOutOfView: "closeOnOutOfView", outOfViewRootMargin: "outOfViewRootMargin" }, viewQueries: [{ propertyName: "panel", first: true, predicate: ["panel"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: containerMinWidth }\" class=\"ads-field-container\" [class.shrink]=\"shrink\">\r\n  <div [ngStyle]=\"{ width: width }\">\r\n    <mat-form-field\r\n      (click)=\"onOpened()\"\r\n      [ngClass]=\"{\r\n        'immediate-validation': immediateValidation,\r\n        'no-left-padding': !showExclamation,\r\n        pill: mode === 'pill',\r\n        chips: showChips && isMultiselect,\r\n        'success-label': canShowSuccess(),\r\n        'error-label': canShowError(),\r\n        'x-small': smallSize,\r\n        'wrap-trigger-text': wrapOptionText,\r\n        'has-label': !!label,\r\n        'suppress-validation': !showValidationError,\r\n      }\"\r\n      [ngStyle]=\"{ width: width }\"\r\n    >\r\n      @if ((!showChips || valueControl.value.length === 0) && (label || required) && !smallSize) {\r\n        <mat-label>{{ label }}</mat-label>\r\n      }\r\n      <!--&nbsp; is required in placeholder for smoother animation -->\r\n      <mat-select\r\n        #panel\r\n        [disableRipple]=\"true\"\r\n        [id]=\"id\"\r\n        [placeholder]=\"placeholder || '&nbsp;'\"\r\n        [panelClass]=\"panelClassList\"\r\n        [disableOptionCentering]=\"true\"\r\n        [required]=\"required\"\r\n        [formControl]=\"valueControl\"\r\n        [multiple]=\"isMultiselect\"\r\n      >\r\n        @if (showChips && isMultiselect) {\r\n          <mat-select-trigger>\r\n            <div class=\"tag-container\">\r\n              @for (option of valueControl.value; track $index) {\r\n                <ads-tag\r\n                  [tag]=\"chipName(option)\"\r\n                  [color]=\"Colors.Medium\"\r\n                  [id]=\"'' + $index\"\r\n                  (remove)=\"onOptionRemoved(option)\"\r\n                  (click)=\"$event.stopPropagation()\"\r\n                />\r\n              }\r\n            </div>\r\n          </mat-select-trigger>\r\n        } @else if (triggerTemplate) {\r\n          <mat-select-trigger>\r\n            <ng-container *ngTemplateOutlet=\"triggerTemplate; context: { option: valueControl.value }\" />\r\n          </mat-select-trigger>\r\n        }\r\n\r\n        @if (hasEmptyValue) {\r\n          <mat-option [value]=\"undefined\"></mat-option>\r\n        }\r\n\r\n        @for (option of displayedOptionsArray; track $index) {\r\n            <mat-option\r\n              [id]=\"id + '-option-' + ($index + 1)\"\r\n              [value]=\"option\"\r\n              [ngClass]=\"{\r\n                checkbox: isMultiselect && checkSelected,\r\n                'wrap-text': wrapOptionText,\r\n              }\"\r\n              [matTooltip]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\r\n              [matTooltipDisabled]=\"!showTooltip\"\r\n              [disabled]=\"isDropdownOptionObject(option)\"\r\n            >\r\n              @if (optionTemplate) {\r\n                <ng-container *ngTemplateOutlet=\"optionTemplate; context: { option }\" />\r\n              } @else if (isMultiselect && checkSelected) {\r\n                <ads-checkbox\r\n                  [showFooter]=\"false\"\r\n                  width=\"100%\"\r\n                  [control]=\"createCheckboxControl(option)\"\r\n                  (change)=\"onCheckboxChange(option)\"\r\n                  [label]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\r\n                />\r\n              } @else {\r\n                <span\r\n                  [ngClass]=\"{ 'wrap-text': wrapOptionText }\"\r\n                  [innerHTML]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\r\n                ></span>\r\n              }\r\n            </mat-option>\r\n        }\r\n      </mat-select>\r\n\r\n      @if (canClear) {\r\n        <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n          <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\r\n        </button>\r\n      }\r\n      <button matTextSuffix type=\"button\" mat-icon-button class=\"action-icon\">\r\n        <ads-icon\r\n          matTextSuffix\r\n          name=\"chevron_down\"\r\n          [size]=\"smallSize ? 'xxs' : 'xs'\"\r\n          [theme]=\"'iconPrimary'\"\r\n          class=\"chevron-down\"\r\n        />\r\n      </button>\r\n    </mat-form-field>\r\n\r\n    @if (showFooter) {\r\n      <div class=\"footer-container\"\r\n           [class.dynamic]=\"!isStaticFooter\"\r\n           [class.has-content]=\"hasFooterContent()\">\r\n        @if (canShowError()) {\r\n          <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (canShowSuccess()) {\r\n          <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (hint) {\r\n          <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  @if (tooltip) {\r\n    <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\r\n  }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-field-container.shrink{min-width:0}.ads-field-container.shrink>div{min-width:0;width:100%}.ads-field-container.shrink mat-form-field{min-width:0;width:100%}.ads-field-container.shrink .mdc-text-field,.ads-field-container.shrink .mat-mdc-form-field-flex{min-width:0}.ads-field-container.shrink .mat-mdc-form-field-infix{min-width:0;width:0;flex:1 1 0}.ads-field-container.shrink .mat-mdc-select,.ads-field-container.shrink .mat-mdc-select-trigger{min-width:0}.ads-field-container.shrink .mat-mdc-select-value{min-width:0;max-width:100%}.ads-field-container.shrink .mat-mdc-select-value-text,.ads-field-container.shrink .mat-mdc-select-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-error-focus-label-text-color: var(--color-error);--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-icon-button:focus-visible,:host::ng-deep mat-form-field .mat-mdc-icon-button:focus-visible{background-color:var(--color-light-30)}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid{outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .mdc-floating-label{color:var(--mat-form-field-filled-label-text-color)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field.read-only{pointer-events:none}:host::ng-deep mat-form-field.read-only .mdc-text-field{background-color:var(--mat-form-field-filled-container-color);cursor:default;outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.read-only .mdc-text-field input{pointer-events:none;-webkit-user-select:none;user-select:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field{outline:2px solid var(--color-secondary-pressed);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .status_processing,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}:host ::ng-deep input[type=number]::-webkit-outer-spin-button,:host ::ng-deep input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host ::ng-deep input[type=number]{-moz-appearance:textfield}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-option.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-height:48px;height:auto;line-height:1.4}mat-option.wrap-text span{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option span.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;min-height:24px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value-text{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field{min-height:48px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;height:auto;min-height:24px;padding-top:12px;padding-bottom:12px}mat-form-field.has-label.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.has-label.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{padding-top:20px;padding-bottom:4px}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-form-field.x-small ::ng-deep .mat-mdc-select-placeholder{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-selected-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mat-mdc-option-active{color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)!important}mat-option.mat-mdc-option-active.mdc-list-item--selected{background-color:var(--mat-option-selected-state-layer-color)!important}mat-option.mat-mdc-option-active ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option.mat-mdc-option-active ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", ".footer-container{min-height:20px;overflow:hidden}.footer-container.dynamic{min-height:0;max-height:0;opacity:0;transition:max-height .3s ease-in-out,opacity .2s ease-in-out,min-height .3s ease-in-out}.footer-container.dynamic.has-content{min-height:20px;max-height:100px;opacity:1;transition:max-height .3s ease-in-out,opacity .3s ease-in-out .1s,min-height .3s ease-in-out}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\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: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "component", type: AdsTagComponent, selector: "ads-tag", inputs: ["color", "borderColor", "borderWidth", "width", "id", "removable", "clickable", "tag"], outputs: ["remove", "selected"] }, { kind: "component", type: AdsCheckboxComponent, selector: "ads-checkbox", inputs: ["indeterminate", "width", "tooltip", "tooltipHref", "size"] }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsDropdownComponent, decorators: [{
             type: Component,
@@ -3773,7 +3808,7 @@ class AdsMultiSelectDropdownComponent extends AdsDropdownComponent {
         return super.chipName(option);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsMultiSelectDropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsMultiSelectDropdownComponent, isStandalone: false, selector: "ads-multi-select-dropdown", inputs: { showChips: "showChips", showSelectAll: "showSelectAll", disableEmptyValue: "disableEmptyValue" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: containerMinWidth }\" class=\"ads-field-container\" [class.shrink]=\"shrink\">\r\n  <div [ngStyle]=\"{ width: width }\">\r\n    <mat-form-field\r\n      (click)=\"onOpened()\"\r\n      [ngClass]=\"{\r\n        'immediate-validation': immediateValidation,\r\n        'no-left-padding': !showExclamation,\r\n        pill: mode === 'pill',\r\n        chips: showChips && isMultiselect,\r\n        'success-label': canShowSuccess(),\r\n        'error-label': canShowError(),\r\n        'x-small': smallSize,\r\n        'wrap-trigger-text': wrapOptionText,\r\n        'has-label': !!label\r\n      }\"\r\n      [ngStyle]=\"{ width: width }\"\r\n    >\r\n      @if ((!showChips || valueControl.value.length === 0) && (label || required) && !smallSize) {\r\n        <mat-label>{{ label }}</mat-label>\r\n      }\r\n      <!--&nbsp; is required in placeholder for smoother animation -->\r\n      <mat-select\r\n        #panel\r\n        [disableRipple]=\"true\"\r\n        [id]=\"id\"\r\n        [placeholder]=\"placeholder || '&nbsp;'\"\r\n        [panelClass]=\"panelClassList\"\r\n        [disableOptionCentering]=\"true\"\r\n        [required]=\"required\"\r\n        [formControl]=\"valueControl\"\r\n        [multiple]=\"isMultiselect\"\r\n      >\r\n        @if (showSelectAll && isAllSelected) {\r\n          <mat-select-trigger>Select All</mat-select-trigger>\r\n        } @else if (showChips && isMultiselect) {\r\n          <mat-select-trigger>\r\n            <div class=\"tag-container\">\r\n              @for (option of valueControl.value; track $index) {\r\n                <ads-tag\r\n                  [tag]=\"chipName(option)\"\r\n                  [color]=\"Colors.Medium\"\r\n                  [id]=\"'' + $index\"\r\n                  (remove)=\"onOptionRemoved(option)\"\r\n                  (click)=\"$event.stopPropagation()\"\r\n                />\r\n              }\r\n            </div>\r\n          </mat-select-trigger>\r\n        } @else if (triggerTemplate) {\r\n          <mat-select-trigger>\r\n            <ng-container *ngTemplateOutlet=\"triggerTemplate; context: { option: valueControl.value }\" />\r\n          </mat-select-trigger>\r\n        }\r\n\r\n        @if (hasEmptyValue) {\r\n          <mat-option [value]=\"undefined\"></mat-option>\r\n        }\r\n\r\n        @if (showSelectAll) {\r\n          <mat-option\r\n            class=\"select-all-option checkbox\"\r\n            [value]=\"'__SELECT_ALL__'\"\r\n            (click)=\"onSelectAllClick($event)\"\r\n          >\r\n            <ads-checkbox\r\n              [showFooter]=\"false\"\r\n              width=\"100%\"\r\n              [control]=\"selectAllCheckboxControl\"\r\n              label=\"Select All\"\r\n            />\r\n          </mat-option>\r\n        }\r\n\r\n        @for (option of displayedOptionsArray; track $index) {\r\n            <mat-option\r\n              [id]=\"id + '-option-' + ($index + 1)\"\r\n              [value]=\"option\"\r\n              [ngClass]=\"{\r\n                checkbox: isMultiselect && checkSelected,\r\n                'wrap-text': wrapOptionText,\r\n              }\"\r\n              [matTooltip]=\"getOptionDisplayLabel(option)\"\r\n              [matTooltipDisabled]=\"!showTooltip\"\r\n              [disabled]=\"isDropdownOptionObject(option) || (disableEmptyValue && isEmptyOption(option))\"\r\n            >\r\n              @if (optionTemplate) {\r\n                <ng-container *ngTemplateOutlet=\"optionTemplate; context: { option }\" />\r\n              } @else if (isMultiselect && checkSelected) {\r\n                <ads-checkbox\r\n                  [showFooter]=\"false\"\r\n                  width=\"100%\"\r\n                  [control]=\"createCheckboxControl(option)\"\r\n                  (change)=\"onCheckboxChange(option)\"\r\n                  [label]=\"getOptionDisplayLabel(option)\"\r\n                />\r\n              } @else {\r\n                <span\r\n                  [ngClass]=\"{ 'wrap-text': wrapOptionText }\"\r\n                  [innerHTML]=\"getOptionDisplayLabel(option)\"\r\n                ></span>\r\n              }\r\n            </mat-option>\r\n        }\r\n      </mat-select>\r\n\r\n      @if (canClear) {\r\n        <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n          <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\r\n        </button>\r\n      }\r\n      <button matTextSuffix type=\"button\" mat-icon-button class=\"action-icon\">\r\n        <ads-icon\r\n          matTextSuffix\r\n          name=\"chevron_down\"\r\n          [size]=\"smallSize ? 'xxs' : 'xs'\"\r\n          [theme]=\"'iconPrimary'\"\r\n          class=\"chevron-down\"\r\n        />\r\n      </button>\r\n    </mat-form-field>\r\n\r\n    @if (showFooter) {\r\n      <div class=\"footer-container\"\r\n           [class.dynamic]=\"!isStaticFooter\"\r\n           [class.has-content]=\"hasFooterContent()\">\r\n        @if (canShowError()) {\r\n          <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (canShowSuccess()) {\r\n          <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (hint) {\r\n          <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  @if (tooltip) {\r\n    <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\r\n  }\r\n</div>\r\n\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-field-container.shrink{min-width:0}.ads-field-container.shrink>div{min-width:0;width:100%}.ads-field-container.shrink mat-form-field{min-width:0;width:100%}.ads-field-container.shrink .mdc-text-field,.ads-field-container.shrink .mat-mdc-form-field-flex{min-width:0}.ads-field-container.shrink .mat-mdc-form-field-infix{min-width:0;width:0;flex:1 1 0}.ads-field-container.shrink .mat-mdc-select,.ads-field-container.shrink .mat-mdc-select-trigger{min-width:0}.ads-field-container.shrink .mat-mdc-select-value{min-width:0;max-width:100%}.ads-field-container.shrink .mat-mdc-select-value-text,.ads-field-container.shrink .mat-mdc-select-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-error-focus-label-text-color: var(--color-error);--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-icon-button:focus-visible,:host::ng-deep mat-form-field .mat-mdc-icon-button:focus-visible{background-color:var(--color-light-30)}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid{outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .mdc-floating-label{color:var(--mat-form-field-filled-label-text-color)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field.read-only{pointer-events:none}:host::ng-deep mat-form-field.read-only .mdc-text-field{background-color:var(--mat-form-field-filled-container-color);cursor:default;outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.read-only .mdc-text-field input{pointer-events:none;-webkit-user-select:none;user-select:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field{outline:2px solid var(--color-secondary-pressed);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .status_processing,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}:host ::ng-deep input[type=number]::-webkit-outer-spin-button,:host ::ng-deep input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host ::ng-deep input[type=number]{-moz-appearance:textfield}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-option.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-height:48px;height:auto;line-height:1.4}mat-option.wrap-text span{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option span.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;min-height:24px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value-text{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field{min-height:48px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;height:auto;min-height:24px;padding-top:12px;padding-bottom:12px}mat-form-field.has-label.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.has-label.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{padding-top:20px;padding-bottom:4px}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-form-field.x-small ::ng-deep .mat-mdc-select-placeholder{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-selected-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mat-mdc-option-active{color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)!important}mat-option.mat-mdc-option-active.mdc-list-item--selected{background-color:var(--mat-option-selected-state-layer-color)!important}mat-option.mat-mdc-option-active ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option.mat-mdc-option-active ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", "mat-form-field.chips ::ng-deep .mdc-text-field{height:auto;min-height:var(--mat-form-field-container-height)}mat-form-field.x-small ::ng-deep{--mat-form-field-container-height: 32px}mat-option:not(.mdc-list-item--disabled):hover ::ng-deep .checkbox-label,mat-option:not(.mdc-list-item--disabled):focus ::ng-deep .checkbox-label,mat-option:not(.mdc-list-item--disabled):active ::ng-deep .checkbox-label,mat-option:not(.mdc-list-item--disabled).mat-mdc-option-active ::ng-deep .checkbox-label{color:var(--color-white)}.tag-container{display:flex;gap:4px;flex-wrap:wrap;margin:4px 0}\n", ".footer-container{min-height:20px;overflow:hidden}.footer-container.dynamic{min-height:0;max-height:0;opacity:0;transition:max-height .3s ease-in-out,opacity .2s ease-in-out,min-height .3s ease-in-out}.footer-container.dynamic.has-content{min-height:20px;max-height:100px;opacity:1;transition:max-height .3s ease-in-out,opacity .3s ease-in-out .1s,min-height .3s ease-in-out}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\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: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsTagComponent, selector: "ads-tag", inputs: ["color", "borderColor", "borderWidth", "width", "id", "removable", "clickable", "tag"], outputs: ["remove", "selected"] }, { kind: "component", type: AdsCheckboxComponent, selector: "ads-checkbox", inputs: ["indeterminate", "width", "tooltip", "tooltipHref", "size"] }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsMultiSelectDropdownComponent, isStandalone: false, selector: "ads-multi-select-dropdown", inputs: { showChips: "showChips", showSelectAll: "showSelectAll", disableEmptyValue: "disableEmptyValue" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: containerMinWidth }\" class=\"ads-field-container\" [class.shrink]=\"shrink\">\r\n  <div [ngStyle]=\"{ width: width }\">\r\n    <mat-form-field\r\n      (click)=\"onOpened()\"\r\n      [ngClass]=\"{\r\n        'immediate-validation': immediateValidation,\r\n        'no-left-padding': !showExclamation,\r\n        pill: mode === 'pill',\r\n        chips: showChips && isMultiselect,\r\n        'success-label': canShowSuccess(),\r\n        'error-label': canShowError(),\r\n        'x-small': smallSize,\r\n        'wrap-trigger-text': wrapOptionText,\r\n        'has-label': !!label\r\n      }\"\r\n      [ngStyle]=\"{ width: width }\"\r\n    >\r\n      @if ((!showChips || valueControl.value.length === 0) && (label || required) && !smallSize) {\r\n        <mat-label>{{ label }}</mat-label>\r\n      }\r\n      <!--&nbsp; is required in placeholder for smoother animation -->\r\n      <mat-select\r\n        #panel\r\n        [disableRipple]=\"true\"\r\n        [id]=\"id\"\r\n        [placeholder]=\"placeholder || '&nbsp;'\"\r\n        [panelClass]=\"panelClassList\"\r\n        [disableOptionCentering]=\"true\"\r\n        [required]=\"required\"\r\n        [formControl]=\"valueControl\"\r\n        [multiple]=\"isMultiselect\"\r\n      >\r\n        @if (showSelectAll && isAllSelected) {\r\n          <mat-select-trigger>Select All</mat-select-trigger>\r\n        } @else if (showChips && isMultiselect) {\r\n          <mat-select-trigger>\r\n            <div class=\"tag-container\">\r\n              @for (option of valueControl.value; track $index) {\r\n                <ads-tag\r\n                  [tag]=\"chipName(option)\"\r\n                  [color]=\"Colors.Medium\"\r\n                  [id]=\"'' + $index\"\r\n                  (remove)=\"onOptionRemoved(option)\"\r\n                  (click)=\"$event.stopPropagation()\"\r\n                />\r\n              }\r\n            </div>\r\n          </mat-select-trigger>\r\n        } @else if (triggerTemplate) {\r\n          <mat-select-trigger>\r\n            <ng-container *ngTemplateOutlet=\"triggerTemplate; context: { option: valueControl.value }\" />\r\n          </mat-select-trigger>\r\n        }\r\n\r\n        @if (hasEmptyValue) {\r\n          <mat-option [value]=\"undefined\"></mat-option>\r\n        }\r\n\r\n        @if (showSelectAll) {\r\n          <mat-option\r\n            class=\"select-all-option checkbox\"\r\n            [value]=\"'__SELECT_ALL__'\"\r\n            (click)=\"onSelectAllClick($event)\"\r\n          >\r\n            <ads-checkbox\r\n              [showFooter]=\"false\"\r\n              width=\"100%\"\r\n              [control]=\"selectAllCheckboxControl\"\r\n              label=\"Select All\"\r\n            />\r\n          </mat-option>\r\n        }\r\n\r\n        @for (option of displayedOptionsArray; track $index) {\r\n            <mat-option\r\n              [id]=\"id + '-option-' + ($index + 1)\"\r\n              [value]=\"option\"\r\n              [ngClass]=\"{\r\n                checkbox: isMultiselect && checkSelected,\r\n                'wrap-text': wrapOptionText,\r\n              }\"\r\n              [matTooltip]=\"getOptionDisplayLabel(option)\"\r\n              [matTooltipDisabled]=\"!showTooltip\"\r\n              [disabled]=\"isDropdownOptionObject(option) || (disableEmptyValue && isEmptyOption(option))\"\r\n            >\r\n              @if (optionTemplate) {\r\n                <ng-container *ngTemplateOutlet=\"optionTemplate; context: { option }\" />\r\n              } @else if (isMultiselect && checkSelected) {\r\n                <ads-checkbox\r\n                  [showFooter]=\"false\"\r\n                  width=\"100%\"\r\n                  [control]=\"createCheckboxControl(option)\"\r\n                  (change)=\"onCheckboxChange(option)\"\r\n                  [label]=\"getOptionDisplayLabel(option)\"\r\n                />\r\n              } @else {\r\n                <span\r\n                  [ngClass]=\"{ 'wrap-text': wrapOptionText }\"\r\n                  [innerHTML]=\"getOptionDisplayLabel(option)\"\r\n                ></span>\r\n              }\r\n            </mat-option>\r\n        }\r\n      </mat-select>\r\n\r\n      @if (canClear) {\r\n        <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n          <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\r\n        </button>\r\n      }\r\n      <button matTextSuffix type=\"button\" mat-icon-button class=\"action-icon\">\r\n        <ads-icon\r\n          matTextSuffix\r\n          name=\"chevron_down\"\r\n          [size]=\"smallSize ? 'xxs' : 'xs'\"\r\n          [theme]=\"'iconPrimary'\"\r\n          class=\"chevron-down\"\r\n        />\r\n      </button>\r\n    </mat-form-field>\r\n\r\n    @if (showFooter) {\r\n      <div class=\"footer-container\"\r\n           [class.dynamic]=\"!isStaticFooter\"\r\n           [class.has-content]=\"hasFooterContent()\">\r\n        @if (canShowError()) {\r\n          <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (canShowSuccess()) {\r\n          <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (hint) {\r\n          <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  @if (tooltip) {\r\n    <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\r\n  }\r\n</div>\r\n\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-field-container.shrink{min-width:0}.ads-field-container.shrink>div{min-width:0;width:100%}.ads-field-container.shrink mat-form-field{min-width:0;width:100%}.ads-field-container.shrink .mdc-text-field,.ads-field-container.shrink .mat-mdc-form-field-flex{min-width:0}.ads-field-container.shrink .mat-mdc-form-field-infix{min-width:0;width:0;flex:1 1 0}.ads-field-container.shrink .mat-mdc-select,.ads-field-container.shrink .mat-mdc-select-trigger{min-width:0}.ads-field-container.shrink .mat-mdc-select-value{min-width:0;max-width:100%}.ads-field-container.shrink .mat-mdc-select-value-text,.ads-field-container.shrink .mat-mdc-select-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-error-focus-label-text-color: var(--color-error);--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-icon-button:focus-visible,:host::ng-deep mat-form-field .mat-mdc-icon-button:focus-visible{background-color:var(--color-light-30)}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid{outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .mdc-floating-label{color:var(--mat-form-field-filled-label-text-color)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field.read-only{pointer-events:none}:host::ng-deep mat-form-field.read-only .mdc-text-field{background-color:var(--mat-form-field-filled-container-color);cursor:default;outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.read-only .mdc-text-field input{pointer-events:none;-webkit-user-select:none;user-select:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field{outline:2px solid var(--color-secondary-pressed);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .status_processing,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}:host ::ng-deep input[type=number]::-webkit-outer-spin-button,:host ::ng-deep input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host ::ng-deep input[type=number]{-moz-appearance:textfield}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-option.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-height:48px;height:auto;line-height:1.4}mat-option.wrap-text span{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option span.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;min-height:24px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value-text{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field{min-height:48px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;height:auto;min-height:24px;padding-top:12px;padding-bottom:12px}mat-form-field.has-label.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.has-label.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{padding-top:20px;padding-bottom:4px}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-form-field.x-small ::ng-deep .mat-mdc-select-placeholder{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-selected-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mat-mdc-option-active{color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)!important}mat-option.mat-mdc-option-active.mdc-list-item--selected{background-color:var(--mat-option-selected-state-layer-color)!important}mat-option.mat-mdc-option-active ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option.mat-mdc-option-active ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", "mat-form-field.chips ::ng-deep .mdc-text-field{height:auto;min-height:var(--mat-form-field-container-height)}mat-form-field.x-small ::ng-deep{--mat-form-field-container-height: 32px}mat-option:not(.mdc-list-item--disabled):hover ::ng-deep .checkbox-label,mat-option:not(.mdc-list-item--disabled):focus ::ng-deep .checkbox-label,mat-option:not(.mdc-list-item--disabled):active ::ng-deep .checkbox-label,mat-option:not(.mdc-list-item--disabled).mat-mdc-option-active ::ng-deep .checkbox-label{color:var(--color-white)}.tag-container{display:flex;gap:4px;flex-wrap:wrap;margin:4px 0}\n", ".footer-container{min-height:20px;overflow:hidden}.footer-container.dynamic{min-height:0;max-height:0;opacity:0;transition:max-height .3s ease-in-out,opacity .2s ease-in-out,min-height .3s ease-in-out}.footer-container.dynamic.has-content{min-height:20px;max-height:100px;opacity:1;transition:max-height .3s ease-in-out,opacity .3s ease-in-out .1s,min-height .3s ease-in-out}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\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: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsTagComponent, selector: "ads-tag", inputs: ["color", "borderColor", "borderWidth", "width", "id", "removable", "clickable", "tag"], outputs: ["remove", "selected"] }, { kind: "component", type: AdsCheckboxComponent, selector: "ads-checkbox", inputs: ["indeterminate", "width", "tooltip", "tooltipHref", "size"] }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsMultiSelectDropdownComponent, decorators: [{
             type: Component,
@@ -3931,7 +3966,7 @@ class AdsInputComponent extends AbstractInputComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsInputComponent, isStandalone: false, selector: "ads-input", inputs: { maxlength: "maxlength", type: "type", pattern: "pattern", defaultValue: "defaultValue", isPasswordField: "isPasswordField", showClockIcon: "showClockIcon", mask: "mask", suffix: "suffix", prefix: "prefix", dropSpecialCharacters: "dropSpecialCharacters", thousandSeparator: "thousandSeparator", decimalMarker: "decimalMarker", outputTransformFn: "outputTransformFn", matAutocomplete: "matAutocomplete", readOnly: "readOnly", showSearchIcon: "showSearchIcon", onFocus: "onFocus", onBlur: "onBlur", rightHint: "rightHint" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: containerMinWidth }\" class=\"ads-field-container\">\r\n  <div [ngStyle]=\"{ width: width }\">\r\n    <mat-form-field\r\n      [floatLabel]=\"valueControl.value ? 'always' : 'auto'\"\r\n      [ngClass]=\"{\r\n        'immediate-validation': immediateValidation,\r\n        'no-left-padding': canClear,\r\n        'success-label': canShowSuccess(),\r\n        'error-label': canShowError(),\r\n        'x-small': smallSize,\r\n        'read-only': readOnly,\r\n        'suppress-validation': !showValidationError,\r\n      }\"\r\n      [ngStyle]=\"{ width: width }\"\r\n    >\r\n      @if ((label || required) && !smallSize) {\r\n        <mat-label>{{ label }}</mat-label>\r\n      }\r\n      <input\r\n        #input\r\n        matInput\r\n        [suffix]=\"suffix\"\r\n        [prefix]=\"prefix\"\r\n        [mask]=\"mask\"\r\n        [maxlength]=\"maxlength\"\r\n        [dropSpecialCharacters]=\"dropSpecialCharacters\"\r\n        [thousandSeparator]=\"thousandSeparator\"\r\n        [decimalMarker]=\"decimalMarker\"\r\n        [outputTransformFn]=\"outputTransformFn\"\r\n        [id]=\"id\"\r\n        [type]=\"isPasswordField ? (hidePassword ? 'password' : 'text') : type\"\r\n        [formControl]=\"valueControl\"\r\n        [required]=\"required\"\r\n        [placeholder]=\"placeholder\"\r\n        [readonly]=\"readOnly\"\r\n        [tabIndex]=\"readOnly ? -1 : 0\"\r\n        (blur)=\"onBlur($event)\"\r\n        (focus)=\"handleFocusInternal($event)\"\r\n        (keydown)=\"restrictInput($event)\"\r\n        (wheel)=\"preventScroll($event)\"\r\n        (paste)=\"readOnly ? $event.preventDefault() : null\"\r\n        (cut)=\"readOnly ? $event.preventDefault() : null\"\r\n        [attr.matAutocomplete]=\"matAutocomplete ? matAutocomplete : null\"\r\n        [attr.pattern]=\"pattern\"\r\n      />\r\n      @if (rightHint) {\r\n        <span class=\"ads-input-right-hint\">{{ rightHint }}</span>\r\n      }\r\n\r\n      @if (canClear) {\r\n        <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n          <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\r\n        </button>\r\n      }\r\n\r\n      @if (isPasswordField) {\r\n        <button type=\"button\" mat-icon-button matTextSuffix (click)=\"showHidePassword()\" class=\"action-icon\">\r\n          <ads-icon\r\n            class=\"visibility-eye\"\r\n            [name]=\"hidePassword ? 'visibility_eye_none' : 'visibility_eye'\"\r\n            [size]=\"smallSize ? 'xxs' : 'xs'\"\r\n            stroke=\"iconPrimary\"\r\n            color=\"--color-medium\"\r\n          />\r\n        </button>\r\n      }\r\n\r\n      @if (showClockIcon) {\r\n        <button\r\n          type=\"button\"\r\n          [disableRipple]=\"true\"\r\n          mat-icon-button\r\n          matTextSuffix\r\n          class=\"action-icon time-picker-button\"\r\n        >\r\n          <ads-icon\r\n            class=\"status_processing\"\r\n            name=\"status_processing\"\r\n            [size]=\"smallSize ? 'xxs' : 'xs'\"\r\n            theme=\"iconPrimary\"\r\n          />\r\n        </button>\r\n      }\r\n\r\n      @if (showSearchIcon) {\r\n        <button\r\n          matTextSuffix\r\n          type=\"button\"\r\n          mat-icon-button\r\n          [disableRipple]=\"true\"\r\n          [disabled]=\"true\"\r\n          class=\"action-icon\"\r\n        >\r\n          <ads-icon name=\"search\" size=\"xs\" [theme]=\"'iconPrimary'\" class=\"search-icon\" />\r\n        </button>\r\n      }\r\n\r\n    </mat-form-field>\r\n    @if (showFooter) {\r\n      <div class=\"footer-container\"\r\n           [class.dynamic]=\"!isStaticFooter\"\r\n           [class.has-content]=\"hasFooterContent()\">\r\n        @if (canShowError()) {\r\n          <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (canShowSuccess()) {\r\n          <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (hint) {\r\n          <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  @if (tooltip) {\r\n    <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\r\n  }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-field-container.shrink{min-width:0}.ads-field-container.shrink>div{min-width:0;width:100%}.ads-field-container.shrink mat-form-field{min-width:0;width:100%}.ads-field-container.shrink .mdc-text-field,.ads-field-container.shrink .mat-mdc-form-field-flex{min-width:0}.ads-field-container.shrink .mat-mdc-form-field-infix{min-width:0;width:0;flex:1 1 0}.ads-field-container.shrink .mat-mdc-select,.ads-field-container.shrink .mat-mdc-select-trigger{min-width:0}.ads-field-container.shrink .mat-mdc-select-value{min-width:0;max-width:100%}.ads-field-container.shrink .mat-mdc-select-value-text,.ads-field-container.shrink .mat-mdc-select-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-error-focus-label-text-color: var(--color-error);--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-icon-button:focus-visible,:host::ng-deep mat-form-field .mat-mdc-icon-button:focus-visible{background-color:var(--color-light-30)}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid{outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .mdc-floating-label{color:var(--mat-form-field-filled-label-text-color)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field.read-only{pointer-events:none}:host::ng-deep mat-form-field.read-only .mdc-text-field{background-color:var(--mat-form-field-filled-container-color);cursor:default;outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.read-only .mdc-text-field input{pointer-events:none;-webkit-user-select:none;user-select:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field{outline:2px solid var(--color-secondary-pressed);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .status_processing,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}:host ::ng-deep input[type=number]::-webkit-outer-spin-button,:host ::ng-deep input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host ::ng-deep input[type=number]{-moz-appearance:textfield}\n", ".footer-container{min-height:20px;overflow:hidden}.footer-container.dynamic{min-height:0;max-height:0;opacity:0;transition:max-height .3s ease-in-out,opacity .2s ease-in-out,min-height .3s ease-in-out}.footer-container.dynamic.has-content{min-height:20px;max-height:100px;opacity:1;transition:max-height .3s ease-in-out,opacity .3s ease-in-out .1s,min-height .3s ease-in-out}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$2.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: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "directive", type: i11.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsInputComponent, isStandalone: false, selector: "ads-input", inputs: { maxlength: "maxlength", type: "type", pattern: "pattern", defaultValue: "defaultValue", isPasswordField: "isPasswordField", showClockIcon: "showClockIcon", mask: "mask", suffix: "suffix", prefix: "prefix", dropSpecialCharacters: "dropSpecialCharacters", thousandSeparator: "thousandSeparator", decimalMarker: "decimalMarker", outputTransformFn: "outputTransformFn", matAutocomplete: "matAutocomplete", readOnly: "readOnly", showSearchIcon: "showSearchIcon", onFocus: "onFocus", onBlur: "onBlur", rightHint: "rightHint" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: containerMinWidth }\" class=\"ads-field-container\">\r\n  <div [ngStyle]=\"{ width: width }\">\r\n    <mat-form-field\r\n      [floatLabel]=\"valueControl.value ? 'always' : 'auto'\"\r\n      [ngClass]=\"{\r\n        'immediate-validation': immediateValidation,\r\n        'no-left-padding': canClear,\r\n        'success-label': canShowSuccess(),\r\n        'error-label': canShowError(),\r\n        'x-small': smallSize,\r\n        'read-only': readOnly,\r\n        'suppress-validation': !showValidationError,\r\n      }\"\r\n      [ngStyle]=\"{ width: width }\"\r\n    >\r\n      @if ((label || required) && !smallSize) {\r\n        <mat-label>{{ label }}</mat-label>\r\n      }\r\n      <input\r\n        #input\r\n        matInput\r\n        [suffix]=\"suffix\"\r\n        [prefix]=\"prefix\"\r\n        [mask]=\"mask\"\r\n        [maxlength]=\"maxlength\"\r\n        [dropSpecialCharacters]=\"dropSpecialCharacters\"\r\n        [thousandSeparator]=\"thousandSeparator\"\r\n        [decimalMarker]=\"decimalMarker\"\r\n        [outputTransformFn]=\"outputTransformFn\"\r\n        [id]=\"id\"\r\n        [type]=\"isPasswordField ? (hidePassword ? 'password' : 'text') : type\"\r\n        [formControl]=\"valueControl\"\r\n        [required]=\"required\"\r\n        [placeholder]=\"placeholder\"\r\n        [readonly]=\"readOnly\"\r\n        [tabIndex]=\"readOnly ? -1 : 0\"\r\n        (blur)=\"onBlur($event)\"\r\n        (focus)=\"handleFocusInternal($event)\"\r\n        (keydown)=\"restrictInput($event)\"\r\n        (wheel)=\"preventScroll($event)\"\r\n        (paste)=\"readOnly ? $event.preventDefault() : null\"\r\n        (cut)=\"readOnly ? $event.preventDefault() : null\"\r\n        [attr.matAutocomplete]=\"matAutocomplete ? matAutocomplete : null\"\r\n        [attr.pattern]=\"pattern\"\r\n      />\r\n      @if (rightHint) {\r\n        <span class=\"ads-input-right-hint\">{{ rightHint }}</span>\r\n      }\r\n\r\n      @if (canClear) {\r\n        <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n          <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\r\n        </button>\r\n      }\r\n\r\n      @if (isPasswordField) {\r\n        <button type=\"button\" mat-icon-button matTextSuffix (click)=\"showHidePassword()\" class=\"action-icon\">\r\n          <ads-icon\r\n            class=\"visibility-eye\"\r\n            [name]=\"hidePassword ? 'visibility_eye_none' : 'visibility_eye'\"\r\n            [size]=\"smallSize ? 'xxs' : 'xs'\"\r\n            stroke=\"iconPrimary\"\r\n            color=\"--color-medium\"\r\n          />\r\n        </button>\r\n      }\r\n\r\n      @if (showClockIcon) {\r\n        <button\r\n          type=\"button\"\r\n          [disableRipple]=\"true\"\r\n          mat-icon-button\r\n          matTextSuffix\r\n          class=\"action-icon time-picker-button\"\r\n        >\r\n          <ads-icon\r\n            class=\"status_processing\"\r\n            name=\"status_processing\"\r\n            [size]=\"smallSize ? 'xxs' : 'xs'\"\r\n            theme=\"iconPrimary\"\r\n          />\r\n        </button>\r\n      }\r\n\r\n      @if (showSearchIcon) {\r\n        <button\r\n          matTextSuffix\r\n          type=\"button\"\r\n          mat-icon-button\r\n          [disableRipple]=\"true\"\r\n          [disabled]=\"true\"\r\n          class=\"action-icon\"\r\n        >\r\n          <ads-icon name=\"search\" size=\"xs\" [theme]=\"'iconPrimary'\" class=\"search-icon\" />\r\n        </button>\r\n      }\r\n\r\n    </mat-form-field>\r\n    @if (showFooter) {\r\n      <div class=\"footer-container\"\r\n           [class.dynamic]=\"!isStaticFooter\"\r\n           [class.has-content]=\"hasFooterContent()\">\r\n        @if (canShowError()) {\r\n          <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (canShowSuccess()) {\r\n          <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (hint) {\r\n          <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  @if (tooltip) {\r\n    <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\r\n  }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-field-container.shrink{min-width:0}.ads-field-container.shrink>div{min-width:0;width:100%}.ads-field-container.shrink mat-form-field{min-width:0;width:100%}.ads-field-container.shrink .mdc-text-field,.ads-field-container.shrink .mat-mdc-form-field-flex{min-width:0}.ads-field-container.shrink .mat-mdc-form-field-infix{min-width:0;width:0;flex:1 1 0}.ads-field-container.shrink .mat-mdc-select,.ads-field-container.shrink .mat-mdc-select-trigger{min-width:0}.ads-field-container.shrink .mat-mdc-select-value{min-width:0;max-width:100%}.ads-field-container.shrink .mat-mdc-select-value-text,.ads-field-container.shrink .mat-mdc-select-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-error-focus-label-text-color: var(--color-error);--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-icon-button:focus-visible,:host::ng-deep mat-form-field .mat-mdc-icon-button:focus-visible{background-color:var(--color-light-30)}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid{outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .mdc-floating-label{color:var(--mat-form-field-filled-label-text-color)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field.read-only{pointer-events:none}:host::ng-deep mat-form-field.read-only .mdc-text-field{background-color:var(--mat-form-field-filled-container-color);cursor:default;outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.read-only .mdc-text-field input{pointer-events:none;-webkit-user-select:none;user-select:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field{outline:2px solid var(--color-secondary-pressed);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .status_processing,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}:host ::ng-deep input[type=number]::-webkit-outer-spin-button,:host ::ng-deep input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host ::ng-deep input[type=number]{-moz-appearance:textfield}\n", ".footer-container{min-height:20px;overflow:hidden}.footer-container.dynamic{min-height:0;max-height:0;opacity:0;transition:max-height .3s ease-in-out,opacity .2s ease-in-out,min-height .3s ease-in-out}.footer-container.dynamic.has-content{min-height:20px;max-height:100px;opacity:1;transition:max-height .3s ease-in-out,opacity .3s ease-in-out .1s,min-height .3s ease-in-out}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$2.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: "directive", type: i4$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "directive", type: i11.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsInputComponent, decorators: [{
             type: Component,
@@ -4119,7 +4154,7 @@ class AdsTextareaComponent extends AbstractInputComponent {
         this.canResize = true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsTextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsTextareaComponent, isStandalone: false, selector: "ads-textarea", inputs: { maxlength: "maxlength", rows: "rows", canResize: "canResize" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: containerMinWidth }\" class=\"ads-field-container\">\r\n  <div [ngStyle]=\"{ width: width }\">\r\n    <mat-form-field\r\n      [ngClass]=\"{\r\n        'immediate-validation': immediateValidation,\r\n        'no-left-padding': canClear && !showExclamation,\r\n        'success-label': canShowSuccess(),\r\n        'error-label': canShowError(),\r\n        'suppress-validation': !showValidationError,\r\n      }\"\r\n      [ngStyle]=\"{ width: width }\"\r\n    >\r\n      @if(label || required) {\r\n        <mat-label>{{ label }}</mat-label>\r\n      }\r\n      <textarea\r\n        matInput\r\n        [rows]=\"rows\"\r\n        [maxlength]=\"maxlength\"\r\n        [id]=\"id\"\r\n        [formControl]=\"valueControl\"\r\n        [required]=\"required\"\r\n        [placeholder]=\"placeholder\"\r\n        [ngStyle]=\"{ resize: canResize ? null : 'none' }\"\r\n      >\r\n      </textarea>\r\n      @if (canClear) {\r\n        <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\">\r\n          <ads-icon name=\"cross\" size=\"xxs\" [theme]=\"'iconPrimary'\" />\r\n        </button>\r\n      }\r\n    </mat-form-field>\r\n    <div class=\"footer-container\"\r\n         [class.dynamic]=\"!isStaticFooter\"\r\n         [class.has-content]=\"hasFooterContent()\">\r\n      @if (canShowError()) {\r\n        <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n      } @else if (canShowSuccess()) {\r\n        <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n      } @else if (hint) {\r\n        <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n      }\r\n    </div>\r\n  </div>\r\n  @if (tooltip) {\r\n    <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\r\n  }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-field-container.shrink{min-width:0}.ads-field-container.shrink>div{min-width:0;width:100%}.ads-field-container.shrink mat-form-field{min-width:0;width:100%}.ads-field-container.shrink .mdc-text-field,.ads-field-container.shrink .mat-mdc-form-field-flex{min-width:0}.ads-field-container.shrink .mat-mdc-form-field-infix{min-width:0;width:0;flex:1 1 0}.ads-field-container.shrink .mat-mdc-select,.ads-field-container.shrink .mat-mdc-select-trigger{min-width:0}.ads-field-container.shrink .mat-mdc-select-value{min-width:0;max-width:100%}.ads-field-container.shrink .mat-mdc-select-value-text,.ads-field-container.shrink .mat-mdc-select-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-error-focus-label-text-color: var(--color-error);--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-icon-button:focus-visible,:host::ng-deep mat-form-field .mat-mdc-icon-button:focus-visible{background-color:var(--color-light-30)}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid{outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .mdc-floating-label{color:var(--mat-form-field-filled-label-text-color)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field.read-only{pointer-events:none}:host::ng-deep mat-form-field.read-only .mdc-text-field{background-color:var(--mat-form-field-filled-container-color);cursor:default;outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.read-only .mdc-text-field input{pointer-events:none;-webkit-user-select:none;user-select:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field{outline:2px solid var(--color-secondary-pressed);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .status_processing,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}:host ::ng-deep input[type=number]::-webkit-outer-spin-button,:host ::ng-deep input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host ::ng-deep input[type=number]{-moz-appearance:textfield}\n", ":host::ng-deep mat-form-field .mdc-text-field{height:auto}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label textarea{min-height:30px;margin-top:12px;margin-bottom:6px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix textarea{line-height:24px;min-height:24px;margin-top:20px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-infix textarea{line-height:24px;position:relative;bottom:1px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-infix textarea::-webkit-resizer{background-size:contain;background-image:url(data:image/svg+xml;utf8;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjEgMTUtNiA2bTYtMTMtMTMgMTMiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-icon-suffix,:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{align-self:baseline;height:var(--mat-form-field-container-height);display:flex;align-items:center}\n", ".footer-container{min-height:20px;overflow:hidden}.footer-container.dynamic{min-height:0;max-height:0;opacity:0;transition:max-height .3s ease-in-out,opacity .2s ease-in-out,min-height .3s ease-in-out}.footer-container.dynamic.has-content{min-height:20px;max-height:100px;opacity:1;transition:max-height .3s ease-in-out,opacity .3s ease-in-out .1s,min-height .3s ease-in-out}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$2.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: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsTextareaComponent, isStandalone: false, selector: "ads-textarea", inputs: { maxlength: "maxlength", rows: "rows", canResize: "canResize" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: containerMinWidth }\" class=\"ads-field-container\">\r\n  <div [ngStyle]=\"{ width: width }\">\r\n    <mat-form-field\r\n      [ngClass]=\"{\r\n        'immediate-validation': immediateValidation,\r\n        'no-left-padding': canClear && !showExclamation,\r\n        'success-label': canShowSuccess(),\r\n        'error-label': canShowError(),\r\n        'suppress-validation': !showValidationError,\r\n      }\"\r\n      [ngStyle]=\"{ width: width }\"\r\n    >\r\n      @if(label || required) {\r\n        <mat-label>{{ label }}</mat-label>\r\n      }\r\n      <textarea\r\n        matInput\r\n        [rows]=\"rows\"\r\n        [maxlength]=\"maxlength\"\r\n        [id]=\"id\"\r\n        [formControl]=\"valueControl\"\r\n        [required]=\"required\"\r\n        [placeholder]=\"placeholder\"\r\n        [ngStyle]=\"{ resize: canResize ? null : 'none' }\"\r\n      >\r\n      </textarea>\r\n      @if (canClear) {\r\n        <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\">\r\n          <ads-icon name=\"cross\" size=\"xxs\" [theme]=\"'iconPrimary'\" />\r\n        </button>\r\n      }\r\n    </mat-form-field>\r\n    <div class=\"footer-container\"\r\n         [class.dynamic]=\"!isStaticFooter\"\r\n         [class.has-content]=\"hasFooterContent()\">\r\n      @if (canShowError()) {\r\n        <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n      } @else if (canShowSuccess()) {\r\n        <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n      } @else if (hint) {\r\n        <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n      }\r\n    </div>\r\n  </div>\r\n  @if (tooltip) {\r\n    <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\r\n  }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-field-container.shrink{min-width:0}.ads-field-container.shrink>div{min-width:0;width:100%}.ads-field-container.shrink mat-form-field{min-width:0;width:100%}.ads-field-container.shrink .mdc-text-field,.ads-field-container.shrink .mat-mdc-form-field-flex{min-width:0}.ads-field-container.shrink .mat-mdc-form-field-infix{min-width:0;width:0;flex:1 1 0}.ads-field-container.shrink .mat-mdc-select,.ads-field-container.shrink .mat-mdc-select-trigger{min-width:0}.ads-field-container.shrink .mat-mdc-select-value{min-width:0;max-width:100%}.ads-field-container.shrink .mat-mdc-select-value-text,.ads-field-container.shrink .mat-mdc-select-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-error-focus-label-text-color: var(--color-error);--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-icon-button:focus-visible,:host::ng-deep mat-form-field .mat-mdc-icon-button:focus-visible{background-color:var(--color-light-30)}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid{outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .mdc-floating-label{color:var(--mat-form-field-filled-label-text-color)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field.read-only{pointer-events:none}:host::ng-deep mat-form-field.read-only .mdc-text-field{background-color:var(--mat-form-field-filled-container-color);cursor:default;outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.read-only .mdc-text-field input{pointer-events:none;-webkit-user-select:none;user-select:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field{outline:2px solid var(--color-secondary-pressed);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .status_processing,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}:host ::ng-deep input[type=number]::-webkit-outer-spin-button,:host ::ng-deep input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host ::ng-deep input[type=number]{-moz-appearance:textfield}\n", ":host::ng-deep mat-form-field .mdc-text-field{height:auto}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label textarea{min-height:30px;margin-top:12px;margin-bottom:6px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix textarea{line-height:24px;min-height:24px;margin-top:20px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-infix textarea{line-height:24px;position:relative;bottom:1px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-infix textarea::-webkit-resizer{background-size:contain;background-image:url(data:image/svg+xml;utf8;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjEgMTUtNiA2bTYtMTMtMTMgMTMiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-icon-suffix,:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{align-self:baseline;height:var(--mat-form-field-container-height);display:flex;align-items:center}\n", ".footer-container{min-height:20px;overflow:hidden}.footer-container.dynamic{min-height:0;max-height:0;opacity:0;transition:max-height .3s ease-in-out,opacity .2s ease-in-out,min-height .3s ease-in-out}.footer-container.dynamic.has-content{min-height:20px;max-height:100px;opacity:1;transition:max-height .3s ease-in-out,opacity .3s ease-in-out .1s,min-height .3s ease-in-out}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$2.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: "directive", type: i4$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsTextareaComponent, decorators: [{
             type: Component,
@@ -5287,7 +5322,7 @@ class AdsSearchDropdownComponent extends AbstractDropdownComponent {
         this.intersectionObserver.observe(this.hostEl.nativeElement);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsSearchDropdownComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsSearchDropdownComponent, isStandalone: false, selector: "ads-search-dropdown", inputs: { externalButton: { classPropertyName: "externalButton", publicName: "externalButton", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: false, isRequired: false, transformFunction: null }, panelClass: { classPropertyName: "panelClass", publicName: "panelClass", isSignal: false, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: false, isRequired: false, transformFunction: null }, staticOptions: { classPropertyName: "staticOptions", publicName: "staticOptions", isSignal: false, isRequired: false, transformFunction: null }, filterOptions: { classPropertyName: "filterOptions", publicName: "filterOptions", isSignal: false, isRequired: false, transformFunction: null }, emitEmptyValues: { classPropertyName: "emitEmptyValues", publicName: "emitEmptyValues", isSignal: false, isRequired: false, transformFunction: null }, loadSuggestionOnInit: { classPropertyName: "loadSuggestionOnInit", publicName: "loadSuggestionOnInit", isSignal: false, isRequired: false, transformFunction: null }, noDataOption: { classPropertyName: "noDataOption", publicName: "noDataOption", isSignal: false, isRequired: false, transformFunction: null }, showNoDataOption: { classPropertyName: "showNoDataOption", publicName: "showNoDataOption", isSignal: false, isRequired: false, transformFunction: null }, moreDataOption: { classPropertyName: "moreDataOption", publicName: "moreDataOption", isSignal: false, isRequired: false, transformFunction: null }, staticDataOption: { classPropertyName: "staticDataOption", publicName: "staticDataOption", isSignal: false, isRequired: false, transformFunction: null }, prependOption: { classPropertyName: "prependOption", publicName: "prependOption", isSignal: false, isRequired: false, transformFunction: null }, showPrependOption: { classPropertyName: "showPrependOption", publicName: "showPrependOption", isSignal: false, isRequired: false, transformFunction: null }, onEnterKeyDown: { classPropertyName: "onEnterKeyDown", publicName: "onEnterKeyDown", isSignal: false, isRequired: false, transformFunction: null }, searchIconClickCallback: { classPropertyName: "searchIconClickCallback", publicName: "searchIconClickCallback", isSignal: false, isRequired: false, transformFunction: null }, showSearchIcon: { classPropertyName: "showSearchIcon", publicName: "showSearchIcon", isSignal: false, isRequired: false, transformFunction: null }, autoSelectSingleOption: { classPropertyName: "autoSelectSingleOption", publicName: "autoSelectSingleOption", isSignal: false, isRequired: false, transformFunction: null }, displayValueFormatter: { classPropertyName: "displayValueFormatter", publicName: "displayValueFormatter", isSignal: false, isRequired: false, transformFunction: null }, useOptionTemplate: { classPropertyName: "useOptionTemplate", publicName: "useOptionTemplate", isSignal: false, isRequired: false, transformFunction: null }, minValueLength: { classPropertyName: "minValueLength", publicName: "minValueLength", isSignal: false, isRequired: false, transformFunction: null }, preventClick: { classPropertyName: "preventClick", publicName: "preventClick", isSignal: false, isRequired: false, transformFunction: null }, closePanelEnabled: { classPropertyName: "closePanelEnabled", publicName: "closePanelEnabled", isSignal: false, isRequired: false, transformFunction: null }, trimValue: { classPropertyName: "trimValue", publicName: "trimValue", isSignal: false, isRequired: false, transformFunction: null }, closeOnOutOfView: { classPropertyName: "closeOnOutOfView", publicName: "closeOnOutOfView", isSignal: false, isRequired: false, transformFunction: null }, outOfViewRootMargin: { classPropertyName: "outOfViewRootMargin", publicName: "outOfViewRootMargin", isSignal: false, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: false, isRequired: false, transformFunction: null }, errorMessages: { classPropertyName: "errorMessages", publicName: "errorMessages", isSignal: false, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { externalButtonClick: "externalButtonClick", focusInput: "focusInput", blurInput: "blurInput", emitSearchValueInput: "emitSearchValueInput" }, queries: [{ propertyName: "optionRef", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], viewQueries: [{ propertyName: "trigger", first: true, predicate: MatAutocompleteTrigger, descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "moreDataMatOption", first: true, predicate: ["moreDataMatOption"], descendants: true }, { propertyName: "noDataMatOption", first: true, predicate: ["noDataMatOption"], descendants: true }, { propertyName: "staticDataMatOption", first: true, predicate: ["staticDataMatOption"], descendants: true }, { propertyName: "auto", first: true, predicate: ["auto"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: containerMinWidth }\" class=\"ads-field-container\">\r\n  <div [ngStyle]=\"{ width: width }\">\r\n    <mat-form-field\r\n      (focusout)=\"onBlur($event)\"\r\n      [ngClass]=\"{\r\n        'immediate-validation': immediateValidation,\r\n        'is-open': trigger?.panelOpen,\r\n        invalid: canShowError(),\r\n        'success-label': canShowSuccess(),\r\n        'x-small': smallSize,\r\n        'wrap-trigger-text': wrapOptionText,\r\n        'has-label': !!label,\r\n        'suppress-invalid-when-empty': skipValidationWhenEmpty && !displayControl.value,\r\n        'suppress-validation': !showValidationError,\r\n      }\"\r\n      [ngStyle]=\"{ width: width }\"\r\n    >\r\n      @if ((label || required) && !smallSize) {\r\n        <mat-label>{{ label }}</mat-label>\r\n      }\r\n      @if (wrapOptionText) {\r\n        <textarea\r\n          #input\r\n          [disabled]=\"displayControl.disabled\"\r\n          (keydown.enter)=\"onKeyDown($event.target)\"\r\n          (input)=\"onInput($event.target)\"\r\n          (focus)=\"onFocus()\"\r\n          [autocomplete]=\"'none'\"\r\n          [id]=\"id\"\r\n          matInput\r\n          [value]=\"getDisplayedValueAsString()\"\r\n          [attr.maxlength]=\"maxlength\"\r\n          [matAutocomplete]=\"auto\"\r\n          [placeholder]=\"placeholder\"\r\n          [required]=\"required\"\r\n          rows=\"1\"\r\n          class=\"auto-resize-textarea\"\r\n        ></textarea>\r\n      } @else {\r\n        <input\r\n          #input\r\n          [disabled]=\"displayControl.disabled\"\r\n          (keydown.enter)=\"onKeyDown($event.target)\"\r\n          (input)=\"onInput($event.target)\"\r\n          (focus)=\"onFocus()\"\r\n          type=\"text\"\r\n          [autocomplete]=\"'none'\"\r\n          [id]=\"id\"\r\n          matInput\r\n          [value]=\"getDisplayedValueAsString()\"\r\n          [attr.maxlength]=\"maxlength\"\r\n          [matAutocomplete]=\"auto\"\r\n          [placeholder]=\"placeholder\"\r\n          [required]=\"required\"\r\n        />\r\n      }\r\n      <mat-autocomplete\r\n        #auto=\"matAutocomplete\"\r\n        [displayWith]=\"displayFn\"\r\n        [disableRipple]=\"true\"\r\n        [class]=\"\r\n          'ads-dropdown-panel' +\r\n          (fitContent ? ' fit-content' : '') +\r\n          (loading() ? ' loading' : '') +\r\n          (preventClick ? '' : ' clickable') +\r\n          ' ' +\r\n          panelClass\r\n        \"\r\n      >\r\n        @if (canUsePrependOption) {\r\n          <div class=\"prepend-option-container\">\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"extraOptionValue\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: prependOption }\"\r\n            />\r\n          </div>\r\n        }\r\n\r\n        @for (option of displayedOptions | keyvalue: applySorting; track $index) {\r\n          <mat-option\r\n            #opt\r\n            [value]=\"option\"\r\n            [ngClass]=\"{ 'wrap-text': wrapOptionText }\"\r\n            (mousedown)=\"onOptionMouseDown($event, opt)\"\r\n            [matTooltip]=\"tooltipLabel(option)\"\r\n            [matTooltipDisabled]=\"useOptionTemplate || !showTooltip\"\r\n          >\r\n            @if (useOptionTemplate) {\r\n              <ng-template\r\n                [ngTemplateOutlet]=\"optionRef()\"\r\n                [ngTemplateOutletContext]=\"{ $implicit: option.key, value: option.value }\"\r\n              ></ng-template>\r\n            } @else {\r\n              <span\r\n                [ngClass]=\"{ 'wrap-text': wrapOptionText }\"\r\n                [innerHtml]=\"\r\n                  displayValueFormatter\r\n                    ? displayValueFormatter(\r\n                        option!.value! | adsSearchDropdownHighlighter: displayControl.value,\r\n                        option.key\r\n                      )\r\n                    : (option!.value! | adsSearchDropdownHighlighter: displayControl.value)\r\n                \"\r\n              ></span>\r\n            }\r\n          </mat-option>\r\n        }\r\n\r\n        @if (canUseMoreDataOption) {\r\n          <hr class=\"no-results-hr\" />\r\n          <mat-option #moreDataMatOption class=\"extra\" [disabled]=\"!moreDataOption!.onClick\">\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"extraOptionValue\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: moreDataOption }\"\r\n            />\r\n          </mat-option>\r\n        }\r\n\r\n        @if (canUseNoDataOption) {\r\n          <mat-option #noDataMatOption class=\"extra\" [disabled]=\"!noDataOption!.onClick\">\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"extraOptionValue\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: noDataOption }\"\r\n            />\r\n          </mat-option>\r\n        }\r\n\r\n        @if (canUseStaticOption) {\r\n          @if (displayedOptions.size) {\r\n            <hr class=\"no-results-hr\" />\r\n          }\r\n          <mat-option #staticDataMatOption class=\"extra\" [disabled]=\"!staticDataOption!.onClick\">\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"extraOptionValue\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: staticDataOption }\"\r\n            />\r\n          </mat-option>\r\n        }\r\n      </mat-autocomplete>\r\n\r\n      @if (canClear) {\r\n        <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n          <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\r\n        </button>\r\n      }\r\n      @if (showDropdownIcon) {\r\n        <button matTextSuffix type=\"button\" mat-icon-button (click)=\"togglePanel($event)\" class=\"action-icon\">\r\n          <ads-icon\r\n            name=\"chevron_down\"\r\n            [size]=\"smallSize ? 'xxs' : 'xs'\"\r\n            [theme]=\"'iconPrimary'\"\r\n            class=\"chevron-down\"\r\n          />\r\n        </button>\r\n      }\r\n      @if (showSearchIcon) {\r\n        @if (!staticOptions && loading()) {\r\n          <button\r\n            matTextSuffix\r\n            type=\"button\"\r\n            mat-icon-button\r\n            [disabled]=\"true\"\r\n            class=\"action-icon\"\r\n          >\r\n            <ads-icon name=\"loading\" [stroke]=\"'iconPrimary'\" [size]=\"smallSize ? 'xxs' : 'xs'\" />\r\n          </button>\r\n        }\r\n        @if (!staticOptions && !loading()) {\r\n          <button\r\n            matTextSuffix\r\n            type=\"button\"\r\n            mat-icon-button\r\n            [disabled]=\"!canSearch\"\r\n            (click)=\"canSearch ? onSearchIconClick($event) : null\"\r\n            class=\"action-icon\"\r\n          >\r\n            <ads-icon name=\"search\" size=\"xs\" [theme]=\"'iconPrimary'\" class=\"search-icon\" />\r\n          </button>\r\n        }\r\n      }\r\n      @if(externalButton()) {\r\n        <button\r\n          matTextSuffix\r\n          type=\"button\"\r\n          mat-icon-button\r\n          tabindex=\"0\"\r\n          (click)=\"onExternalButtonClick($event)\"\r\n          class=\"action-icon external-button\">\r\n          <ads-icon [name]=\"externalButton()!\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"external-icon\" />\r\n        </button>\r\n      }\r\n    </mat-form-field>\r\n    @if (showFooter) {\r\n      <div class=\"footer-container\"\r\n           [class.dynamic]=\"!isStaticFooter\"\r\n           [class.has-content]=\"hasFooterContent()\">\r\n        @if (canShowError()) {\r\n          <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (canShowSuccess()) {\r\n          <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (hint) {\r\n          <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n        }\r\n      </div>\r\n    }\r\n\r\n  </div>\r\n  @if (tooltip) {\r\n    <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\r\n  }\r\n\r\n  <ng-template #extraOptionValue let-option>\r\n    <span\r\n      (click)=\"$event.stopPropagation()\"\r\n      (mousedown)=\"onStaticOptionMouseDown($event, option!)\"\r\n      [class]=\"option!.cssClass || ''\"\r\n    >\r\n      @if (isTemplateRef(option!.label)) {\r\n        <ng-container\r\n          [ngTemplateOutlet]=\"$any(option!.label)\"\r\n          [ngTemplateOutletContext]=\"{ $implicit: displayControl.value }\"\r\n        />\r\n      } @else {\r\n        <span [innerHTML]=\"option!.label\"></span>\r\n      }\r\n    </span>\r\n  </ng-template>\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-field-container.shrink{min-width:0}.ads-field-container.shrink>div{min-width:0;width:100%}.ads-field-container.shrink mat-form-field{min-width:0;width:100%}.ads-field-container.shrink .mdc-text-field,.ads-field-container.shrink .mat-mdc-form-field-flex{min-width:0}.ads-field-container.shrink .mat-mdc-form-field-infix{min-width:0;width:0;flex:1 1 0}.ads-field-container.shrink .mat-mdc-select,.ads-field-container.shrink .mat-mdc-select-trigger{min-width:0}.ads-field-container.shrink .mat-mdc-select-value{min-width:0;max-width:100%}.ads-field-container.shrink .mat-mdc-select-value-text,.ads-field-container.shrink .mat-mdc-select-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-error-focus-label-text-color: var(--color-error);--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-icon-button:focus-visible,:host::ng-deep mat-form-field .mat-mdc-icon-button:focus-visible{background-color:var(--color-light-30)}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid{outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .mdc-floating-label{color:var(--mat-form-field-filled-label-text-color)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field.read-only{pointer-events:none}:host::ng-deep mat-form-field.read-only .mdc-text-field{background-color:var(--mat-form-field-filled-container-color);cursor:default;outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.read-only .mdc-text-field input{pointer-events:none;-webkit-user-select:none;user-select:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field{outline:2px solid var(--color-secondary-pressed);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .status_processing,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}:host ::ng-deep input[type=number]::-webkit-outer-spin-button,:host ::ng-deep input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host ::ng-deep input[type=number]{-moz-appearance:textfield}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-option.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-height:48px;height:auto;line-height:1.4}mat-option.wrap-text span{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option span.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;min-height:24px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value-text{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field{min-height:48px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;height:auto;min-height:24px;padding-top:12px;padding-bottom:12px}mat-form-field.has-label.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.has-label.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{padding-top:20px;padding-bottom:4px}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-form-field.x-small ::ng-deep .mat-mdc-select-placeholder{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-selected-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mat-mdc-option-active{color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)!important}mat-option.mat-mdc-option-active.mdc-list-item--selected{background-color:var(--mat-option-selected-state-layer-color)!important}mat-option.mat-mdc-option-active ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option.mat-mdc-option-active ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", "mat-form-field{width:100%}mat-form-field.invalid ::ng-deep{--mat-form-field-filled-label-text-color: var(--color-error);--mat-form-field-filled-hover-label-text-color: var(--color-error);--mat-form-field-filled-focus-label-text-color: var(--color-error)}mat-form-field.invalid ::ng-deep .mdc-text-field{outline:2px solid var(--color-error);outline-offset:-2px}mat-form-field.invalid ::ng-deep .mdc-text-field ads-icon{stroke:var(--mat-form-field-filled-error-label-text-color)!important;color:var(--mat-form-field-filled-error-label-text-color)!important}mat-form-field.wrap-trigger-text ::ng-deep .auto-resize-textarea{resize:none;overflow:hidden;min-height:24px;max-height:120px;line-height:1.4;padding-top:12px;padding-bottom:12px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field{min-height:48px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{min-height:24px;padding-top:0;padding-bottom:0}mat-form-field.has-label.wrap-trigger-text ::ng-deep .auto-resize-textarea{padding-top:0;padding-bottom:0}mat-option.extra{opacity:1;font-size:.75rem;min-height:32px;display:flex}mat-option.extra ::ng-deep .mdc-list-item__primary-text{opacity:1}mat-option.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-height:48px;height:auto;line-height:1.4}mat-option.wrap-text span{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option span.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option ::ng-deep .highlighted-text{font-weight:700}.prepend-option-container{font-size:.75rem;display:flex;align-items:center;min-height:32px;padding:0 12px;cursor:default;pointer-events:none;color:var(--color-medium);font-weight:600}\n", ".footer-container{min-height:20px;overflow:hidden}.footer-container.dynamic{min-height:0;max-height:0;opacity:0;transition:max-height .3s ease-in-out,opacity .2s ease-in-out,min-height .3s ease-in-out}.footer-container.dynamic.has-content{min-height:20px;max-height:100px;opacity:1;transition:max-height .3s ease-in-out,opacity .3s ease-in-out .1s,min-height .3s ease-in-out}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\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: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: i3$2.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: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i1$1.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: AdsSearchDropdownHighlighterPipe, name: "adsSearchDropdownHighlighter" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsSearchDropdownComponent, isStandalone: false, selector: "ads-search-dropdown", inputs: { externalButton: { classPropertyName: "externalButton", publicName: "externalButton", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: false, isRequired: false, transformFunction: null }, panelClass: { classPropertyName: "panelClass", publicName: "panelClass", isSignal: false, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: false, isRequired: false, transformFunction: null }, staticOptions: { classPropertyName: "staticOptions", publicName: "staticOptions", isSignal: false, isRequired: false, transformFunction: null }, filterOptions: { classPropertyName: "filterOptions", publicName: "filterOptions", isSignal: false, isRequired: false, transformFunction: null }, emitEmptyValues: { classPropertyName: "emitEmptyValues", publicName: "emitEmptyValues", isSignal: false, isRequired: false, transformFunction: null }, loadSuggestionOnInit: { classPropertyName: "loadSuggestionOnInit", publicName: "loadSuggestionOnInit", isSignal: false, isRequired: false, transformFunction: null }, noDataOption: { classPropertyName: "noDataOption", publicName: "noDataOption", isSignal: false, isRequired: false, transformFunction: null }, showNoDataOption: { classPropertyName: "showNoDataOption", publicName: "showNoDataOption", isSignal: false, isRequired: false, transformFunction: null }, moreDataOption: { classPropertyName: "moreDataOption", publicName: "moreDataOption", isSignal: false, isRequired: false, transformFunction: null }, staticDataOption: { classPropertyName: "staticDataOption", publicName: "staticDataOption", isSignal: false, isRequired: false, transformFunction: null }, prependOption: { classPropertyName: "prependOption", publicName: "prependOption", isSignal: false, isRequired: false, transformFunction: null }, showPrependOption: { classPropertyName: "showPrependOption", publicName: "showPrependOption", isSignal: false, isRequired: false, transformFunction: null }, onEnterKeyDown: { classPropertyName: "onEnterKeyDown", publicName: "onEnterKeyDown", isSignal: false, isRequired: false, transformFunction: null }, searchIconClickCallback: { classPropertyName: "searchIconClickCallback", publicName: "searchIconClickCallback", isSignal: false, isRequired: false, transformFunction: null }, showSearchIcon: { classPropertyName: "showSearchIcon", publicName: "showSearchIcon", isSignal: false, isRequired: false, transformFunction: null }, autoSelectSingleOption: { classPropertyName: "autoSelectSingleOption", publicName: "autoSelectSingleOption", isSignal: false, isRequired: false, transformFunction: null }, displayValueFormatter: { classPropertyName: "displayValueFormatter", publicName: "displayValueFormatter", isSignal: false, isRequired: false, transformFunction: null }, useOptionTemplate: { classPropertyName: "useOptionTemplate", publicName: "useOptionTemplate", isSignal: false, isRequired: false, transformFunction: null }, minValueLength: { classPropertyName: "minValueLength", publicName: "minValueLength", isSignal: false, isRequired: false, transformFunction: null }, preventClick: { classPropertyName: "preventClick", publicName: "preventClick", isSignal: false, isRequired: false, transformFunction: null }, closePanelEnabled: { classPropertyName: "closePanelEnabled", publicName: "closePanelEnabled", isSignal: false, isRequired: false, transformFunction: null }, trimValue: { classPropertyName: "trimValue", publicName: "trimValue", isSignal: false, isRequired: false, transformFunction: null }, closeOnOutOfView: { classPropertyName: "closeOnOutOfView", publicName: "closeOnOutOfView", isSignal: false, isRequired: false, transformFunction: null }, outOfViewRootMargin: { classPropertyName: "outOfViewRootMargin", publicName: "outOfViewRootMargin", isSignal: false, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: false, isRequired: false, transformFunction: null }, errorMessages: { classPropertyName: "errorMessages", publicName: "errorMessages", isSignal: false, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { externalButtonClick: "externalButtonClick", focusInput: "focusInput", blurInput: "blurInput", emitSearchValueInput: "emitSearchValueInput" }, queries: [{ propertyName: "optionRef", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], viewQueries: [{ propertyName: "trigger", first: true, predicate: MatAutocompleteTrigger, descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "moreDataMatOption", first: true, predicate: ["moreDataMatOption"], descendants: true }, { propertyName: "noDataMatOption", first: true, predicate: ["noDataMatOption"], descendants: true }, { propertyName: "staticDataMatOption", first: true, predicate: ["staticDataMatOption"], descendants: true }, { propertyName: "auto", first: true, predicate: ["auto"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: containerMinWidth }\" class=\"ads-field-container\">\r\n  <div [ngStyle]=\"{ width: width }\">\r\n    <mat-form-field\r\n      (focusout)=\"onBlur($event)\"\r\n      [ngClass]=\"{\r\n        'immediate-validation': immediateValidation,\r\n        'is-open': trigger?.panelOpen,\r\n        invalid: canShowError(),\r\n        'success-label': canShowSuccess(),\r\n        'x-small': smallSize,\r\n        'wrap-trigger-text': wrapOptionText,\r\n        'has-label': !!label,\r\n        'suppress-invalid-when-empty': skipValidationWhenEmpty && !displayControl.value,\r\n        'suppress-validation': !showValidationError,\r\n      }\"\r\n      [ngStyle]=\"{ width: width }\"\r\n    >\r\n      @if ((label || required) && !smallSize) {\r\n        <mat-label>{{ label }}</mat-label>\r\n      }\r\n      @if (wrapOptionText) {\r\n        <textarea\r\n          #input\r\n          [disabled]=\"displayControl.disabled\"\r\n          (keydown.enter)=\"onKeyDown($event.target)\"\r\n          (input)=\"onInput($event.target)\"\r\n          (focus)=\"onFocus()\"\r\n          [autocomplete]=\"'none'\"\r\n          [id]=\"id\"\r\n          matInput\r\n          [value]=\"getDisplayedValueAsString()\"\r\n          [attr.maxlength]=\"maxlength\"\r\n          [matAutocomplete]=\"auto\"\r\n          [placeholder]=\"placeholder\"\r\n          [required]=\"required\"\r\n          rows=\"1\"\r\n          class=\"auto-resize-textarea\"\r\n        ></textarea>\r\n      } @else {\r\n        <input\r\n          #input\r\n          [disabled]=\"displayControl.disabled\"\r\n          (keydown.enter)=\"onKeyDown($event.target)\"\r\n          (input)=\"onInput($event.target)\"\r\n          (focus)=\"onFocus()\"\r\n          type=\"text\"\r\n          [autocomplete]=\"'none'\"\r\n          [id]=\"id\"\r\n          matInput\r\n          [value]=\"getDisplayedValueAsString()\"\r\n          [attr.maxlength]=\"maxlength\"\r\n          [matAutocomplete]=\"auto\"\r\n          [placeholder]=\"placeholder\"\r\n          [required]=\"required\"\r\n        />\r\n      }\r\n      <mat-autocomplete\r\n        #auto=\"matAutocomplete\"\r\n        [displayWith]=\"displayFn\"\r\n        [disableRipple]=\"true\"\r\n        [class]=\"\r\n          'ads-dropdown-panel' +\r\n          (fitContent ? ' fit-content' : '') +\r\n          (loading() ? ' loading' : '') +\r\n          (preventClick ? '' : ' clickable') +\r\n          ' ' +\r\n          panelClass\r\n        \"\r\n      >\r\n        @if (canUsePrependOption) {\r\n          <div class=\"prepend-option-container\">\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"extraOptionValue\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: prependOption }\"\r\n            />\r\n          </div>\r\n        }\r\n\r\n        @for (option of displayedOptions | keyvalue: applySorting; track $index) {\r\n          <mat-option\r\n            #opt\r\n            [value]=\"option\"\r\n            [ngClass]=\"{ 'wrap-text': wrapOptionText }\"\r\n            (mousedown)=\"onOptionMouseDown($event, opt)\"\r\n            [matTooltip]=\"tooltipLabel(option)\"\r\n            [matTooltipDisabled]=\"useOptionTemplate || !showTooltip\"\r\n          >\r\n            @if (useOptionTemplate) {\r\n              <ng-template\r\n                [ngTemplateOutlet]=\"optionRef()\"\r\n                [ngTemplateOutletContext]=\"{ $implicit: option.key, value: option.value }\"\r\n              ></ng-template>\r\n            } @else {\r\n              <span\r\n                [ngClass]=\"{ 'wrap-text': wrapOptionText }\"\r\n                [innerHtml]=\"\r\n                  displayValueFormatter\r\n                    ? displayValueFormatter(\r\n                        option!.value! | adsSearchDropdownHighlighter: displayControl.value,\r\n                        option.key\r\n                      )\r\n                    : (option!.value! | adsSearchDropdownHighlighter: displayControl.value)\r\n                \"\r\n              ></span>\r\n            }\r\n          </mat-option>\r\n        }\r\n\r\n        @if (canUseMoreDataOption) {\r\n          <hr class=\"no-results-hr\" />\r\n          <mat-option #moreDataMatOption class=\"extra\" [disabled]=\"!moreDataOption!.onClick\">\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"extraOptionValue\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: moreDataOption }\"\r\n            />\r\n          </mat-option>\r\n        }\r\n\r\n        @if (canUseNoDataOption) {\r\n          <mat-option #noDataMatOption class=\"extra\" [disabled]=\"!noDataOption!.onClick\">\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"extraOptionValue\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: noDataOption }\"\r\n            />\r\n          </mat-option>\r\n        }\r\n\r\n        @if (canUseStaticOption) {\r\n          @if (displayedOptions.size) {\r\n            <hr class=\"no-results-hr\" />\r\n          }\r\n          <mat-option #staticDataMatOption class=\"extra\" [disabled]=\"!staticDataOption!.onClick\">\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"extraOptionValue\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: staticDataOption }\"\r\n            />\r\n          </mat-option>\r\n        }\r\n      </mat-autocomplete>\r\n\r\n      @if (canClear) {\r\n        <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n          <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\r\n        </button>\r\n      }\r\n      @if (showDropdownIcon) {\r\n        <button matTextSuffix type=\"button\" mat-icon-button (click)=\"togglePanel($event)\" class=\"action-icon\">\r\n          <ads-icon\r\n            name=\"chevron_down\"\r\n            [size]=\"smallSize ? 'xxs' : 'xs'\"\r\n            [theme]=\"'iconPrimary'\"\r\n            class=\"chevron-down\"\r\n          />\r\n        </button>\r\n      }\r\n      @if (showSearchIcon) {\r\n        @if (!staticOptions && loading()) {\r\n          <button\r\n            matTextSuffix\r\n            type=\"button\"\r\n            mat-icon-button\r\n            [disabled]=\"true\"\r\n            class=\"action-icon\"\r\n          >\r\n            <ads-icon name=\"loading\" [stroke]=\"'iconPrimary'\" [size]=\"smallSize ? 'xxs' : 'xs'\" />\r\n          </button>\r\n        }\r\n        @if (!staticOptions && !loading()) {\r\n          <button\r\n            matTextSuffix\r\n            type=\"button\"\r\n            mat-icon-button\r\n            [disabled]=\"!canSearch\"\r\n            (click)=\"canSearch ? onSearchIconClick($event) : null\"\r\n            class=\"action-icon\"\r\n          >\r\n            <ads-icon name=\"search\" size=\"xs\" [theme]=\"'iconPrimary'\" class=\"search-icon\" />\r\n          </button>\r\n        }\r\n      }\r\n      @if(externalButton()) {\r\n        <button\r\n          matTextSuffix\r\n          type=\"button\"\r\n          mat-icon-button\r\n          tabindex=\"0\"\r\n          (click)=\"onExternalButtonClick($event)\"\r\n          class=\"action-icon external-button\">\r\n          <ads-icon [name]=\"externalButton()!\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"external-icon\" />\r\n        </button>\r\n      }\r\n    </mat-form-field>\r\n    @if (showFooter) {\r\n      <div class=\"footer-container\"\r\n           [class.dynamic]=\"!isStaticFooter\"\r\n           [class.has-content]=\"hasFooterContent()\">\r\n        @if (canShowError()) {\r\n          <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (canShowSuccess()) {\r\n          <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (hint) {\r\n          <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n        }\r\n      </div>\r\n    }\r\n\r\n  </div>\r\n  @if (tooltip) {\r\n    <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\r\n  }\r\n\r\n  <ng-template #extraOptionValue let-option>\r\n    <span\r\n      (click)=\"$event.stopPropagation()\"\r\n      (mousedown)=\"onStaticOptionMouseDown($event, option!)\"\r\n      [class]=\"option!.cssClass || ''\"\r\n    >\r\n      @if (isTemplateRef(option!.label)) {\r\n        <ng-container\r\n          [ngTemplateOutlet]=\"$any(option!.label)\"\r\n          [ngTemplateOutletContext]=\"{ $implicit: displayControl.value }\"\r\n        />\r\n      } @else {\r\n        <span [innerHTML]=\"option!.label\"></span>\r\n      }\r\n    </span>\r\n  </ng-template>\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-field-container.shrink{min-width:0}.ads-field-container.shrink>div{min-width:0;width:100%}.ads-field-container.shrink mat-form-field{min-width:0;width:100%}.ads-field-container.shrink .mdc-text-field,.ads-field-container.shrink .mat-mdc-form-field-flex{min-width:0}.ads-field-container.shrink .mat-mdc-form-field-infix{min-width:0;width:0;flex:1 1 0}.ads-field-container.shrink .mat-mdc-select,.ads-field-container.shrink .mat-mdc-select-trigger{min-width:0}.ads-field-container.shrink .mat-mdc-select-value{min-width:0;max-width:100%}.ads-field-container.shrink .mat-mdc-select-value-text,.ads-field-container.shrink .mat-mdc-select-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-error-focus-label-text-color: var(--color-error);--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-icon-button:focus-visible,:host::ng-deep mat-form-field .mat-mdc-icon-button:focus-visible{background-color:var(--color-light-30)}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid{outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .mdc-floating-label{color:var(--mat-form-field-filled-label-text-color)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field.read-only{pointer-events:none}:host::ng-deep mat-form-field.read-only .mdc-text-field{background-color:var(--mat-form-field-filled-container-color);cursor:default;outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.read-only .mdc-text-field input{pointer-events:none;-webkit-user-select:none;user-select:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field{outline:2px solid var(--color-secondary-pressed);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .status_processing,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}:host ::ng-deep input[type=number]::-webkit-outer-spin-button,:host ::ng-deep input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host ::ng-deep input[type=number]{-moz-appearance:textfield}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-option.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-height:48px;height:auto;line-height:1.4}mat-option.wrap-text span{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option span.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;min-height:24px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-select-value-text{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field{min-height:48px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;height:auto;min-height:24px;padding-top:12px;padding-bottom:12px}mat-form-field.has-label.wrap-trigger-text ::ng-deep .mdc-text-field__input,mat-form-field.has-label.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{padding-top:20px;padding-bottom:4px}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-form-field.x-small ::ng-deep .mat-mdc-select-placeholder{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-selected-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mat-mdc-option-active{color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)!important}mat-option.mat-mdc-option-active.mdc-list-item--selected{background-color:var(--mat-option-selected-state-layer-color)!important}mat-option.mat-mdc-option-active ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option.mat-mdc-option-active ::ng-deep .flag-option span{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", "mat-form-field{width:100%}mat-form-field.invalid ::ng-deep{--mat-form-field-filled-label-text-color: var(--color-error);--mat-form-field-filled-hover-label-text-color: var(--color-error);--mat-form-field-filled-focus-label-text-color: var(--color-error)}mat-form-field.invalid ::ng-deep .mdc-text-field{outline:2px solid var(--color-error);outline-offset:-2px}mat-form-field.invalid ::ng-deep .mdc-text-field ads-icon{stroke:var(--mat-form-field-filled-error-label-text-color)!important;color:var(--mat-form-field-filled-error-label-text-color)!important}mat-form-field.wrap-trigger-text ::ng-deep .auto-resize-textarea{resize:none;overflow:hidden;min-height:24px;max-height:120px;line-height:1.4;padding-top:12px;padding-bottom:12px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}mat-form-field.wrap-trigger-text ::ng-deep .mdc-text-field{min-height:48px;height:auto}mat-form-field.wrap-trigger-text ::ng-deep .mat-mdc-form-field-infix{min-height:24px;padding-top:0;padding-bottom:0}mat-form-field.has-label.wrap-trigger-text ::ng-deep .auto-resize-textarea{padding-top:0;padding-bottom:0}mat-option.extra{opacity:1;font-size:.75rem;min-height:32px;display:flex}mat-option.extra ::ng-deep .mdc-list-item__primary-text{opacity:1}mat-option.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-height:48px;height:auto;line-height:1.4}mat-option.wrap-text span{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option span.wrap-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.4}mat-option ::ng-deep .highlighted-text{font-weight:700}.prepend-option-container{font-size:.75rem;display:flex;align-items:center;min-height:32px;padding:0 12px;cursor:default;pointer-events:none;color:var(--color-medium);font-weight:600}\n", ".footer-container{min-height:20px;overflow:hidden}.footer-container.dynamic{min-height:0;max-height:0;opacity:0;transition:max-height .3s ease-in-out,opacity .2s ease-in-out,min-height .3s ease-in-out}.footer-container.dynamic.has-content{min-height:20px;max-height:100px;opacity:1;transition:max-height .3s ease-in-out,opacity .3s ease-in-out .1s,min-height .3s ease-in-out}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\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: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: i3$2.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: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i1$1.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: AdsSearchDropdownHighlighterPipe, name: "adsSearchDropdownHighlighter" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsSearchDropdownComponent, decorators: [{
             type: Component,
@@ -5463,7 +5498,7 @@ class AdsSearchInputComponent extends AdsInputComponent {
         return this.valueControl.value || this.searchEmptyValue;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsSearchInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsSearchInputComponent, isStandalone: false, selector: "ads-search-input", inputs: { searchCallback: "searchCallback", isIconClickable: "isIconClickable", searchEmptyValue: "searchEmptyValue", loading: "loading" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: containerMinWidth }\" class=\"ads-field-container\">\r\n  <div [ngStyle]=\"{ width: width }\">\r\n    <mat-form-field\r\n      [ngClass]=\"{\r\n        'immediate-validation': immediateValidation,\r\n        'success-label': canShowSuccess(),\r\n        'error-label': canShowError(),\r\n        'x-small': smallSize,\r\n        'suppress-validation': !showValidationError,\r\n      }\"\r\n      [ngStyle]=\"{ width: width }\"\r\n    >\r\n      @if ((label || required) && !smallSize) {\r\n        <mat-label>{{ label }}</mat-label>\r\n      }\r\n      <input\r\n        matInput\r\n        (keydown.enter)=\"onSearch()\"\r\n        [maxlength]=\"maxlength\"\r\n        [attr.pattern]=\"pattern\"\r\n        [id]=\"id\"\r\n        [type]=\"type\"\r\n        [formControl]=\"valueControl\"\r\n        [required]=\"required\"\r\n        [placeholder]=\"placeholder\"\r\n      />\r\n\r\n      @if (canClear) {\r\n        <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n          <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\r\n        </button>\r\n      }\r\n\r\n      @if (loading) {\r\n        <button\r\n          matTextSuffix\r\n          type=\"button\"\r\n          mat-icon-button\r\n          [disabled]=\"true\"\r\n          class=\"action-icon\"\r\n        >\r\n          <ads-icon name=\"loading\" [stroke]=\"'iconPrimary'\" [size]=\"smallSize ? 'xxs' : 'xs'\" />\r\n        </button>\r\n      } @else {\r\n        <button\r\n          matTextSuffix\r\n          type=\"button\"\r\n          mat-icon-button\r\n          [disabled]=\"!canClick\"\r\n          (click)=\"canClick ? onSearch() : null\"\r\n          class=\"action-icon\"\r\n        >\r\n          <ads-icon name=\"search\" size=\"xs\" [theme]=\"'iconPrimary'\" class=\"search-icon\" />\r\n        </button>\r\n      }\r\n    </mat-form-field>\r\n\r\n    @if (showFooter) {\r\n      <div class=\"footer-container\"\r\n           [class.dynamic]=\"!isStaticFooter\"\r\n           [class.has-content]=\"hasFooterContent()\">\r\n        @if (canShowError()) {\r\n          <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (canShowSuccess()) {\r\n          <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (hint) {\r\n          <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  @if (tooltip) {\r\n    <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\r\n  }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-field-container.shrink{min-width:0}.ads-field-container.shrink>div{min-width:0;width:100%}.ads-field-container.shrink mat-form-field{min-width:0;width:100%}.ads-field-container.shrink .mdc-text-field,.ads-field-container.shrink .mat-mdc-form-field-flex{min-width:0}.ads-field-container.shrink .mat-mdc-form-field-infix{min-width:0;width:0;flex:1 1 0}.ads-field-container.shrink .mat-mdc-select,.ads-field-container.shrink .mat-mdc-select-trigger{min-width:0}.ads-field-container.shrink .mat-mdc-select-value{min-width:0;max-width:100%}.ads-field-container.shrink .mat-mdc-select-value-text,.ads-field-container.shrink .mat-mdc-select-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-error-focus-label-text-color: var(--color-error);--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-icon-button:focus-visible,:host::ng-deep mat-form-field .mat-mdc-icon-button:focus-visible{background-color:var(--color-light-30)}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid{outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .mdc-floating-label{color:var(--mat-form-field-filled-label-text-color)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field.read-only{pointer-events:none}:host::ng-deep mat-form-field.read-only .mdc-text-field{background-color:var(--mat-form-field-filled-container-color);cursor:default;outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.read-only .mdc-text-field input{pointer-events:none;-webkit-user-select:none;user-select:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field{outline:2px solid var(--color-secondary-pressed);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .status_processing,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}:host ::ng-deep input[type=number]::-webkit-outer-spin-button,:host ::ng-deep input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host ::ng-deep input[type=number]{-moz-appearance:textfield}\n", ".footer-container{min-height:20px;overflow:hidden}.footer-container.dynamic{min-height:0;max-height:0;opacity:0;transition:max-height .3s ease-in-out,opacity .2s ease-in-out,min-height .3s ease-in-out}.footer-container.dynamic.has-content{min-height:20px;max-height:100px;opacity:1;transition:max-height .3s ease-in-out,opacity .3s ease-in-out .1s,min-height .3s ease-in-out}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: i3$2.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: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsSearchInputComponent, isStandalone: false, selector: "ads-search-input", inputs: { searchCallback: "searchCallback", isIconClickable: "isIconClickable", searchEmptyValue: "searchEmptyValue", loading: "loading" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: containerMinWidth }\" class=\"ads-field-container\">\r\n  <div [ngStyle]=\"{ width: width }\">\r\n    <mat-form-field\r\n      [ngClass]=\"{\r\n        'immediate-validation': immediateValidation,\r\n        'success-label': canShowSuccess(),\r\n        'error-label': canShowError(),\r\n        'x-small': smallSize,\r\n        'suppress-validation': !showValidationError,\r\n      }\"\r\n      [ngStyle]=\"{ width: width }\"\r\n    >\r\n      @if ((label || required) && !smallSize) {\r\n        <mat-label>{{ label }}</mat-label>\r\n      }\r\n      <input\r\n        matInput\r\n        (keydown.enter)=\"onSearch()\"\r\n        [maxlength]=\"maxlength\"\r\n        [attr.pattern]=\"pattern\"\r\n        [id]=\"id\"\r\n        [type]=\"type\"\r\n        [formControl]=\"valueControl\"\r\n        [required]=\"required\"\r\n        [placeholder]=\"placeholder\"\r\n      />\r\n\r\n      @if (canClear) {\r\n        <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n          <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\r\n        </button>\r\n      }\r\n\r\n      @if (loading) {\r\n        <button\r\n          matTextSuffix\r\n          type=\"button\"\r\n          mat-icon-button\r\n          [disabled]=\"true\"\r\n          class=\"action-icon\"\r\n        >\r\n          <ads-icon name=\"loading\" [stroke]=\"'iconPrimary'\" [size]=\"smallSize ? 'xxs' : 'xs'\" />\r\n        </button>\r\n      } @else {\r\n        <button\r\n          matTextSuffix\r\n          type=\"button\"\r\n          mat-icon-button\r\n          [disabled]=\"!canClick\"\r\n          (click)=\"canClick ? onSearch() : null\"\r\n          class=\"action-icon\"\r\n        >\r\n          <ads-icon name=\"search\" size=\"xs\" [theme]=\"'iconPrimary'\" class=\"search-icon\" />\r\n        </button>\r\n      }\r\n    </mat-form-field>\r\n\r\n    @if (showFooter) {\r\n      <div class=\"footer-container\"\r\n           [class.dynamic]=\"!isStaticFooter\"\r\n           [class.has-content]=\"hasFooterContent()\">\r\n        @if (canShowError()) {\r\n          <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (canShowSuccess()) {\r\n          <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (hint) {\r\n          <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  @if (tooltip) {\r\n    <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\r\n  }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-field-container.shrink{min-width:0}.ads-field-container.shrink>div{min-width:0;width:100%}.ads-field-container.shrink mat-form-field{min-width:0;width:100%}.ads-field-container.shrink .mdc-text-field,.ads-field-container.shrink .mat-mdc-form-field-flex{min-width:0}.ads-field-container.shrink .mat-mdc-form-field-infix{min-width:0;width:0;flex:1 1 0}.ads-field-container.shrink .mat-mdc-select,.ads-field-container.shrink .mat-mdc-select-trigger{min-width:0}.ads-field-container.shrink .mat-mdc-select-value{min-width:0;max-width:100%}.ads-field-container.shrink .mat-mdc-select-value-text,.ads-field-container.shrink .mat-mdc-select-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-error-focus-label-text-color: var(--color-error);--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-icon-button:focus-visible,:host::ng-deep mat-form-field .mat-mdc-icon-button:focus-visible{background-color:var(--color-light-30)}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid{outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .mdc-floating-label{color:var(--mat-form-field-filled-label-text-color)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field.read-only{pointer-events:none}:host::ng-deep mat-form-field.read-only .mdc-text-field{background-color:var(--mat-form-field-filled-container-color);cursor:default;outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.read-only .mdc-text-field input{pointer-events:none;-webkit-user-select:none;user-select:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field{outline:2px solid var(--color-secondary-pressed);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .status_processing,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}:host ::ng-deep input[type=number]::-webkit-outer-spin-button,:host ::ng-deep input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host ::ng-deep input[type=number]{-moz-appearance:textfield}\n", ".footer-container{min-height:20px;overflow:hidden}.footer-container.dynamic{min-height:0;max-height:0;opacity:0;transition:max-height .3s ease-in-out,opacity .2s ease-in-out,min-height .3s ease-in-out}.footer-container.dynamic.has-content{min-height:20px;max-height:100px;opacity:1;transition:max-height .3s ease-in-out,opacity .3s ease-in-out .1s,min-height .3s ease-in-out}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: i3$2.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: "directive", type: i4$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsSearchInputComponent, decorators: [{
             type: Component,
@@ -5752,7 +5787,7 @@ class DateTimePickerFormatDirective {
         /** Set to use custom display format, overriding the one, provided by locale */
         this.overrideDisplayFormat = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DateTimePickerFormatDirective, deps: [{ token: MAT_DATETIME_FORMATS }, { token: i4.NgControl, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DateTimePickerFormatDirective, deps: [{ token: MAT_DATETIME_FORMATS }, { token: i4$1.NgControl, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: DateTimePickerFormatDirective, isStandalone: false, selector: "[dateTimePickerFormat]", inputs: { customDisplayFormat: "customDisplayFormat", overrideDisplayFormat: "overrideDisplayFormat" }, providers: [
             {
                 provide: MAT_DATETIME_FORMATS,
@@ -5775,7 +5810,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
         }], ctorParameters: () => [{ type: CustomDateTimeFormat, decorators: [{
                     type: Inject,
                     args: [MAT_DATETIME_FORMATS]
-                }] }, { type: i4.NgControl, decorators: [{
+                }] }, { type: i4$1.NgControl, decorators: [{
                     type: Optional
                 }] }], propDecorators: { customDisplayFormat: [{
                 type: Input
@@ -6215,7 +6250,7 @@ class AdsDatetimepickerComponent extends AbstractInputComponent {
         return this.removeOffset(value, this.getRequiredOffset(value));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsDatetimepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsDatetimepickerComponent, isStandalone: false, selector: "ads-datetimepicker", inputs: { twelveHour: "twelveHour", offset: "offset", allowPastValues: "allowPastValues", allowManualInput: "allowManualInput", useShortcuts: "useShortcuts", overrideDisplayFormat: "overrideDisplayFormat", showTimePicker: "showTimePicker", customDisplayFormat: "customDisplayFormat", timeInterval: "timeInterval", overlayCdkClass: "overlayCdkClass" }, viewQueries: [{ propertyName: "picker", first: true, predicate: MatDatetimepickerComponent, descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: containerMinWidth }\" class=\"ads-field-container\">\r\n  <div [ngStyle]=\"{ width: width }\">\r\n    <mat-form-field\r\n      [ngClass]=\"{\r\n        'immediate-validation': immediateValidation,\r\n        'no-left-padding': !showExclamation,\r\n        invalid: canShowError(),\r\n        manual: allowManualInput,\r\n        'success-label': canShowSuccess(),\r\n        'x-small': smallSize,\r\n        'suppress-validation': !showValidationError,\r\n      }\"\r\n      [ngStyle]=\"{ width: width }\"\r\n    >\r\n      @if ((label || required) && !smallSize) {\r\n        <mat-label>{{ label }}</mat-label>\r\n      }\r\n      <mat-datetimepicker\r\n        #datetimePicker\r\n        (viewChanged)=\"onViewChanged($event)\"\r\n        (opened)=\"onOpened()\"\r\n        (closed)=\"onClosed()\"\r\n        [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\r\n        [openOnFocus]=\"!allowManualInput\"\r\n        [twelvehour]=\"twelveHour\"\r\n        [timeInterval]=\"timeInterval\"\r\n        [mode]=\"'portrait'\"\r\n      />\r\n      <input\r\n        (dateChange)=\"onChanged($event)\"\r\n        dateTimePickerFormat\r\n        [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\r\n        [customDisplayFormat]=\"customDisplayFormatOverride\"\r\n        #input\r\n        matInput\r\n        (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\r\n        (blur)=\"touchControls()\"\r\n        [tabIndex]=\"allowManualInput ? 0 : -1\"\r\n        [min]=\"minDate || null\"\r\n        [readonly]=\"!allowManualInput\"\r\n        [formControl]=\"displayControl\"\r\n        [matDatetimepicker]=\"datetimePicker\"\r\n        autocomplete=\"false\"\r\n        [id]=\"id\"\r\n        [required]=\"required\"\r\n        [placeholder]=\"placeholder\"\r\n      />\r\n\r\n      @if (canClear) {\r\n        <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n          <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\r\n        </button>\r\n      }\r\n\r\n      @if (type === 'time') {\r\n        <button\r\n          matTextSuffix\r\n          type=\"button\"\r\n          mat-icon-button\r\n          (click)=\"toggle($event)\"\r\n          [disabled]=\"!showTimePicker\"\r\n          class=\"action-icon\"\r\n        >\r\n          <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\r\n        </button>\r\n      } @else {\r\n        <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\r\n          <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\r\n          @if (type === 'datetime') {\r\n            <ads-icon\r\n              class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\r\n              name=\"status_processing\"\r\n              [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\r\n              [stroke]=\"'iconPrimary'\"\r\n            />\r\n          }\r\n        </button>\r\n      }\r\n    </mat-form-field>\r\n    @if (showFooter) {\r\n      <div class=\"footer-container\"\r\n           [class.dynamic]=\"!isStaticFooter\"\r\n           [class.has-content]=\"hasFooterContent()\">\r\n        @if (canShowError()) {\r\n          <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (canShowSuccess()) {\r\n          <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (hint) {\r\n          <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n  @if (tooltip) {\r\n    <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\r\n  }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-field-container.shrink{min-width:0}.ads-field-container.shrink>div{min-width:0;width:100%}.ads-field-container.shrink mat-form-field{min-width:0;width:100%}.ads-field-container.shrink .mdc-text-field,.ads-field-container.shrink .mat-mdc-form-field-flex{min-width:0}.ads-field-container.shrink .mat-mdc-form-field-infix{min-width:0;width:0;flex:1 1 0}.ads-field-container.shrink .mat-mdc-select,.ads-field-container.shrink .mat-mdc-select-trigger{min-width:0}.ads-field-container.shrink .mat-mdc-select-value{min-width:0;max-width:100%}.ads-field-container.shrink .mat-mdc-select-value-text,.ads-field-container.shrink .mat-mdc-select-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-error-focus-label-text-color: var(--color-error);--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-icon-button:focus-visible,:host::ng-deep mat-form-field .mat-mdc-icon-button:focus-visible{background-color:var(--color-light-30)}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid{outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .mdc-floating-label{color:var(--mat-form-field-filled-label-text-color)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field.read-only{pointer-events:none}:host::ng-deep mat-form-field.read-only .mdc-text-field{background-color:var(--mat-form-field-filled-container-color);cursor:default;outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.read-only .mdc-text-field input{pointer-events:none;-webkit-user-select:none;user-select:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field{outline:2px solid var(--color-secondary-pressed);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .status_processing,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}:host ::ng-deep input[type=number]::-webkit-outer-spin-button,:host ::ng-deep input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host ::ng-deep input[type=number]{-moz-appearance:textfield}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px;overflow:hidden}.footer-container.dynamic{min-height:0;max-height:0;opacity:0;transition:max-height .3s ease-in-out,opacity .2s ease-in-out,min-height .3s ease-in-out}.footer-container.dynamic.has-content{min-height:20px;max-height:100px;opacity:1;transition:max-height .3s ease-in-out,opacity .3s ease-in-out .1s,min-height .3s ease-in-out}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$2.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: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i6.MatDatetimepickerComponent, selector: "mat-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "ariaNextMonthLabel", "ariaPrevMonthLabel", "ariaNextYearLabel", "ariaPrevYearLabel", "preventSameDateTimeSelection", "panelClass", "startAt", "openOnFocus", "type", "touchUi", "disabled"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["matDatetimepicker"] }, { kind: "directive", type: i6.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "directive", type: DateTimePickerFormatDirective, selector: "[dateTimePickerFormat]", inputs: ["customDisplayFormat", "overrideDisplayFormat"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsDatetimepickerComponent, isStandalone: false, selector: "ads-datetimepicker", inputs: { twelveHour: "twelveHour", offset: "offset", allowPastValues: "allowPastValues", allowManualInput: "allowManualInput", useShortcuts: "useShortcuts", overrideDisplayFormat: "overrideDisplayFormat", showTimePicker: "showTimePicker", customDisplayFormat: "customDisplayFormat", timeInterval: "timeInterval", overlayCdkClass: "overlayCdkClass" }, viewQueries: [{ propertyName: "picker", first: true, predicate: MatDatetimepickerComponent, descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: containerMinWidth }\" class=\"ads-field-container\">\r\n  <div [ngStyle]=\"{ width: width }\">\r\n    <mat-form-field\r\n      [ngClass]=\"{\r\n        'immediate-validation': immediateValidation,\r\n        'no-left-padding': !showExclamation,\r\n        invalid: canShowError(),\r\n        manual: allowManualInput,\r\n        'success-label': canShowSuccess(),\r\n        'x-small': smallSize,\r\n        'suppress-validation': !showValidationError,\r\n      }\"\r\n      [ngStyle]=\"{ width: width }\"\r\n    >\r\n      @if ((label || required) && !smallSize) {\r\n        <mat-label>{{ label }}</mat-label>\r\n      }\r\n      <mat-datetimepicker\r\n        #datetimePicker\r\n        (viewChanged)=\"onViewChanged($event)\"\r\n        (opened)=\"onOpened()\"\r\n        (closed)=\"onClosed()\"\r\n        [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\r\n        [openOnFocus]=\"!allowManualInput\"\r\n        [twelvehour]=\"twelveHour\"\r\n        [timeInterval]=\"timeInterval\"\r\n        [mode]=\"'portrait'\"\r\n      />\r\n      <input\r\n        (dateChange)=\"onChanged($event)\"\r\n        dateTimePickerFormat\r\n        [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\r\n        [customDisplayFormat]=\"customDisplayFormatOverride\"\r\n        #input\r\n        matInput\r\n        (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\r\n        (blur)=\"touchControls()\"\r\n        [tabIndex]=\"allowManualInput ? 0 : -1\"\r\n        [min]=\"minDate || null\"\r\n        [readonly]=\"!allowManualInput\"\r\n        [formControl]=\"displayControl\"\r\n        [matDatetimepicker]=\"datetimePicker\"\r\n        autocomplete=\"false\"\r\n        [id]=\"id\"\r\n        [required]=\"required\"\r\n        [placeholder]=\"placeholder\"\r\n      />\r\n\r\n      @if (canClear) {\r\n        <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n          <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\r\n        </button>\r\n      }\r\n\r\n      @if (type === 'time') {\r\n        <button\r\n          matTextSuffix\r\n          type=\"button\"\r\n          mat-icon-button\r\n          (click)=\"toggle($event)\"\r\n          [disabled]=\"!showTimePicker\"\r\n          class=\"action-icon\"\r\n        >\r\n          <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\r\n        </button>\r\n      } @else {\r\n        <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\r\n          <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\r\n          @if (type === 'datetime') {\r\n            <ads-icon\r\n              class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\r\n              name=\"status_processing\"\r\n              [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\r\n              [stroke]=\"'iconPrimary'\"\r\n            />\r\n          }\r\n        </button>\r\n      }\r\n    </mat-form-field>\r\n    @if (showFooter) {\r\n      <div class=\"footer-container\"\r\n           [class.dynamic]=\"!isStaticFooter\"\r\n           [class.has-content]=\"hasFooterContent()\">\r\n        @if (canShowError()) {\r\n          <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (canShowSuccess()) {\r\n          <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (hint) {\r\n          <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n  @if (tooltip) {\r\n    <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\r\n  }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-field-container.shrink{min-width:0}.ads-field-container.shrink>div{min-width:0;width:100%}.ads-field-container.shrink mat-form-field{min-width:0;width:100%}.ads-field-container.shrink .mdc-text-field,.ads-field-container.shrink .mat-mdc-form-field-flex{min-width:0}.ads-field-container.shrink .mat-mdc-form-field-infix{min-width:0;width:0;flex:1 1 0}.ads-field-container.shrink .mat-mdc-select,.ads-field-container.shrink .mat-mdc-select-trigger{min-width:0}.ads-field-container.shrink .mat-mdc-select-value{min-width:0;max-width:100%}.ads-field-container.shrink .mat-mdc-select-value-text,.ads-field-container.shrink .mat-mdc-select-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-error-focus-label-text-color: var(--color-error);--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-icon-button:focus-visible,:host::ng-deep mat-form-field .mat-mdc-icon-button:focus-visible{background-color:var(--color-light-30)}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid{outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .mdc-floating-label{color:var(--mat-form-field-filled-label-text-color)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field.read-only{pointer-events:none}:host::ng-deep mat-form-field.read-only .mdc-text-field{background-color:var(--mat-form-field-filled-container-color);cursor:default;outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.read-only .mdc-text-field input{pointer-events:none;-webkit-user-select:none;user-select:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field{outline:2px solid var(--color-secondary-pressed);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .status_processing,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}:host ::ng-deep input[type=number]::-webkit-outer-spin-button,:host ::ng-deep input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host ::ng-deep input[type=number]{-moz-appearance:textfield}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px;overflow:hidden}.footer-container.dynamic{min-height:0;max-height:0;opacity:0;transition:max-height .3s ease-in-out,opacity .2s ease-in-out,min-height .3s ease-in-out}.footer-container.dynamic.has-content{min-height:20px;max-height:100px;opacity:1;transition:max-height .3s ease-in-out,opacity .3s ease-in-out .1s,min-height .3s ease-in-out}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$2.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: "directive", type: i4$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i6.MatDatetimepickerComponent, selector: "mat-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "ariaNextMonthLabel", "ariaPrevMonthLabel", "ariaNextYearLabel", "ariaPrevYearLabel", "preventSameDateTimeSelection", "panelClass", "startAt", "openOnFocus", "type", "touchUi", "disabled"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["matDatetimepicker"] }, { kind: "directive", type: i6.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "directive", type: DateTimePickerFormatDirective, selector: "[dateTimePickerFormat]", inputs: ["customDisplayFormat", "overrideDisplayFormat"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsDatetimepickerComponent, decorators: [{
             type: Component,
@@ -6749,7 +6784,7 @@ class AdsDatepickerComponent extends AdsDatetimepickerComponent {
             date.getDate() === day;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsDatepickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsDatepickerComponent, isStandalone: false, selector: "ads-datepicker", inputs: { customDisplayFormat: "customDisplayFormat", closeOnOutOfView: "closeOnOutOfView", outOfViewRootMargin: "outOfViewRootMargin" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: containerMinWidth }\" class=\"ads-field-container\">\r\n  <div [ngStyle]=\"{ width: width }\">\r\n    <mat-form-field\r\n      [ngClass]=\"{\r\n        'immediate-validation': immediateValidation,\r\n        'no-left-padding': !showExclamation,\r\n        invalid: canShowError(),\r\n        manual: allowManualInput,\r\n        'success-label': canShowSuccess(),\r\n        'x-small': smallSize,\r\n        'suppress-validation': !showValidationError,\r\n      }\"\r\n      [ngStyle]=\"{ width: width }\"\r\n    >\r\n      @if ((label || required) && !smallSize) {\r\n        <mat-label>{{ label }}</mat-label>\r\n      }\r\n      <mat-datetimepicker\r\n        #datetimePicker\r\n        (viewChanged)=\"onViewChanged($event)\"\r\n        (opened)=\"onOpened()\"\r\n        (closed)=\"onClosed()\"\r\n        [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\r\n        [openOnFocus]=\"!allowManualInput\"\r\n        [twelvehour]=\"twelveHour\"\r\n        [timeInterval]=\"timeInterval\"\r\n        [mode]=\"'portrait'\"\r\n      />\r\n      <input\r\n        (dateChange)=\"onChanged($event)\"\r\n        dateTimePickerFormat\r\n        [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\r\n        [customDisplayFormat]=\"customDisplayFormatOverride\"\r\n        #input\r\n        matInput\r\n        (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\r\n        (blur)=\"touchControls()\"\r\n        [tabIndex]=\"allowManualInput ? 0 : -1\"\r\n        [min]=\"minDate || null\"\r\n        [readonly]=\"!allowManualInput\"\r\n        [formControl]=\"displayControl\"\r\n        [matDatetimepicker]=\"datetimePicker\"\r\n        autocomplete=\"false\"\r\n        [id]=\"id\"\r\n        [required]=\"required\"\r\n        [placeholder]=\"placeholder\"\r\n      />\r\n\r\n      @if (canClear) {\r\n        <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n          <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\r\n        </button>\r\n      }\r\n\r\n      @if (type === 'time') {\r\n        <button\r\n          matTextSuffix\r\n          type=\"button\"\r\n          mat-icon-button\r\n          (click)=\"toggle($event)\"\r\n          [disabled]=\"!showTimePicker\"\r\n          class=\"action-icon\"\r\n        >\r\n          <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\r\n        </button>\r\n      } @else {\r\n        <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\r\n          <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\r\n          @if (type === 'datetime') {\r\n            <ads-icon\r\n              class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\r\n              name=\"status_processing\"\r\n              [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\r\n              [stroke]=\"'iconPrimary'\"\r\n            />\r\n          }\r\n        </button>\r\n      }\r\n    </mat-form-field>\r\n    @if (showFooter) {\r\n      <div class=\"footer-container\"\r\n           [class.dynamic]=\"!isStaticFooter\"\r\n           [class.has-content]=\"hasFooterContent()\">\r\n        @if (canShowError()) {\r\n          <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (canShowSuccess()) {\r\n          <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (hint) {\r\n          <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n  @if (tooltip) {\r\n    <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\r\n  }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-field-container.shrink{min-width:0}.ads-field-container.shrink>div{min-width:0;width:100%}.ads-field-container.shrink mat-form-field{min-width:0;width:100%}.ads-field-container.shrink .mdc-text-field,.ads-field-container.shrink .mat-mdc-form-field-flex{min-width:0}.ads-field-container.shrink .mat-mdc-form-field-infix{min-width:0;width:0;flex:1 1 0}.ads-field-container.shrink .mat-mdc-select,.ads-field-container.shrink .mat-mdc-select-trigger{min-width:0}.ads-field-container.shrink .mat-mdc-select-value{min-width:0;max-width:100%}.ads-field-container.shrink .mat-mdc-select-value-text,.ads-field-container.shrink .mat-mdc-select-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-error-focus-label-text-color: var(--color-error);--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-icon-button:focus-visible,:host::ng-deep mat-form-field .mat-mdc-icon-button:focus-visible{background-color:var(--color-light-30)}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid{outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .mdc-floating-label{color:var(--mat-form-field-filled-label-text-color)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field.read-only{pointer-events:none}:host::ng-deep mat-form-field.read-only .mdc-text-field{background-color:var(--mat-form-field-filled-container-color);cursor:default;outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.read-only .mdc-text-field input{pointer-events:none;-webkit-user-select:none;user-select:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field{outline:2px solid var(--color-secondary-pressed);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .status_processing,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}:host ::ng-deep input[type=number]::-webkit-outer-spin-button,:host ::ng-deep input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host ::ng-deep input[type=number]{-moz-appearance:textfield}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px;overflow:hidden}.footer-container.dynamic{min-height:0;max-height:0;opacity:0;transition:max-height .3s ease-in-out,opacity .2s ease-in-out,min-height .3s ease-in-out}.footer-container.dynamic.has-content{min-height:20px;max-height:100px;opacity:1;transition:max-height .3s ease-in-out,opacity .3s ease-in-out .1s,min-height .3s ease-in-out}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$2.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: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i6.MatDatetimepickerComponent, selector: "mat-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "ariaNextMonthLabel", "ariaPrevMonthLabel", "ariaNextYearLabel", "ariaPrevYearLabel", "preventSameDateTimeSelection", "panelClass", "startAt", "openOnFocus", "type", "touchUi", "disabled"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["matDatetimepicker"] }, { kind: "directive", type: i6.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "directive", type: DateTimePickerFormatDirective, selector: "[dateTimePickerFormat]", inputs: ["customDisplayFormat", "overrideDisplayFormat"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsDatepickerComponent, isStandalone: false, selector: "ads-datepicker", inputs: { customDisplayFormat: "customDisplayFormat", closeOnOutOfView: "closeOnOutOfView", outOfViewRootMargin: "outOfViewRootMargin" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: containerMinWidth }\" class=\"ads-field-container\">\r\n  <div [ngStyle]=\"{ width: width }\">\r\n    <mat-form-field\r\n      [ngClass]=\"{\r\n        'immediate-validation': immediateValidation,\r\n        'no-left-padding': !showExclamation,\r\n        invalid: canShowError(),\r\n        manual: allowManualInput,\r\n        'success-label': canShowSuccess(),\r\n        'x-small': smallSize,\r\n        'suppress-validation': !showValidationError,\r\n      }\"\r\n      [ngStyle]=\"{ width: width }\"\r\n    >\r\n      @if ((label || required) && !smallSize) {\r\n        <mat-label>{{ label }}</mat-label>\r\n      }\r\n      <mat-datetimepicker\r\n        #datetimePicker\r\n        (viewChanged)=\"onViewChanged($event)\"\r\n        (opened)=\"onOpened()\"\r\n        (closed)=\"onClosed()\"\r\n        [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\r\n        [openOnFocus]=\"!allowManualInput\"\r\n        [twelvehour]=\"twelveHour\"\r\n        [timeInterval]=\"timeInterval\"\r\n        [mode]=\"'portrait'\"\r\n      />\r\n      <input\r\n        (dateChange)=\"onChanged($event)\"\r\n        dateTimePickerFormat\r\n        [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\r\n        [customDisplayFormat]=\"customDisplayFormatOverride\"\r\n        #input\r\n        matInput\r\n        (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\r\n        (blur)=\"touchControls()\"\r\n        [tabIndex]=\"allowManualInput ? 0 : -1\"\r\n        [min]=\"minDate || null\"\r\n        [readonly]=\"!allowManualInput\"\r\n        [formControl]=\"displayControl\"\r\n        [matDatetimepicker]=\"datetimePicker\"\r\n        autocomplete=\"false\"\r\n        [id]=\"id\"\r\n        [required]=\"required\"\r\n        [placeholder]=\"placeholder\"\r\n      />\r\n\r\n      @if (canClear) {\r\n        <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n          <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\r\n        </button>\r\n      }\r\n\r\n      @if (type === 'time') {\r\n        <button\r\n          matTextSuffix\r\n          type=\"button\"\r\n          mat-icon-button\r\n          (click)=\"toggle($event)\"\r\n          [disabled]=\"!showTimePicker\"\r\n          class=\"action-icon\"\r\n        >\r\n          <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\r\n        </button>\r\n      } @else {\r\n        <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\r\n          <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\r\n          @if (type === 'datetime') {\r\n            <ads-icon\r\n              class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\r\n              name=\"status_processing\"\r\n              [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\r\n              [stroke]=\"'iconPrimary'\"\r\n            />\r\n          }\r\n        </button>\r\n      }\r\n    </mat-form-field>\r\n    @if (showFooter) {\r\n      <div class=\"footer-container\"\r\n           [class.dynamic]=\"!isStaticFooter\"\r\n           [class.has-content]=\"hasFooterContent()\">\r\n        @if (canShowError()) {\r\n          <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (canShowSuccess()) {\r\n          <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (hint) {\r\n          <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n  @if (tooltip) {\r\n    <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\r\n  }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-field-container.shrink{min-width:0}.ads-field-container.shrink>div{min-width:0;width:100%}.ads-field-container.shrink mat-form-field{min-width:0;width:100%}.ads-field-container.shrink .mdc-text-field,.ads-field-container.shrink .mat-mdc-form-field-flex{min-width:0}.ads-field-container.shrink .mat-mdc-form-field-infix{min-width:0;width:0;flex:1 1 0}.ads-field-container.shrink .mat-mdc-select,.ads-field-container.shrink .mat-mdc-select-trigger{min-width:0}.ads-field-container.shrink .mat-mdc-select-value{min-width:0;max-width:100%}.ads-field-container.shrink .mat-mdc-select-value-text,.ads-field-container.shrink .mat-mdc-select-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-error-focus-label-text-color: var(--color-error);--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-icon-button:focus-visible,:host::ng-deep mat-form-field .mat-mdc-icon-button:focus-visible{background-color:var(--color-light-30)}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid{outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .mdc-floating-label{color:var(--mat-form-field-filled-label-text-color)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field.read-only{pointer-events:none}:host::ng-deep mat-form-field.read-only .mdc-text-field{background-color:var(--mat-form-field-filled-container-color);cursor:default;outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.read-only .mdc-text-field input{pointer-events:none;-webkit-user-select:none;user-select:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field{outline:2px solid var(--color-secondary-pressed);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .status_processing,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}:host ::ng-deep input[type=number]::-webkit-outer-spin-button,:host ::ng-deep input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host ::ng-deep input[type=number]{-moz-appearance:textfield}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px;overflow:hidden}.footer-container.dynamic{min-height:0;max-height:0;opacity:0;transition:max-height .3s ease-in-out,opacity .2s ease-in-out,min-height .3s ease-in-out}.footer-container.dynamic.has-content{min-height:20px;max-height:100px;opacity:1;transition:max-height .3s ease-in-out,opacity .3s ease-in-out .1s,min-height .3s ease-in-out}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$2.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: "directive", type: i4$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i6.MatDatetimepickerComponent, selector: "mat-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "ariaNextMonthLabel", "ariaPrevMonthLabel", "ariaNextYearLabel", "ariaPrevYearLabel", "preventSameDateTimeSelection", "panelClass", "startAt", "openOnFocus", "type", "touchUi", "disabled"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["matDatetimepicker"] }, { kind: "directive", type: i6.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "directive", type: DateTimePickerFormatDirective, selector: "[dateTimePickerFormat]", inputs: ["customDisplayFormat", "overrideDisplayFormat"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsDatepickerComponent, decorators: [{
             type: Component,
@@ -6883,7 +6918,7 @@ class AdsTimepickerComponent extends AdsDatetimepickerComponent {
         super.onSyncDisplayedValue(valueToApply);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsTimepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsTimepickerComponent, isStandalone: false, selector: "ads-timepicker", inputs: { customDisplayFormat: "customDisplayFormat" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: containerMinWidth }\" class=\"ads-field-container\">\r\n  <div [ngStyle]=\"{ width: width }\">\r\n    <mat-form-field\r\n      [ngClass]=\"{\r\n        'immediate-validation': immediateValidation,\r\n        'no-left-padding': !showExclamation,\r\n        invalid: canShowError(),\r\n        manual: allowManualInput,\r\n        'success-label': canShowSuccess(),\r\n        'x-small': smallSize,\r\n        'suppress-validation': !showValidationError,\r\n      }\"\r\n      [ngStyle]=\"{ width: width }\"\r\n    >\r\n      @if ((label || required) && !smallSize) {\r\n        <mat-label>{{ label }}</mat-label>\r\n      }\r\n      <mat-datetimepicker\r\n        #datetimePicker\r\n        (viewChanged)=\"onViewChanged($event)\"\r\n        (opened)=\"onOpened()\"\r\n        (closed)=\"onClosed()\"\r\n        [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\r\n        [openOnFocus]=\"!allowManualInput\"\r\n        [twelvehour]=\"twelveHour\"\r\n        [timeInterval]=\"timeInterval\"\r\n        [mode]=\"'portrait'\"\r\n      />\r\n      <input\r\n        (dateChange)=\"onChanged($event)\"\r\n        dateTimePickerFormat\r\n        [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\r\n        [customDisplayFormat]=\"customDisplayFormatOverride\"\r\n        #input\r\n        matInput\r\n        (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\r\n        (blur)=\"touchControls()\"\r\n        [tabIndex]=\"allowManualInput ? 0 : -1\"\r\n        [min]=\"minDate || null\"\r\n        [readonly]=\"!allowManualInput\"\r\n        [formControl]=\"displayControl\"\r\n        [matDatetimepicker]=\"datetimePicker\"\r\n        autocomplete=\"false\"\r\n        [id]=\"id\"\r\n        [required]=\"required\"\r\n        [placeholder]=\"placeholder\"\r\n      />\r\n\r\n      @if (canClear) {\r\n        <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n          <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\r\n        </button>\r\n      }\r\n\r\n      @if (type === 'time') {\r\n        <button\r\n          matTextSuffix\r\n          type=\"button\"\r\n          mat-icon-button\r\n          (click)=\"toggle($event)\"\r\n          [disabled]=\"!showTimePicker\"\r\n          class=\"action-icon\"\r\n        >\r\n          <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\r\n        </button>\r\n      } @else {\r\n        <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\r\n          <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\r\n          @if (type === 'datetime') {\r\n            <ads-icon\r\n              class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\r\n              name=\"status_processing\"\r\n              [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\r\n              [stroke]=\"'iconPrimary'\"\r\n            />\r\n          }\r\n        </button>\r\n      }\r\n    </mat-form-field>\r\n    @if (showFooter) {\r\n      <div class=\"footer-container\"\r\n           [class.dynamic]=\"!isStaticFooter\"\r\n           [class.has-content]=\"hasFooterContent()\">\r\n        @if (canShowError()) {\r\n          <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (canShowSuccess()) {\r\n          <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (hint) {\r\n          <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n  @if (tooltip) {\r\n    <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\r\n  }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-field-container.shrink{min-width:0}.ads-field-container.shrink>div{min-width:0;width:100%}.ads-field-container.shrink mat-form-field{min-width:0;width:100%}.ads-field-container.shrink .mdc-text-field,.ads-field-container.shrink .mat-mdc-form-field-flex{min-width:0}.ads-field-container.shrink .mat-mdc-form-field-infix{min-width:0;width:0;flex:1 1 0}.ads-field-container.shrink .mat-mdc-select,.ads-field-container.shrink .mat-mdc-select-trigger{min-width:0}.ads-field-container.shrink .mat-mdc-select-value{min-width:0;max-width:100%}.ads-field-container.shrink .mat-mdc-select-value-text,.ads-field-container.shrink .mat-mdc-select-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-error-focus-label-text-color: var(--color-error);--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-icon-button:focus-visible,:host::ng-deep mat-form-field .mat-mdc-icon-button:focus-visible{background-color:var(--color-light-30)}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid{outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .mdc-floating-label{color:var(--mat-form-field-filled-label-text-color)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field.read-only{pointer-events:none}:host::ng-deep mat-form-field.read-only .mdc-text-field{background-color:var(--mat-form-field-filled-container-color);cursor:default;outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.read-only .mdc-text-field input{pointer-events:none;-webkit-user-select:none;user-select:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field{outline:2px solid var(--color-secondary-pressed);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .status_processing,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}:host ::ng-deep input[type=number]::-webkit-outer-spin-button,:host ::ng-deep input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host ::ng-deep input[type=number]{-moz-appearance:textfield}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px;overflow:hidden}.footer-container.dynamic{min-height:0;max-height:0;opacity:0;transition:max-height .3s ease-in-out,opacity .2s ease-in-out,min-height .3s ease-in-out}.footer-container.dynamic.has-content{min-height:20px;max-height:100px;opacity:1;transition:max-height .3s ease-in-out,opacity .3s ease-in-out .1s,min-height .3s ease-in-out}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i6.MatDatetimepickerComponent, selector: "mat-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "ariaNextMonthLabel", "ariaPrevMonthLabel", "ariaNextYearLabel", "ariaPrevYearLabel", "preventSameDateTimeSelection", "panelClass", "startAt", "openOnFocus", "type", "touchUi", "disabled"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["matDatetimepicker"] }, { kind: "directive", type: i6.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$2.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: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: DateTimePickerFormatDirective, selector: "[dateTimePickerFormat]", inputs: ["customDisplayFormat", "overrideDisplayFormat"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsTimepickerComponent, isStandalone: false, selector: "ads-timepicker", inputs: { customDisplayFormat: "customDisplayFormat" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: containerMinWidth }\" class=\"ads-field-container\">\r\n  <div [ngStyle]=\"{ width: width }\">\r\n    <mat-form-field\r\n      [ngClass]=\"{\r\n        'immediate-validation': immediateValidation,\r\n        'no-left-padding': !showExclamation,\r\n        invalid: canShowError(),\r\n        manual: allowManualInput,\r\n        'success-label': canShowSuccess(),\r\n        'x-small': smallSize,\r\n        'suppress-validation': !showValidationError,\r\n      }\"\r\n      [ngStyle]=\"{ width: width }\"\r\n    >\r\n      @if ((label || required) && !smallSize) {\r\n        <mat-label>{{ label }}</mat-label>\r\n      }\r\n      <mat-datetimepicker\r\n        #datetimePicker\r\n        (viewChanged)=\"onViewChanged($event)\"\r\n        (opened)=\"onOpened()\"\r\n        (closed)=\"onClosed()\"\r\n        [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\r\n        [openOnFocus]=\"!allowManualInput\"\r\n        [twelvehour]=\"twelveHour\"\r\n        [timeInterval]=\"timeInterval\"\r\n        [mode]=\"'portrait'\"\r\n      />\r\n      <input\r\n        (dateChange)=\"onChanged($event)\"\r\n        dateTimePickerFormat\r\n        [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\r\n        [customDisplayFormat]=\"customDisplayFormatOverride\"\r\n        #input\r\n        matInput\r\n        (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\r\n        (blur)=\"touchControls()\"\r\n        [tabIndex]=\"allowManualInput ? 0 : -1\"\r\n        [min]=\"minDate || null\"\r\n        [readonly]=\"!allowManualInput\"\r\n        [formControl]=\"displayControl\"\r\n        [matDatetimepicker]=\"datetimePicker\"\r\n        autocomplete=\"false\"\r\n        [id]=\"id\"\r\n        [required]=\"required\"\r\n        [placeholder]=\"placeholder\"\r\n      />\r\n\r\n      @if (canClear) {\r\n        <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n          <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\r\n        </button>\r\n      }\r\n\r\n      @if (type === 'time') {\r\n        <button\r\n          matTextSuffix\r\n          type=\"button\"\r\n          mat-icon-button\r\n          (click)=\"toggle($event)\"\r\n          [disabled]=\"!showTimePicker\"\r\n          class=\"action-icon\"\r\n        >\r\n          <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\r\n        </button>\r\n      } @else {\r\n        <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\r\n          <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\r\n          @if (type === 'datetime') {\r\n            <ads-icon\r\n              class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\r\n              name=\"status_processing\"\r\n              [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\r\n              [stroke]=\"'iconPrimary'\"\r\n            />\r\n          }\r\n        </button>\r\n      }\r\n    </mat-form-field>\r\n    @if (showFooter) {\r\n      <div class=\"footer-container\"\r\n           [class.dynamic]=\"!isStaticFooter\"\r\n           [class.has-content]=\"hasFooterContent()\">\r\n        @if (canShowError()) {\r\n          <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (canShowSuccess()) {\r\n          <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (hint) {\r\n          <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n  @if (tooltip) {\r\n    <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\r\n  }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}.ads-field-container.shrink{min-width:0}.ads-field-container.shrink>div{min-width:0;width:100%}.ads-field-container.shrink mat-form-field{min-width:0;width:100%}.ads-field-container.shrink .mdc-text-field,.ads-field-container.shrink .mat-mdc-form-field-flex{min-width:0}.ads-field-container.shrink .mat-mdc-form-field-infix{min-width:0;width:0;flex:1 1 0}.ads-field-container.shrink .mat-mdc-select,.ads-field-container.shrink .mat-mdc-select-trigger{min-width:0}.ads-field-container.shrink .mat-mdc-select-value{min-width:0;max-width:100%}.ads-field-container.shrink .mat-mdc-select-value-text,.ads-field-container.shrink .mat-mdc-select-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ads-input-right-hint{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:var(--color-light);font-size:.95em;pointer-events:none;z-index:2;background:transparent;white-space:nowrap}:host::ng-deep mat-form-field{--mat-form-field-filled-container-color: var(--color-white);--mat-form-field-filled-input-text-color: var(--color-medium);--mat-form-field-filled-error-label-text-color: var(--color-error);--mat-form-field-filled-error-hover-label-text-color: var(--color-error);--mat-form-field-filled-label-text-color: var(--color-medium);--mat-form-field-filled-focus-label-text-color: var(--color-medium);--mat-form-field-filled-hover-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-label-text-color: var(--color-medium);--mat-form-field-filled-disabled-container-color: var(--color-muted) !important;--mat-form-field-filled-disabled-input-text-color: var(--color-medium) !important;--mat-form-field-filled-error-focus-label-text-color: var(--color-error);--mat-form-field-filled-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mat-form-field-filled-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-icon-button:focus-visible,:host::ng-deep mat-form-field .mat-mdc-icon-button:focus-visible{background-color:var(--color-light-30)}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid{outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .status_processing,:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-medium)!important}:host::ng-deep mat-form-field.suppress-validation .mdc-text-field.mdc-text-field--invalid .mdc-floating-label{color:var(--mat-form-field-filled-label-text-color)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mat-form-field-filled-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mat-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field .time-picker-button{cursor:default}:host::ng-deep mat-form-field .time-picker-button .mdc-icon-button__ripple{display:none!important}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mat-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.mat-form-field-disabled .mdc-text-field{background-color:var(--mat-form-field-filled-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field.read-only{pointer-events:none}:host::ng-deep mat-form-field.read-only .mdc-text-field{background-color:var(--mat-form-field-filled-container-color);cursor:default;outline:1px solid var(--color-light);outline-offset:-1px}:host::ng-deep mat-form-field.read-only .mdc-text-field input{pointer-events:none;-webkit-user-select:none;user-select:none}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field{outline:2px solid var(--color-secondary-pressed);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.mat-form-field-disabled):not(.read-only).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mat-form-field-filled-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .status_processing,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}:host ::ng-deep .mdc-text-field{position:relative}:host ::ng-deep input[type=number]::-webkit-outer-spin-button,:host ::ng-deep input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host ::ng-deep input[type=number]{-moz-appearance:textfield}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px;overflow:hidden}.footer-container.dynamic{min-height:0;max-height:0;opacity:0;transition:max-height .3s ease-in-out,opacity .2s ease-in-out,min-height .3s ease-in-out}.footer-container.dynamic.has-content{min-height:20px;max-height:100px;opacity:1;transition:max-height .3s ease-in-out,opacity .3s ease-in-out .1s,min-height .3s ease-in-out}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i6.MatDatetimepickerComponent, selector: "mat-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "ariaNextMonthLabel", "ariaPrevMonthLabel", "ariaNextYearLabel", "ariaPrevYearLabel", "preventSameDateTimeSelection", "panelClass", "startAt", "openOnFocus", "type", "touchUi", "disabled"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["matDatetimepicker"] }, { kind: "directive", type: i6.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$2.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: "directive", type: i4$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: DateTimePickerFormatDirective, selector: "[dateTimePickerFormat]", inputs: ["customDisplayFormat", "overrideDisplayFormat"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsTimepickerComponent, decorators: [{
             type: Component,
@@ -6992,7 +7027,7 @@ class AdsRadioButtonComponent extends AdsDropdownComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsRadioButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsRadioButtonComponent, isStandalone: false, selector: "ads-radio-button", inputs: { vertical: "vertical", sortOptions: "sortOptions", useOptionTemplate: "useOptionTemplate" }, queries: [{ propertyName: "optionRef", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: containerMinWidth }\" class=\"ads-field-container\">\r\n  <div>\r\n    <mat-radio-group\r\n      [id]=\"id\"\r\n      [ngClass]=\"{\r\n        vertical: vertical,\r\n        'radio-invalid': valueControl.invalid && (valueControl.touched || immediateValidation),\r\n      }\"\r\n      [formControl]=\"valueControl\"\r\n      [ngStyle]=\"{ width: width }\"\r\n    >\r\n      @for (option of displayedOptions | keyvalue: applySorting; track $index) {\r\n        <mat-radio-button [value]=\"option.key\">\r\n          @if (useOptionTemplate) {\r\n            <ng-template\r\n              [ngTemplateOutlet]=\"optionRef()\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: option.key, value: option.value }\"\r\n            ></ng-template>\r\n          } @else {\r\n            {{ displayValueFormatter ? displayValueFormatter(option.key) : option.value }}\r\n          }\r\n        </mat-radio-button>\r\n      }\r\n    </mat-radio-group>\r\n    @if (showFooter) {\r\n      <div class=\"footer-container\"\r\n           [class.dynamic]=\"!isStaticFooter\"\r\n           [class.has-content]=\"hasFooterContent()\">\r\n        @if (canShowError()) {\r\n          <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (canShowSuccess()) {\r\n          <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (hint) {\r\n          <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n  @if (tooltip) {\r\n    <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\r\n  }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}mat-radio-group{display:flex;gap:10px;height:48px;align-items:center}mat-radio-group.radio-invalid ::ng-deep .mdc-label{color:var(--color-error);-webkit-font-smoothing:antialiased}mat-radio-group.vertical{display:inline-block}mat-radio-group.vertical mat-radio-button{display:block}.mat-mdc-radio-button{--mat-radio-label-text-color: var(--color-dark);--mat-radio-label-text-line-height: 21px !important;--mat-radio-label-text-size: 16px;--mat-radio-checked-ripple-color: var(--color-medium-opacity-50) !important;--mat-radio-unchecked-ripple-color: var(--color-medium-opacity-50) !important;--mat-radio-ripple-color: var(--color-light-opacity-50);--mat-radio-state-layer-size: 32px !important}.mat-mdc-radio-button ::ng-deep .mdc-radio__outer-circle{border-width:1px}.mat-mdc-radio-button ::ng-deep .mdc-label{cursor:pointer}.mat-mdc-radio-button ::ng-deep .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{background-color:var(--color-white)}.mat-mdc-radio-button ::ng-deep .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle{transform:scale(.7)}.mat-mdc-radio-button ::ng-deep .mdc-radio__background:before{opacity:1!important}.mat-mdc-radio-button ::ng-deep .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle{background-color:var(--color-muted-50)}.mat-mdc-radio-button ::ng-deep .mat-internal-form-field>label{padding-left:2px}.mat-mdc-radio-button:hover ::ng-deep .mdc-radio__outer-circle{background-color:var(--color-white)}.mat-mdc-radio-button:active{--mat-radio-ripple-color: var(--color-medium-opacity-50) !important}.mat-mdc-radio-button{--mat-radio-selected-icon-color: var(--color-secondary);--mat-radio-selected-hover-icon-color: var(--color-secondary-hover);--mat-radio-selected-pressed-icon-color: var(--color-secondary-pressed);--mat-radio-selected-focus-icon-color: var(--color-secondary-pressed);--mat-radio-unselected-icon-color: var(--color-secondary);--mat-radio-unselected-hover-icon-color: var(--color-secondary-hover);--mat-radio-unselected-pressed-icon-color: var(--color-secondary-pressed);--mat-radio-unselected-focus-icon-color: var(--color-secondary-pressed);--mat-radio-disabled-selected-icon-color: var(--color-medium-30);--mat-radio-disabled-unselected-icon-color: var(--color-medium-30)}\n", ".footer-container{min-height:20px;overflow:hidden}.footer-container.dynamic{min-height:0;max-height:0;opacity:0;transition:max-height .3s ease-in-out,opacity .2s ease-in-out,min-height .3s ease-in-out}.footer-container.dynamic.has-content{min-height:20px;max-height:100px;opacity:1;transition:max-height .3s ease-in-out,opacity .3s ease-in-out .1s,min-height .3s ease-in-out}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\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: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$3.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3$3.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "pipe", type: i1$1.KeyValuePipe, name: "keyvalue" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsRadioButtonComponent, isStandalone: false, selector: "ads-radio-button", inputs: { vertical: "vertical", sortOptions: "sortOptions", useOptionTemplate: "useOptionTemplate" }, queries: [{ propertyName: "optionRef", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: containerMinWidth }\" class=\"ads-field-container\">\r\n  <div>\r\n    <mat-radio-group\r\n      [id]=\"id\"\r\n      [ngClass]=\"{\r\n        vertical: vertical,\r\n        'radio-invalid': valueControl.invalid && (valueControl.touched || immediateValidation),\r\n      }\"\r\n      [formControl]=\"valueControl\"\r\n      [ngStyle]=\"{ width: width }\"\r\n    >\r\n      @for (option of displayedOptions | keyvalue: applySorting; track $index) {\r\n        <mat-radio-button [value]=\"option.key\">\r\n          @if (useOptionTemplate) {\r\n            <ng-template\r\n              [ngTemplateOutlet]=\"optionRef()\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: option.key, value: option.value }\"\r\n            ></ng-template>\r\n          } @else {\r\n            {{ displayValueFormatter ? displayValueFormatter(option.key) : option.value }}\r\n          }\r\n        </mat-radio-button>\r\n      }\r\n    </mat-radio-group>\r\n    @if (showFooter) {\r\n      <div class=\"footer-container\"\r\n           [class.dynamic]=\"!isStaticFooter\"\r\n           [class.has-content]=\"hasFooterContent()\">\r\n        @if (canShowError()) {\r\n          <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (canShowSuccess()) {\r\n          <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n        } @else if (hint) {\r\n          <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n  @if (tooltip) {\r\n    <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\r\n  }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}mat-radio-group{display:flex;gap:10px;height:48px;align-items:center}mat-radio-group.radio-invalid ::ng-deep .mdc-label{color:var(--color-error);-webkit-font-smoothing:antialiased}mat-radio-group.vertical{display:inline-block}mat-radio-group.vertical mat-radio-button{display:block}.mat-mdc-radio-button{--mat-radio-label-text-color: var(--color-dark);--mat-radio-label-text-line-height: 21px !important;--mat-radio-label-text-size: 16px;--mat-radio-checked-ripple-color: var(--color-medium-opacity-50) !important;--mat-radio-unchecked-ripple-color: var(--color-medium-opacity-50) !important;--mat-radio-ripple-color: var(--color-light-opacity-50);--mat-radio-state-layer-size: 32px !important}.mat-mdc-radio-button ::ng-deep .mdc-radio__outer-circle{border-width:1px}.mat-mdc-radio-button ::ng-deep .mdc-label{cursor:pointer}.mat-mdc-radio-button ::ng-deep .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{background-color:var(--color-white)}.mat-mdc-radio-button ::ng-deep .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle{transform:scale(.7)}.mat-mdc-radio-button ::ng-deep .mdc-radio__background:before{opacity:1!important}.mat-mdc-radio-button ::ng-deep .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle{background-color:var(--color-muted-50)}.mat-mdc-radio-button ::ng-deep .mat-internal-form-field>label{padding-left:2px}.mat-mdc-radio-button:hover ::ng-deep .mdc-radio__outer-circle{background-color:var(--color-white)}.mat-mdc-radio-button:active{--mat-radio-ripple-color: var(--color-medium-opacity-50) !important}.mat-mdc-radio-button{--mat-radio-selected-icon-color: var(--color-secondary);--mat-radio-selected-hover-icon-color: var(--color-secondary-hover);--mat-radio-selected-pressed-icon-color: var(--color-secondary-pressed);--mat-radio-selected-focus-icon-color: var(--color-secondary-pressed);--mat-radio-unselected-icon-color: var(--color-secondary);--mat-radio-unselected-hover-icon-color: var(--color-secondary-hover);--mat-radio-unselected-pressed-icon-color: var(--color-secondary-pressed);--mat-radio-unselected-focus-icon-color: var(--color-secondary-pressed);--mat-radio-disabled-selected-icon-color: var(--color-medium-30);--mat-radio-disabled-unselected-icon-color: var(--color-medium-30)}\n", ".footer-container{min-height:20px;overflow:hidden}.footer-container.dynamic{min-height:0;max-height:0;opacity:0;transition:max-height .3s ease-in-out,opacity .2s ease-in-out,min-height .3s ease-in-out}.footer-container.dynamic.has-content{min-height:20px;max-height:100px;opacity:1;transition:max-height .3s ease-in-out,opacity .3s ease-in-out .1s,min-height .3s ease-in-out}::ng-deep .mat-mdc-form-field{--mat-form-field-filled-input-text-placeholder-color: var(--color-medium) !important}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\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: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$3.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3$3.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "pipe", type: i1$1.KeyValuePipe, name: "keyvalue" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsRadioButtonComponent, decorators: [{
             type: Component,
@@ -7193,7 +7228,7 @@ class AdsSliderComponent extends AdsCheckboxComponent {
         this.label = '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsSliderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsSliderComponent, isStandalone: false, selector: "ads-slider", inputs: { min: "min", max: "max", step: "step", tickInterval: "tickInterval", invert: "invert", thumbLabel: "thumbLabel" }, usesInheritance: true, ngImport: i0, template: "<div>\r\n  <mat-slider [id]=\"id\" [ngStyle]=\"{ width: width }\" [min]=\"min\" [max]=\"max\" [step]=\"step\" aria-label=\"slider\"\r\n    ><input matSliderThumb [formControl]=\"valueControl\" />\r\n  </mat-slider>\r\n  @if (valueControl.touched && valueControl.errors) {\r\n    <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n  } @else if (hint) {\r\n    <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n  }\r\n</div>\r\n", styles: ["mat-slider{--mat-slider-inactive-track-color: var(--color-light);--mat-slider-active-track-color: var(--color-secondary);--mat-slider-active-track-height: 2px;--mat-slider-inactive-track-height: 2px;--mat-slider-handle-width: 11px;--mat-slider-handle-height: 11px;--mat-slider-handle-color: var(--color-secondary);--mat-slider-focus-handle-color: var(--color-secondary);--mat-slider-focus-state-layer-color: var(--color-light-opacity-50);--mat-slider-hover-state-layer-color: var(--color-light-opacity-50);--mat-slider-ripple-color: var(--color-light-opacity-50)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3$4.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$4.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsSliderComponent, isStandalone: false, selector: "ads-slider", inputs: { min: "min", max: "max", step: "step", tickInterval: "tickInterval", invert: "invert", thumbLabel: "thumbLabel" }, usesInheritance: true, ngImport: i0, template: "<div>\r\n  <mat-slider [id]=\"id\" [ngStyle]=\"{ width: width }\" [min]=\"min\" [max]=\"max\" [step]=\"step\" aria-label=\"slider\"\r\n    ><input matSliderThumb [formControl]=\"valueControl\" />\r\n  </mat-slider>\r\n  @if (valueControl.touched && valueControl.errors) {\r\n    <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n  } @else if (hint) {\r\n    <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n  }\r\n</div>\r\n", styles: ["mat-slider{--mat-slider-inactive-track-color: var(--color-light);--mat-slider-active-track-color: var(--color-secondary);--mat-slider-active-track-height: 2px;--mat-slider-inactive-track-height: 2px;--mat-slider-handle-width: 11px;--mat-slider-handle-height: 11px;--mat-slider-handle-color: var(--color-secondary);--mat-slider-focus-handle-color: var(--color-secondary);--mat-slider-focus-state-layer-color: var(--color-light-opacity-50);--mat-slider-hover-state-layer-color: var(--color-light-opacity-50);--mat-slider-ripple-color: var(--color-light-opacity-50)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3$4.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$4.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsSliderComponent, decorators: [{
             type: Component,
@@ -8155,7 +8190,7 @@ class AdsCustomHeaderComponent {
         this.params.onMenuClosed?.();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsCustomHeaderComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsCustomHeaderComponent, isStandalone: false, selector: "ads-custom-header", ngImport: i0, template: "<div class=\"ads-custom-header\">\r\n  <span\r\n    class=\"menu-trigger-anchor\"\r\n    [class.align-right]=\"isLastColumn\"\r\n    #menuTrigger=\"matMenuTrigger\"\r\n    [matMenuTriggerFor]=\"sortFilterMenu\"\r\n    (menuOpened)=\"menuOpen = true\"\r\n    (menuClosed)=\"closeMenu()\"\r\n  ></span>\r\n\r\n  <span class=\"header-text\" [class.header-text--filtered]=\"isColumnFiltered\" [class.header-text--sorted]=\"isColumnSorted\">\r\n    @if (isColumnSorted) {\r\n      <div class=\"sort-order-badge\">\r\n        <span>{{ sortOrder }}</span>\r\n      </div>\r\n    }\r\n    @if (isColumnFiltered) {\r\n      <ads-icon name=\"table_filter\" size=\"xxs_16\" stroke=\"secondary\" />\r\n    }\r\n    {{ displayName }}\r\n  </span>\r\n\r\n  @if (hasSortFilterConfig) {\r\n    <button\r\n      class=\"header-menu-button\"\r\n      [class.active]=\"isActive\"\r\n      (click)=\"menuTrigger.openMenu(); $event.stopPropagation()\"\r\n    >\r\n      @if (sortDirection === 'asc') {\r\n        <ads-icon name=\"sorting_arrow_up\" [theme]=\"sortArrowColor\" [stroke]=\"sortArrowColor\" size=\"auto\" />\r\n      } @else if (sortDirection === 'desc') {\r\n        <ads-icon name=\"sorting_arrow_down\" [theme]=\"sortArrowColor\" [stroke]=\"sortArrowColor\" size=\"auto\" />\r\n      } @else {\r\n        <ads-icon name=\"menu_filters\" [theme]=\"sortArrowColor\" [stroke]=\"sortArrowColor\" size=\"auto\" />\r\n      }\r\n    </button>\r\n  }\r\n</div>\r\n\r\n<mat-menu #sortFilterMenu=\"matMenu\" class=\"column-sort-filter-panel\" [xPosition]=\"isLastColumn ? 'before' : 'after'\">\r\n  @if (sortFilterConfig) {\r\n    <ads-column-sort-filter-menu\r\n      [config]=\"sortFilterConfig\"\r\n      [currentSortDirection]=\"sortDirection\"\r\n      [selectedFilterValues]=\"filterValues\"\r\n      (sortChanged)=\"onSortChanged($event)\"\r\n      (filterChanged)=\"onFilterChanged($event)\"\r\n      (hideColumn)=\"onHideColumn($event)\"\r\n    />\r\n  }\r\n</mat-menu>\r\n\r\n", styles: [":host{display:block;width:100%;height:100%}.ads-custom-header{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;position:relative}.ads-custom-header .menu-trigger-anchor{position:absolute;left:0;bottom:0;width:1px;height:1px;pointer-events:none}.ads-custom-header .menu-trigger-anchor.align-right{left:auto;right:0}.ads-custom-header .header-text{font-weight:600;font-size:16px;line-height:21px;color:var(--color-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ads-custom-header .header-text--filtered,.ads-custom-header .header-text--sorted{display:flex;align-items:center;gap:8px;overflow:visible;color:var(--color-secondary)}.ads-custom-header .header-text .sort-order-badge{display:flex;width:20px;height:20px;flex-direction:column;justify-content:center;align-items:center;border-radius:100px;background:var(--color-secondary)}.ads-custom-header .header-text .sort-order-badge span{color:var(--color-white);text-align:center;font-size:12px;font-weight:600;line-height:16px}.ads-custom-header .header-menu-button{display:flex;align-items:center;justify-content:center;gap:2px;padding:4px;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}::ng-deep .column-sort-filter-panel{margin-top:1px}::ng-deep .column-sort-filter-panel .mat-mdc-menu-content{padding:0}\n"], dependencies: [{ kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i4$2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i4$2.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: AdsColumnSortFilterMenuComponent, selector: "ads-column-sort-filter-menu", inputs: ["config", "currentSortDirection", "selectedFilterValues"], outputs: ["sortChanged", "filterChanged", "hideColumn"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsCustomHeaderComponent, isStandalone: false, selector: "ads-custom-header", ngImport: i0, template: "<div class=\"ads-custom-header\">\r\n  <span\r\n    class=\"menu-trigger-anchor\"\r\n    [class.align-right]=\"isLastColumn\"\r\n    #menuTrigger=\"matMenuTrigger\"\r\n    [matMenuTriggerFor]=\"sortFilterMenu\"\r\n    (menuOpened)=\"menuOpen = true\"\r\n    (menuClosed)=\"closeMenu()\"\r\n  ></span>\r\n\r\n  <span class=\"header-text\" [class.header-text--filtered]=\"isColumnFiltered\" [class.header-text--sorted]=\"isColumnSorted\">\r\n    @if (isColumnSorted) {\r\n      <div class=\"sort-order-badge\">\r\n        <span>{{ sortOrder }}</span>\r\n      </div>\r\n    }\r\n    @if (isColumnFiltered) {\r\n      <ads-icon name=\"table_filter\" size=\"xxs_16\" stroke=\"secondary\" />\r\n    }\r\n    {{ displayName }}\r\n  </span>\r\n\r\n  @if (hasSortFilterConfig) {\r\n    <button\r\n      class=\"header-menu-button\"\r\n      [class.active]=\"isActive\"\r\n      (click)=\"menuTrigger.openMenu(); $event.stopPropagation()\"\r\n    >\r\n      @if (sortDirection === 'asc') {\r\n        <ads-icon name=\"sorting_arrow_up\" [theme]=\"sortArrowColor\" [stroke]=\"sortArrowColor\" size=\"auto\" />\r\n      } @else if (sortDirection === 'desc') {\r\n        <ads-icon name=\"sorting_arrow_down\" [theme]=\"sortArrowColor\" [stroke]=\"sortArrowColor\" size=\"auto\" />\r\n      } @else {\r\n        <ads-icon name=\"menu_filters\" [theme]=\"sortArrowColor\" [stroke]=\"sortArrowColor\" size=\"auto\" />\r\n      }\r\n    </button>\r\n  }\r\n</div>\r\n\r\n<mat-menu #sortFilterMenu=\"matMenu\" class=\"column-sort-filter-panel\" [xPosition]=\"isLastColumn ? 'before' : 'after'\">\r\n  @if (sortFilterConfig) {\r\n    <ads-column-sort-filter-menu\r\n      [config]=\"sortFilterConfig\"\r\n      [currentSortDirection]=\"sortDirection\"\r\n      [selectedFilterValues]=\"filterValues\"\r\n      (sortChanged)=\"onSortChanged($event)\"\r\n      (filterChanged)=\"onFilterChanged($event)\"\r\n      (hideColumn)=\"onHideColumn($event)\"\r\n    />\r\n  }\r\n</mat-menu>\r\n\r\n", styles: [":host{display:block;width:100%;height:100%}.ads-custom-header{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;position:relative}.ads-custom-header .menu-trigger-anchor{position:absolute;left:0;bottom:0;width:1px;height:1px;pointer-events:none}.ads-custom-header .menu-trigger-anchor.align-right{left:auto;right:0}.ads-custom-header .header-text{font-weight:600;font-size:16px;line-height:21px;color:var(--color-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ads-custom-header .header-text--filtered,.ads-custom-header .header-text--sorted{display:flex;align-items:center;gap:8px;overflow:visible;color:var(--color-secondary)}.ads-custom-header .header-text .sort-order-badge{display:flex;width:20px;height:20px;flex-direction:column;justify-content:center;align-items:center;border-radius:100px;background:var(--color-secondary)}.ads-custom-header .header-text .sort-order-badge span{color:var(--color-white);text-align:center;font-size:12px;font-weight:600;line-height:16px}.ads-custom-header .header-menu-button{display:flex;align-items:center;justify-content:center;gap:2px;padding:4px;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}::ng-deep .column-sort-filter-panel{margin-top:1px}::ng-deep .column-sort-filter-panel .mat-mdc-menu-content{padding:0}\n"], dependencies: [{ kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i4.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: AdsColumnSortFilterMenuComponent, selector: "ads-column-sort-filter-menu", inputs: ["config", "currentSortDirection", "selectedFilterValues"], outputs: ["sortChanged", "filterChanged", "hideColumn"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsCustomHeaderComponent, decorators: [{
             type: Component,
@@ -8236,7 +8271,7 @@ class AdsTableButtonComponent {
         this.menuClosed = output();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsTableButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: AdsTableButtonComponent, isStandalone: false, selector: "ads-table-button", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, matMenuTriggerFor: { classPropertyName: "matMenuTriggerFor", publicName: "matMenuTriggerFor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { menuOpened: "menuOpened", menuClosed: "menuClosed" }, ngImport: i0, template: "<button\r\n  mat-flat-button\r\n  [id]=\"id()\"\r\n  [disabled]=\"disabled()\"\r\n  [class.full-width]=\"fullWidth()\"\r\n  [disableRipple]=\"true\"\r\n  [matMenuTriggerFor]=\"matMenuTriggerFor()\"\r\n  (menuOpened)=\"menuOpened.emit()\"\r\n  (menuClosed)=\"menuClosed.emit()\">\r\n  <div class=\"content-container\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</button>\r\n", styles: ["button{--mat-button-filled-label-text-weight: 600;--mat-button-filled-container-height: 24px;--mat-button-filled-label-text-size: 12px;--mat-button-filled-horizontal-padding: 7px;--mat-button-filled-container-shape: 5px;--mat-filled-button-hover-state-layer-opacity: 0;--mat-button-filled-container-color: var(--color-secondary-10);--mat-button-filled-label-text-color: var(--color-secondary);border:1.5px solid var(--color-secondary);min-width:unset!important}button:disabled{border-color:var(--color-medium-30);--mat-button-filled-disabled-container-color: var(--color-muted-50);--mat-button-filled-disabled-label-text-color: var(--color-medium-50)}button:disabled ::ng-deep ads-icon svg{fill:var(--color-medium-50)!important;stroke:var(--color-medium-50)!important}button:not(:disabled):hover{border-color:var(--color-secondary-hover);--mat-button-filled-container-color: var(--color-secondary-hover);--mat-button-filled-label-text-color: var(--color-white)}button:not(:disabled):hover ::ng-deep ads-icon svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}button:not(:disabled):active,button:not(:disabled):focus{border-color:var(--color-secondary-pressed);--mat-button-filled-container-color: var(--color-secondary-pressed);--mat-button-filled-label-text-color: var(--color-white)}button:not(:disabled):active ::ng-deep ads-icon svg,button:not(:disabled):focus ::ng-deep ads-icon svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}::ng-deep .mat-mdc-button-persistent-ripple:before{opacity:0!important}:host::ng-deep .mdc-button__label{white-space:nowrap}.content-container{display:flex;gap:8px;align-items:center}.full-width{width:100%!important}\n"], dependencies: [{ kind: "component", type: i7.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i4$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: AdsTableButtonComponent, isStandalone: false, selector: "ads-table-button", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, matMenuTriggerFor: { classPropertyName: "matMenuTriggerFor", publicName: "matMenuTriggerFor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { menuOpened: "menuOpened", menuClosed: "menuClosed" }, ngImport: i0, template: "<button\r\n  mat-flat-button\r\n  [id]=\"id()\"\r\n  [disabled]=\"disabled()\"\r\n  [class.full-width]=\"fullWidth()\"\r\n  [disableRipple]=\"true\"\r\n  [matMenuTriggerFor]=\"matMenuTriggerFor()\"\r\n  (menuOpened)=\"menuOpened.emit()\"\r\n  (menuClosed)=\"menuClosed.emit()\">\r\n  <div class=\"content-container\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</button>\r\n", styles: ["button{--mat-button-filled-label-text-weight: 600;--mat-button-filled-container-height: 24px;--mat-button-filled-label-text-size: 12px;--mat-button-filled-horizontal-padding: 7px;--mat-button-filled-container-shape: 5px;--mat-filled-button-hover-state-layer-opacity: 0;--mat-button-filled-container-color: var(--color-secondary-10);--mat-button-filled-label-text-color: var(--color-secondary);border:1.5px solid var(--color-secondary);min-width:unset!important}button:disabled{border-color:var(--color-medium-30);--mat-button-filled-disabled-container-color: var(--color-muted-50);--mat-button-filled-disabled-label-text-color: var(--color-medium-50)}button:disabled ::ng-deep ads-icon svg{fill:var(--color-medium-50)!important;stroke:var(--color-medium-50)!important}button:not(:disabled):hover{border-color:var(--color-secondary-hover);--mat-button-filled-container-color: var(--color-secondary-hover);--mat-button-filled-label-text-color: var(--color-white)}button:not(:disabled):hover ::ng-deep ads-icon svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}button:not(:disabled):active,button:not(:disabled):focus{border-color:var(--color-secondary-pressed);--mat-button-filled-container-color: var(--color-secondary-pressed);--mat-button-filled-label-text-color: var(--color-white)}button:not(:disabled):active ::ng-deep ads-icon svg,button:not(:disabled):focus ::ng-deep ads-icon svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}::ng-deep .mat-mdc-button-persistent-ripple:before{opacity:0!important}:host::ng-deep .mdc-button__label{white-space:nowrap}.content-container{display:flex;gap:8px;align-items:center}.full-width{width:100%!important}\n"], dependencies: [{ kind: "component", type: i7.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsTableButtonComponent, decorators: [{
             type: Component,
@@ -10245,7 +10280,7 @@ class AdsTableComponent {
         return options.map((v) => this.serializeCellValue(v));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsTableComponent, deps: [{ token: i0.ElementRef }, { token: i1.AdsIconRegistry }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsTableComponent, isStandalone: false, selector: "ads-table", inputs: { width: "width", height: "height", headerTemplate: "headerTemplate", gridOptions: "gridOptions", rowData: "rowData", columnDefs: "columnDefs", icons: "icons", defaultColDef: "defaultColDef", loading: "loading", columnDefsByBreakpoint: "columnDefsByBreakpoint", showHeaderActions: "showHeaderActions", showChangeViewButton: "showChangeViewButton", defaultViewMode: "defaultViewMode", listItemTemplate: "listItemTemplate", listBatchSize: "listBatchSize", enableCustomSortFilter: "enableCustomSortFilter", mobileHeaderView: "mobileHeaderView", showBorder: "showBorder", columnSortFilterConfigs: "columnSortFilterConfigs" }, outputs: { filtersCleared: "filtersCleared", columnFilterChanged: "columnFilterChanged", viewChanged: "viewChanged" }, viewQueries: [{ propertyName: "virtualScrollViewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }, { propertyName: "menuTrigger", first: true, predicate: MatMenuTrigger, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"ads-table-container\" [style.width]=\"width\" [class.with-header]=\"showHeaderActions\" [class.no-border]=\"!showBorder\">\r\n  @if (showHeaderActions) {\r\n    <div class=\"table-header\">\r\n      <div class=\"header-template-container\">\r\n        @if (showChangeViewButton) {\r\n          <div class=\"change-view-button\" (click)=\"toggleView()\">\r\n            @if (isListView()) {\r\n              <ads-icon name=\"grid_view\" size=\"xxxs\" stroke=\"iconPrimary\" />\r\n            } @else {\r\n              <ads-icon name=\"list_view\" size=\"xxxs\" stroke=\"iconPrimary\" />\r\n            }\r\n          </div>\r\n        }\r\n        <div class=\"header-template\">\r\n          @if (headerTemplate) {\r\n            <ng-container *ngTemplateOutlet=\"headerTemplate\" />\r\n          }\r\n        </div>\r\n\r\n      </div>\r\n\r\n      <div class=\"header-actions\">\r\n        @if (!isListView()) {\r\n          <ads-table-button\r\n            id=\"show-hide-columns-button\"\r\n            [matMenuTriggerFor]=\"columnVisibilityMenu\"\r\n            (menuOpened)=\"openColumnVisibilityMenu()\"\r\n            (menuClosed)=\"onColumnVisibilityMenuClosed()\"\r\n          >\r\n            <ads-icon\r\n              name=\"visibility_eye_none\"\r\n              theme=\"secondary\"\r\n              stroke=\"secondary\"\r\n              size=\"xxxs\"\r\n            />\r\n            @if (!mobileHeaderView) {\r\n              {{ hideColumnButtonLabel }}\r\n            }\r\n          </ads-table-button>\r\n        }\r\n\r\n        <ads-table-button\r\n          id=\"filter-button\"\r\n          [matMenuTriggerFor]=\"filterMenu\"\r\n          (menuOpened)=\"openFilterMenu()\"\r\n          (menuClosed)=\"onFilterMenuClosed()\"\r\n        >\r\n          <ads-icon\r\n            name=\"filter\"\r\n            theme=\"secondary\"\r\n            size=\"xxxs\"\r\n          />\r\n          @if (!mobileHeaderView) {\r\n            {{ filterButtonLabel }}\r\n          }\r\n\r\n        </ads-table-button>\r\n        <ads-table-button\r\n          id=\"sort-button\"\r\n          [matMenuTriggerFor]=\"sortMenu\"\r\n        >\r\n          <ads-icon\r\n            name=\"arrow_up_and_down\"\r\n            theme=\"secondary\"\r\n            size=\"xxxs\"\r\n          />\r\n          @if (!mobileHeaderView) {\r\n            {{ sortButtonLabel }}\r\n          }\r\n        </ads-table-button>\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  <ag-grid-angular\r\n    [ngStyle]=\"{ height: height }\"\r\n    [style.display]=\"isListView() ? 'none' : ''\"\r\n    [icons]=\"getAgGridIcons()\"\r\n    class=\"ag-theme-quartz\"\r\n    [gridOptions]=\"gridOptions\"\r\n    [rowData]=\"rowData\"\r\n    [columnDefs]=\"getProcessedColumnDefs()\"\r\n    [defaultColDef]=\"getDefaultColDef()\"\r\n    [components]=\"frameworkComponents\"\r\n    [isExternalFilterPresent]=\"isExternalFilterPresent\"\r\n    [doesExternalFilterPass]=\"doesExternalFilterPass\"\r\n    (gridReady)=\"gridReady($event)\"\r\n    (firstDataRendered)=\"firstDataRendered($event)\"\r\n    (sortChanged)=\"sortChanged($event)\"\r\n    (filterChanged)=\"filterChanged($event)\"\r\n    [theme]=\"themeQuartz\"\r\n    [loading]=\"loading\"\r\n    [enableCellTextSelection]=\"true\"\r\n    [ensureDomOrder]=\"true\"\r\n  />\r\n\r\n  @if (isListView()) {\r\n    @if (loading) {\r\n      <div class=\"list-view-container list-view-loading-container\" [ngStyle]=\"{ height: height }\">\r\n        <div class=\"list-view-loading\">\r\n          <ads-progress-spinner [size]=\"SpinnerSize.small\" />\r\n        </div>\r\n      </div>\r\n    } @else {\r\n      <cdk-virtual-scroll-viewport\r\n        class=\"list-view-container\"\r\n        [itemSize]=\"listItemHeight()\"\r\n        [minBufferPx]=\"listItemHeight() * 4\"\r\n        [maxBufferPx]=\"listItemHeight() * 8\"\r\n        [ngStyle]=\"{ height: height }\"\r\n      >\r\n        <div\r\n          *cdkVirtualFor=\"let row of listRowDataCache(); trackBy: listTrackBy\"\r\n          class=\"list-view-item\"\r\n        >\r\n          @if (listItemTemplate) {\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"listItemTemplate\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: row }\"\r\n            />\r\n          }\r\n        </div>\r\n      </cdk-virtual-scroll-viewport>\r\n    }\r\n  }\r\n\r\n  <!-- Column Visibility Menu -->\r\n  <mat-menu #columnVisibilityMenu=\"matMenu\" class=\"column-visibility-menu\" [class.has-header]=\"showHeaderActions\">\r\n    <div class=\"menu-content\" (click)=\"$event.stopPropagation()\">\r\n      <p class=\"dropdown-label\">Show/Hide Columns</p>\r\n      <div class=\"dropdown-body\">\r\n        @for (column of columnVisibilityList(); track $index) {\r\n          <div class=\"column-row\">\r\n            <span\r\n              class=\"column-name\"\r\n              [matTooltip]=\"column.headerName\"\r\n              [matTooltipDisabled]=\"getTooltipDisabled(column.headerName)\"\r\n            >\r\n              {{ column.headerName }}\r\n            </span>\r\n            <div class=\"column-toggle\">\r\n              <ads-slide-toggle\r\n                [id]=\"'toggle-' + column.field\"\r\n                [control]=\"column.control\"\r\n                [showFooter]=\"false\"\r\n                [customTitles]=\"['Show', 'Hide']\"\r\n              />\r\n            </div>\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      <ads-divider />\r\n\r\n      <div class=\"dropdown-footer\">\r\n        <ads-button\r\n          [fullWidth]=\"true\"\r\n          (click)=\"hideAllColumns()\"\r\n          [disabled]=\"allColumnsHidden\"\r\n          variant=\"tertiary\"\r\n          id='hide-all-button'\r\n          size=\"xs\"\r\n        >\r\n          Hide All\r\n        </ads-button>\r\n        <ads-button\r\n          [fullWidth]=\"true\"\r\n          (click)=\"showAllColumns()\"\r\n          [disabled]=\"allColumnsVisible\"\r\n          variant=\"tertiary\"\r\n          id=\"show-all-button\"\r\n          size=\"xs\"\r\n        >\r\n          Show All\r\n        </ads-button>\r\n      </div>\r\n    </div>\r\n  </mat-menu>\r\n\r\n  <!-- Filter Menu -->\r\n  <mat-menu #filterMenu=\"matMenu\" class=\"filter-menu-panel\" (closed)=\"filterMenuComponent.onMenuClosed()\">\r\n    <ads-filter-menu\r\n      #filterMenuComponent\r\n      [columnSortFilterConfigs]=\"columnSortFilterConfigs\"\r\n      [columnFilterStates]=\"columnFilterStates()\"\r\n      [getFilterOptionsForField]=\"getFilterOptionsForFieldFn\"\r\n      [getHierarchicalFilterOptionsForField]=\"getHierarchicalFilterOptionsForFieldFn\"\r\n      [getFilterValuesForField]=\"getFilterValuesForFieldFn\"\r\n      [isColumnFilteredFn]=\"isColumnFilteredFn\"\r\n      [getFilterValueFormatterForField]=\"getFilterValueFormatterForFieldFn\"\r\n      (filterChanged)=\"onFilterMenuFilterChanged($event)\"\r\n      (filtersRemoved)=\"onFilterMenuFilterRemoved($event)\"\r\n    />\r\n  </mat-menu>\r\n\r\n  <!-- Sort Menu -->\r\n  <mat-menu #sortMenu=\"matMenu\" class=\"sort-menu-panel\">\r\n    <ads-sort-menu\r\n      [columnSortFilterConfigs]=\"columnSortFilterConfigs\"\r\n      [columnSortStates]=\"columnSortStates()\"\r\n      (sortChanged)=\"onSortMenuSortChanged($event)\"\r\n      (sortsRemoved)=\"onSortMenuSortsRemoved($event)\"\r\n    />\r\n  </mat-menu>\r\n</div>\r\n", styles: [":host::ng-deep{--ag-wrapper-border-radius: 10px}:host::ng-deep ag-grid-angular{--ag-grid-size: 4px;--ag-border-radius: 5px;--ag-font-family: \"Roboto\";--ag-font-size: 16px;--ag-header-foreground-color: var(--color-medium);--ag-header-background-color: var(--color-light-30);--ag-background-color: var(--color-white);--ag-header-height: 45px;--ag-row-height: 45px;--ag-border-color: var(--color-light);--ag-foreground-color: var(--color-medium);--ag-spacing: 4px;--ag-inherited-accent-color: var(--color-secondary-hover)}:host::ng-deep ag-grid-angular .ag-overlay-no-matching-rows-wrapper{display:flex;justify-content:center;align-items:center;height:100%}:host::ng-deep ag-grid-angular .ag-overlay-no-matching-rows-wrapper .ag-overlay-no-matching-rows-center{color:var(--color-medium);font-family:Roboto,sans-serif;font-size:16px;border:none;padding:0;background:transparent}:host::ng-deep ag-grid-angular .ag-header-cell-text{font-weight:600;line-height:21px}:host::ng-deep ag-grid-angular .ag-cell:focus,:host::ng-deep ag-grid-angular .ag-cell-focus{outline:none!important;border:none!important;box-shadow:none!important}:host::ng-deep ag-grid-angular .ag-row,:host::ng-deep ag-grid-angular .ag-header,:host::ng-deep ag-grid-angular .ag-advanced-filter-header{border-bottom:none}:host::ng-deep ag-grid-angular .ag-row-even{background-color:var(--color-white)}:host::ng-deep ag-grid-angular .ag-row-odd{background-color:var(--color-white)}:host::ng-deep ag-grid-angular .ag-sort-indicator-container{min-width:fit-content}:host::ng-deep ag-grid-angular .ag-sort-indicator-icon>svg{fill:var(--color-medium);stroke:var(--color-medium)}:host::ng-deep ag-grid-angular .ag-header-cell-filter-button>svg{fill:var(--color-medium);stroke:var(--color-medium)}:host::ng-deep ag-grid-angular .ag-header-cell--active{background-color:var(--color-secondary-10)!important}:host::ng-deep ag-grid-angular .ag-theme-quartz{--ag-background-color: var(--color-light-30);--ag-foreground-color: var(--color-black);--ag-input-border-color: var(--color-light);--ag-input-focus-border-color: var(--color-medium);--ag-input-focus-box-shadow: none}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper input::placeholder{color:var(--color-medium);opacity:1}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper:before{background-image:none;content:none}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper input{padding-left:8px!important}:host::ng-deep .ads-table-container{display:flex;flex-direction:column;width:100%;height:100%}:host::ng-deep .ads-table-container.no-border .table-header{border:none;border-radius:0}:host::ng-deep .ads-table-container.no-border::ng-deep ag-grid-angular .ag-root-wrapper{border:none;border-radius:0}:host::ng-deep .ads-table-container.no-border .list-view-container{border:none;border-radius:0}:host::ng-deep .ads-table-container.with-header::ng-deep ag-grid-angular .ag-root-wrapper{border-top:none;border-top-left-radius:0;border-top-right-radius:0}:host::ng-deep .ads-table-container.with-header .list-view-container{border-top:none;border-top-left-radius:0;border-top-right-radius:0}:host::ng-deep .ads-table-container .table-header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px;background-color:var(--color-white);border:1px solid var(--color-light);border-top-left-radius:var(--ag-wrapper-border-radius);border-top-right-radius:var(--ag-wrapper-border-radius)}:host::ng-deep .ads-table-container .table-header .header-template-container{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 0}:host::ng-deep .ads-table-container .table-header .header-template-container .header-template{min-width:0;flex:1 1 0}:host::ng-deep .ads-table-container .table-header .header-actions{display:flex;gap:8px;flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end}:host::ng-deep .ads-table-container .table-header .header-actions ads-table-button{display:flex}:host::ng-deep .ads-table-container .table-header .change-view-button{display:flex;height:30px;padding:0 12px;border-radius:100px;background-color:var(--color-muted);align-items:center;cursor:pointer;flex-shrink:0}:host::ng-deep .ads-table-container .table-header .change-view-button:hover{background-color:var(--color-secondary-hover)}:host::ng-deep .ads-table-container .table-header .change-view-button:hover ::ng-deep svg{stroke:var(--color-white)}:host::ng-deep .list-view-container{display:flex;flex-direction:column;border:1px solid var(--color-light);border-radius:var(--ag-wrapper-border-radius)}:host::ng-deep .list-view-container .list-view-item{flex-shrink:0}:host::ng-deep .list-view-container .list-view-loading{display:flex;justify-content:center;align-items:center;height:100%}:host::ng-deep .list-view-container .list-view-empty{display:flex;justify-content:center;align-items:center;height:100%;color:var(--color-medium)}:host::ng-deep .list-view-loading-container{overflow:hidden}:host::ng-deep cdk-virtual-scroll-viewport.list-view-container .cdk-virtual-scroll-content-wrapper{display:flex;flex-direction:column;width:100%}::ng-deep .column-visibility-menu{width:234px;max-width:498px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}::ng-deep .column-visibility-menu .mat-mdc-menu-content{padding:0}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content{background-color:var(--color-white)}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-label{padding:12px 12px 0;color:var(--color-medium);font-size:12px;font-weight:600;line-height:16px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body{overflow-y:auto}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row{display:flex;justify-content:space-between;align-items:center;padding:0 12px;height:45px;gap:12px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-name{font-size:16px;font-weight:400;color:var(--color-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px;flex:1}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-toggle{display:flex;justify-content:flex-end}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-toggle ::ng-deep ads-slide-toggle .ads-toggle{height:45px!important}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-footer{display:flex;justify-content:space-between;gap:12px;padding:12px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-footer ::ng-deep ads-button{flex:1}::ng-deep .filter-menu-panel{width:316px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}::ng-deep .sort-menu-panel{width:316px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.ɵɵCdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i3.ɵɵCdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i3.ɵɵCdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i4$3.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "enableStrictPivotColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "hidePaddedHeaderRows", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressMoveWhenColumnDragging", "suppressDragLeaveHidesColumns", "suppressGroupChangesColumnVisibility", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "animateColumnResizing", "components", "editType", "suppressStartEditOnTab", "getFullRowEditValidationErrors", "invalidEditValueMode", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "findSearchValue", "findOptions", "quickFilterText", "cacheQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "alwaysPassFilter", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "advancedFilterParams", "suppressAdvancedFilterEval", "suppressSetFilterByDefault", "enableFilterHandlers", "filterHandlers", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressTouch", "suppressFocusAfterRefresh", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "loading", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "suppressOverlays", "overlayComponent", "overlayComponentParams", "overlayComponentSelector", "activeOverlay", "activeOverlayParams", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "formulaDataSource", "formulaFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "cellFlashDuration", "cellFadeDuration", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableCellSpan", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "refreshAfterGroupEdit", "rowDragInsertDelay", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "dragAndDropImageComponent", "dragAndDropImageComponentParams", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupHideParentOfSingleChild", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "treeData", "treeDataChildrenField", "treeDataParentIdField", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "groupHierarchyConfig", "pinnedTopRowData", "pinnedBottomRowData", "enableRowPinning", "isRowPinnable", "isRowPinned", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "cellSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "selectionColumnDef", "rowNumbers", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "enableGroupEdit", "initialState", "theme", "loadThemeGoogleFonts", "themeCssLayer", "styleNonce", "themeStyleContainer", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "focusGridInnerElement", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "ssrmExpandAllAffectsAllRows", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow", "isRowValidDropPosition"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnsReset", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "bulkEditingStarted", "bulkEditingStopped", "batchEditingStarted", "batchEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "cellSelectionDeleteStart", "cellSelectionDeleteEnd", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "filterUiChanged", "floatingFilterUiChanged", "advancedFilterBuilderVisibleChanged", "findChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "dragCancelled", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "rowDragCancel", "rowResizeStarted", "rowResizeEnded", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "pinnedRowsChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "headerFocused", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "cellSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged"] }, { kind: "component", type: AdsSlideToggleComponent, selector: "ads-slide-toggle", inputs: ["enableYesOrNo", "customTitles", "control", "label", "id", "width"] }, { kind: "component", type: AdsButtonComponent, selector: "ads-button", inputs: ["id", "variant", "disabled", "size", "type", "fullWidth"] }, { kind: "component", type: AdsTableButtonComponent, selector: "ads-table-button", inputs: ["id", "disabled", "fullWidth", "matMenuTriggerFor"], outputs: ["menuOpened", "menuClosed"] }, { kind: "component", type: DividerComponent, selector: "ads-divider", inputs: ["margin", "color"] }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i4$2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i4$2.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: AdsFilterMenuComponent, selector: "ads-filter-menu", inputs: ["columnSortFilterConfigs", "columnFilterStates", "getFilterOptionsForField", "getHierarchicalFilterOptionsForField", "getFilterValuesForField", "isColumnFilteredFn", "getFilterValueFormatterForField"], outputs: ["filterChanged", "filtersRemoved"] }, { kind: "component", type: AdsSortMenuComponent, selector: "ads-sort-menu", inputs: ["columnSortFilterConfigs", "columnSortStates"], outputs: ["sortChanged", "sortsRemoved"] }, { kind: "component", type: AdsProgressSpinnerComponent, selector: "ads-progress-spinner", inputs: ["zIndex", "scrollContainer", "size", "diameter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsTableComponent, isStandalone: false, selector: "ads-table", inputs: { width: "width", height: "height", headerTemplate: "headerTemplate", gridOptions: "gridOptions", rowData: "rowData", columnDefs: "columnDefs", icons: "icons", defaultColDef: "defaultColDef", loading: "loading", columnDefsByBreakpoint: "columnDefsByBreakpoint", showHeaderActions: "showHeaderActions", showChangeViewButton: "showChangeViewButton", defaultViewMode: "defaultViewMode", listItemTemplate: "listItemTemplate", listBatchSize: "listBatchSize", enableCustomSortFilter: "enableCustomSortFilter", mobileHeaderView: "mobileHeaderView", showBorder: "showBorder", columnSortFilterConfigs: "columnSortFilterConfigs" }, outputs: { filtersCleared: "filtersCleared", columnFilterChanged: "columnFilterChanged", viewChanged: "viewChanged" }, viewQueries: [{ propertyName: "virtualScrollViewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }, { propertyName: "menuTrigger", first: true, predicate: MatMenuTrigger, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"ads-table-container\" [style.width]=\"width\" [class.with-header]=\"showHeaderActions\" [class.no-border]=\"!showBorder\">\r\n  @if (showHeaderActions) {\r\n    <div class=\"table-header\">\r\n      <div class=\"header-template-container\">\r\n        @if (showChangeViewButton) {\r\n          <div class=\"change-view-button\" (click)=\"toggleView()\">\r\n            @if (isListView()) {\r\n              <ads-icon name=\"grid_view\" size=\"xxxs\" stroke=\"iconPrimary\" />\r\n            } @else {\r\n              <ads-icon name=\"list_view\" size=\"xxxs\" stroke=\"iconPrimary\" />\r\n            }\r\n          </div>\r\n        }\r\n        <div class=\"header-template\">\r\n          @if (headerTemplate) {\r\n            <ng-container *ngTemplateOutlet=\"headerTemplate\" />\r\n          }\r\n        </div>\r\n\r\n      </div>\r\n\r\n      <div class=\"header-actions\">\r\n        @if (!isListView()) {\r\n          <ads-table-button\r\n            id=\"show-hide-columns-button\"\r\n            [matMenuTriggerFor]=\"columnVisibilityMenu\"\r\n            (menuOpened)=\"openColumnVisibilityMenu()\"\r\n            (menuClosed)=\"onColumnVisibilityMenuClosed()\"\r\n          >\r\n            <ads-icon\r\n              name=\"visibility_eye_none\"\r\n              theme=\"secondary\"\r\n              stroke=\"secondary\"\r\n              size=\"xxxs\"\r\n            />\r\n            @if (!mobileHeaderView) {\r\n              {{ hideColumnButtonLabel }}\r\n            }\r\n          </ads-table-button>\r\n        }\r\n\r\n        <ads-table-button\r\n          id=\"filter-button\"\r\n          [matMenuTriggerFor]=\"filterMenu\"\r\n          (menuOpened)=\"openFilterMenu()\"\r\n          (menuClosed)=\"onFilterMenuClosed()\"\r\n        >\r\n          <ads-icon\r\n            name=\"filter\"\r\n            theme=\"secondary\"\r\n            size=\"xxxs\"\r\n          />\r\n          @if (!mobileHeaderView) {\r\n            {{ filterButtonLabel }}\r\n          }\r\n\r\n        </ads-table-button>\r\n        <ads-table-button\r\n          id=\"sort-button\"\r\n          [matMenuTriggerFor]=\"sortMenu\"\r\n        >\r\n          <ads-icon\r\n            name=\"arrow_up_and_down\"\r\n            theme=\"secondary\"\r\n            size=\"xxxs\"\r\n          />\r\n          @if (!mobileHeaderView) {\r\n            {{ sortButtonLabel }}\r\n          }\r\n        </ads-table-button>\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  <ag-grid-angular\r\n    [ngStyle]=\"{ height: height }\"\r\n    [style.display]=\"isListView() ? 'none' : ''\"\r\n    [icons]=\"getAgGridIcons()\"\r\n    class=\"ag-theme-quartz\"\r\n    [gridOptions]=\"gridOptions\"\r\n    [rowData]=\"rowData\"\r\n    [columnDefs]=\"getProcessedColumnDefs()\"\r\n    [defaultColDef]=\"getDefaultColDef()\"\r\n    [components]=\"frameworkComponents\"\r\n    [isExternalFilterPresent]=\"isExternalFilterPresent\"\r\n    [doesExternalFilterPass]=\"doesExternalFilterPass\"\r\n    (gridReady)=\"gridReady($event)\"\r\n    (firstDataRendered)=\"firstDataRendered($event)\"\r\n    (sortChanged)=\"sortChanged($event)\"\r\n    (filterChanged)=\"filterChanged($event)\"\r\n    [theme]=\"themeQuartz\"\r\n    [loading]=\"loading\"\r\n    [enableCellTextSelection]=\"true\"\r\n    [ensureDomOrder]=\"true\"\r\n  />\r\n\r\n  @if (isListView()) {\r\n    @if (loading) {\r\n      <div class=\"list-view-container list-view-loading-container\" [ngStyle]=\"{ height: height }\">\r\n        <div class=\"list-view-loading\">\r\n          <ads-progress-spinner [size]=\"SpinnerSize.small\" />\r\n        </div>\r\n      </div>\r\n    } @else {\r\n      <cdk-virtual-scroll-viewport\r\n        class=\"list-view-container\"\r\n        [itemSize]=\"listItemHeight()\"\r\n        [minBufferPx]=\"listItemHeight() * 4\"\r\n        [maxBufferPx]=\"listItemHeight() * 8\"\r\n        [ngStyle]=\"{ height: height }\"\r\n      >\r\n        <div\r\n          *cdkVirtualFor=\"let row of listRowDataCache(); trackBy: listTrackBy\"\r\n          class=\"list-view-item\"\r\n        >\r\n          @if (listItemTemplate) {\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"listItemTemplate\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: row }\"\r\n            />\r\n          }\r\n        </div>\r\n      </cdk-virtual-scroll-viewport>\r\n    }\r\n  }\r\n\r\n  <!-- Column Visibility Menu -->\r\n  <mat-menu #columnVisibilityMenu=\"matMenu\" class=\"column-visibility-menu\" [class.has-header]=\"showHeaderActions\">\r\n    <div class=\"menu-content\" (click)=\"$event.stopPropagation()\">\r\n      <p class=\"dropdown-label\">Show/Hide Columns</p>\r\n      <div class=\"dropdown-body\">\r\n        @for (column of columnVisibilityList(); track $index) {\r\n          <div class=\"column-row\">\r\n            <span\r\n              class=\"column-name\"\r\n              [matTooltip]=\"column.headerName\"\r\n              [matTooltipDisabled]=\"getTooltipDisabled(column.headerName)\"\r\n            >\r\n              {{ column.headerName }}\r\n            </span>\r\n            <div class=\"column-toggle\">\r\n              <ads-slide-toggle\r\n                [id]=\"'toggle-' + column.field\"\r\n                [control]=\"column.control\"\r\n                [showFooter]=\"false\"\r\n                [customTitles]=\"['Show', 'Hide']\"\r\n              />\r\n            </div>\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      <ads-divider />\r\n\r\n      <div class=\"dropdown-footer\">\r\n        <ads-button\r\n          [fullWidth]=\"true\"\r\n          (click)=\"hideAllColumns()\"\r\n          [disabled]=\"allColumnsHidden\"\r\n          variant=\"tertiary\"\r\n          id='hide-all-button'\r\n          size=\"xs\"\r\n        >\r\n          Hide All\r\n        </ads-button>\r\n        <ads-button\r\n          [fullWidth]=\"true\"\r\n          (click)=\"showAllColumns()\"\r\n          [disabled]=\"allColumnsVisible\"\r\n          variant=\"tertiary\"\r\n          id=\"show-all-button\"\r\n          size=\"xs\"\r\n        >\r\n          Show All\r\n        </ads-button>\r\n      </div>\r\n    </div>\r\n  </mat-menu>\r\n\r\n  <!-- Filter Menu -->\r\n  <mat-menu #filterMenu=\"matMenu\" class=\"filter-menu-panel\" (closed)=\"filterMenuComponent.onMenuClosed()\">\r\n    <ads-filter-menu\r\n      #filterMenuComponent\r\n      [columnSortFilterConfigs]=\"columnSortFilterConfigs\"\r\n      [columnFilterStates]=\"columnFilterStates()\"\r\n      [getFilterOptionsForField]=\"getFilterOptionsForFieldFn\"\r\n      [getHierarchicalFilterOptionsForField]=\"getHierarchicalFilterOptionsForFieldFn\"\r\n      [getFilterValuesForField]=\"getFilterValuesForFieldFn\"\r\n      [isColumnFilteredFn]=\"isColumnFilteredFn\"\r\n      [getFilterValueFormatterForField]=\"getFilterValueFormatterForFieldFn\"\r\n      (filterChanged)=\"onFilterMenuFilterChanged($event)\"\r\n      (filtersRemoved)=\"onFilterMenuFilterRemoved($event)\"\r\n    />\r\n  </mat-menu>\r\n\r\n  <!-- Sort Menu -->\r\n  <mat-menu #sortMenu=\"matMenu\" class=\"sort-menu-panel\">\r\n    <ads-sort-menu\r\n      [columnSortFilterConfigs]=\"columnSortFilterConfigs\"\r\n      [columnSortStates]=\"columnSortStates()\"\r\n      (sortChanged)=\"onSortMenuSortChanged($event)\"\r\n      (sortsRemoved)=\"onSortMenuSortsRemoved($event)\"\r\n    />\r\n  </mat-menu>\r\n</div>\r\n", styles: [":host::ng-deep{--ag-wrapper-border-radius: 10px}:host::ng-deep ag-grid-angular{--ag-grid-size: 4px;--ag-border-radius: 5px;--ag-font-family: \"Roboto\";--ag-font-size: 16px;--ag-header-foreground-color: var(--color-medium);--ag-header-background-color: var(--color-light-30);--ag-background-color: var(--color-white);--ag-header-height: 45px;--ag-row-height: 45px;--ag-border-color: var(--color-light);--ag-foreground-color: var(--color-medium);--ag-spacing: 4px;--ag-inherited-accent-color: var(--color-secondary-hover)}:host::ng-deep ag-grid-angular .ag-overlay-no-matching-rows-wrapper{display:flex;justify-content:center;align-items:center;height:100%}:host::ng-deep ag-grid-angular .ag-overlay-no-matching-rows-wrapper .ag-overlay-no-matching-rows-center{color:var(--color-medium);font-family:Roboto,sans-serif;font-size:16px;border:none;padding:0;background:transparent}:host::ng-deep ag-grid-angular .ag-header-cell-text{font-weight:600;line-height:21px}:host::ng-deep ag-grid-angular .ag-cell:focus,:host::ng-deep ag-grid-angular .ag-cell-focus{outline:none!important;border:none!important;box-shadow:none!important}:host::ng-deep ag-grid-angular .ag-row,:host::ng-deep ag-grid-angular .ag-header,:host::ng-deep ag-grid-angular .ag-advanced-filter-header{border-bottom:none}:host::ng-deep ag-grid-angular .ag-row-even{background-color:var(--color-white)}:host::ng-deep ag-grid-angular .ag-row-odd{background-color:var(--color-white)}:host::ng-deep ag-grid-angular .ag-sort-indicator-container{min-width:fit-content}:host::ng-deep ag-grid-angular .ag-sort-indicator-icon>svg{fill:var(--color-medium);stroke:var(--color-medium)}:host::ng-deep ag-grid-angular .ag-header-cell-filter-button>svg{fill:var(--color-medium);stroke:var(--color-medium)}:host::ng-deep ag-grid-angular .ag-header-cell--active{background-color:var(--color-secondary-10)!important}:host::ng-deep ag-grid-angular .ag-theme-quartz{--ag-background-color: var(--color-light-30);--ag-foreground-color: var(--color-black);--ag-input-border-color: var(--color-light);--ag-input-focus-border-color: var(--color-medium);--ag-input-focus-box-shadow: none}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper input::placeholder{color:var(--color-medium);opacity:1}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper:before{background-image:none;content:none}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper input{padding-left:8px!important}:host::ng-deep .ads-table-container{display:flex;flex-direction:column;width:100%;height:100%}:host::ng-deep .ads-table-container.no-border .table-header{border:none;border-radius:0}:host::ng-deep .ads-table-container.no-border::ng-deep ag-grid-angular .ag-root-wrapper{border:none;border-radius:0}:host::ng-deep .ads-table-container.no-border .list-view-container{border:none;border-radius:0}:host::ng-deep .ads-table-container.with-header::ng-deep ag-grid-angular .ag-root-wrapper{border-top:none;border-top-left-radius:0;border-top-right-radius:0}:host::ng-deep .ads-table-container.with-header .list-view-container{border-top:none;border-top-left-radius:0;border-top-right-radius:0}:host::ng-deep .ads-table-container .table-header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px;background-color:var(--color-white);border:1px solid var(--color-light);border-top-left-radius:var(--ag-wrapper-border-radius);border-top-right-radius:var(--ag-wrapper-border-radius)}:host::ng-deep .ads-table-container .table-header .header-template-container{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 0}:host::ng-deep .ads-table-container .table-header .header-template-container .header-template{min-width:0;flex:1 1 0}:host::ng-deep .ads-table-container .table-header .header-actions{display:flex;gap:8px;flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end}:host::ng-deep .ads-table-container .table-header .header-actions ads-table-button{display:flex}:host::ng-deep .ads-table-container .table-header .change-view-button{display:flex;height:30px;padding:0 12px;border-radius:100px;background-color:var(--color-muted);align-items:center;cursor:pointer;flex-shrink:0}:host::ng-deep .ads-table-container .table-header .change-view-button:hover{background-color:var(--color-secondary-hover)}:host::ng-deep .ads-table-container .table-header .change-view-button:hover ::ng-deep svg{stroke:var(--color-white)}:host::ng-deep .list-view-container{display:flex;flex-direction:column;border:1px solid var(--color-light);border-radius:var(--ag-wrapper-border-radius)}:host::ng-deep .list-view-container .list-view-item{flex-shrink:0}:host::ng-deep .list-view-container .list-view-loading{display:flex;justify-content:center;align-items:center;height:100%}:host::ng-deep .list-view-container .list-view-empty{display:flex;justify-content:center;align-items:center;height:100%;color:var(--color-medium)}:host::ng-deep .list-view-loading-container{overflow:hidden}:host::ng-deep cdk-virtual-scroll-viewport.list-view-container .cdk-virtual-scroll-content-wrapper{display:flex;flex-direction:column;width:100%}::ng-deep .column-visibility-menu{width:234px;max-width:498px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}::ng-deep .column-visibility-menu .mat-mdc-menu-content{padding:0}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content{background-color:var(--color-white)}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-label{padding:12px 12px 0;color:var(--color-medium);font-size:12px;font-weight:600;line-height:16px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body{overflow-y:auto}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row{display:flex;justify-content:space-between;align-items:center;padding:0 12px;height:45px;gap:12px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-name{font-size:16px;font-weight:400;color:var(--color-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px;flex:1}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-toggle{display:flex;justify-content:flex-end}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-toggle ::ng-deep ads-slide-toggle .ads-toggle{height:45px!important}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-footer{display:flex;justify-content:space-between;gap:12px;padding:12px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-footer ::ng-deep ads-button{flex:1}::ng-deep .filter-menu-panel{width:316px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}::ng-deep .sort-menu-panel{width:316px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.ɵɵCdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i3.ɵɵCdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i3.ɵɵCdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i4$3.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "enableStrictPivotColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "hidePaddedHeaderRows", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressMoveWhenColumnDragging", "suppressDragLeaveHidesColumns", "suppressGroupChangesColumnVisibility", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "animateColumnResizing", "components", "editType", "suppressStartEditOnTab", "getFullRowEditValidationErrors", "invalidEditValueMode", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "findSearchValue", "findOptions", "quickFilterText", "cacheQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "alwaysPassFilter", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "advancedFilterParams", "suppressAdvancedFilterEval", "suppressSetFilterByDefault", "enableFilterHandlers", "filterHandlers", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressTouch", "suppressFocusAfterRefresh", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "loading", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "suppressOverlays", "overlayComponent", "overlayComponentParams", "overlayComponentSelector", "activeOverlay", "activeOverlayParams", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "formulaDataSource", "formulaFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "cellFlashDuration", "cellFadeDuration", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableCellSpan", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "refreshAfterGroupEdit", "rowDragInsertDelay", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "dragAndDropImageComponent", "dragAndDropImageComponentParams", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupHideParentOfSingleChild", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "treeData", "treeDataChildrenField", "treeDataParentIdField", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "groupHierarchyConfig", "pinnedTopRowData", "pinnedBottomRowData", "enableRowPinning", "isRowPinnable", "isRowPinned", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "cellSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "selectionColumnDef", "rowNumbers", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "enableGroupEdit", "initialState", "theme", "loadThemeGoogleFonts", "themeCssLayer", "styleNonce", "themeStyleContainer", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "focusGridInnerElement", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "ssrmExpandAllAffectsAllRows", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow", "isRowValidDropPosition"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnsReset", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "bulkEditingStarted", "bulkEditingStopped", "batchEditingStarted", "batchEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "cellSelectionDeleteStart", "cellSelectionDeleteEnd", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "filterUiChanged", "floatingFilterUiChanged", "advancedFilterBuilderVisibleChanged", "findChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "dragCancelled", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "rowDragCancel", "rowResizeStarted", "rowResizeEnded", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "pinnedRowsChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "headerFocused", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "cellSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged"] }, { kind: "component", type: AdsSlideToggleComponent, selector: "ads-slide-toggle", inputs: ["enableYesOrNo", "customTitles", "control", "label", "id", "width"] }, { kind: "component", type: AdsButtonComponent, selector: "ads-button", inputs: ["id", "variant", "disabled", "size", "type", "fullWidth"] }, { kind: "component", type: AdsTableButtonComponent, selector: "ads-table-button", inputs: ["id", "disabled", "fullWidth", "matMenuTriggerFor"], outputs: ["menuOpened", "menuClosed"] }, { kind: "component", type: DividerComponent, selector: "ads-divider", inputs: ["margin", "color"] }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i4.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: AdsFilterMenuComponent, selector: "ads-filter-menu", inputs: ["columnSortFilterConfigs", "columnFilterStates", "getFilterOptionsForField", "getHierarchicalFilterOptionsForField", "getFilterValuesForField", "isColumnFilteredFn", "getFilterValueFormatterForField"], outputs: ["filterChanged", "filtersRemoved"] }, { kind: "component", type: AdsSortMenuComponent, selector: "ads-sort-menu", inputs: ["columnSortFilterConfigs", "columnSortStates"], outputs: ["sortChanged", "sortsRemoved"] }, { kind: "component", type: AdsProgressSpinnerComponent, selector: "ads-progress-spinner", inputs: ["zIndex", "scrollContainer", "size", "diameter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsTableComponent, decorators: [{
             type: Component,
@@ -10455,7 +10490,7 @@ class AdsNavMenuComponent {
         this.router.navigate([this.userProfilePath()]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsNavMenuComponent, deps: [{ token: i1.AdsIconRegistry }, { token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsNavMenuComponent, isStandalone: false, selector: "ads-nav-menu", inputs: { navMenuItems: { classPropertyName: "navMenuItems", publicName: "navMenuItems", isSignal: true, isRequired: true, transformFunction: null }, iconUrl: { classPropertyName: "iconUrl", publicName: "iconUrl", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, userProfilePath: { classPropertyName: "userProfilePath", publicName: "userProfilePath", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"ads-avatar-container\">\r\n  @if (iconUrl()) {\r\n    <img [src]=\"iconUrl()!\" alt=\"User Logo\" height=\"48\" width=\"48\" />\r\n  } @else {\r\n    <ads-icon name=\"user_circle\" theme=\"secondary\" />\r\n  }\r\n  @if (label()) {\r\n    <span (click)=\"onUserProfileClick()\" [class.navigate]=\"userProfilePath()\">{{ label() }}</span>\r\n  }\r\n\r\n  <ads-icon class=\"more-info-icon\" name=\"menu_more_info\" theme=\"secondary\" [matMenuTriggerFor]=\"menu\" />\r\n</div>\r\n\r\n<mat-menu #menu=\"matMenu\" [class]=\"'ads-mat-menu'\">\r\n  @for (item of navMenuItems(); track $index) {\r\n    @if (item.template) {\r\n      <ng-container *ngTemplateOutlet=\"item.template; context: { menuItem: item }\" />\r\n    } @else if (item.href) {\r\n      <button mat-menu-item [routerLink]=\"item.href!\" routerLinkActive=\"selected\">\r\n        <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\r\n      </button>\r\n    } @else {\r\n      <button mat-menu-item (click)=\"item.onClick ? item.onClick() : null\">\r\n        <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\r\n      </button>\r\n    }\r\n  }\r\n</mat-menu>\r\n\r\n<ng-template #text let-item=\"menuItem\">\r\n  <div class=\"ads-menu-item-container\">\r\n    @if (item.icon) {\r\n      <ads-icon [id]=\"item.id\" [name]=\"item.icon\" size=\"sm\" theme=\"iconPrimary\"></ads-icon>\r\n    }\r\n    <span>{{ item.label }}</span>\r\n  </div>\r\n</ng-template>\r\n", styles: [".mat-mdc-icon-button.mat-mdc-button-base{display:flex}::ng-deep .mat-mdc-menu-panel{max-width:none!important;--mat-menu-container-shape: 12px !important;--mat-menu-container-color: var(--color-white) !important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content{padding:0!important;--mat-menu-item-label-text-line-height: 21px;--mat-menu-item-label-text-tracking: normal}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item{--mat-menu-item-leading-spacing: 0;--mat-menu-item-trailing-spacing: 0;--mat-menu-item-label-text-color: var(--color-medium);background-color:var(--color-white)}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item[disabled]{opacity:1!important;background-color:var(--color-muted)!important;color:var(--color-medium)}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not([disabled]):hover{background-color:var(--color-secondary-hover)!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not([disabled]):active{background-color:var(--color-secondary-pressed)!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not([disabled]).selected{background-color:var(--color-secondary)}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not([disabled]):hover ads-icon,::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not([disabled]):active ads-icon,::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not([disabled]).selected ads-icon{color:var(--color-white)!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not([disabled]):hover,::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not([disabled]):active,::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not([disabled]).selected{--mat-menu-item-label-text-color: var(--color-white)}.ads-menu-item-container{display:flex;padding:12px;gap:12px}.ads-avatar-container{padding:10px 12px;border:1px solid var(--color-light);border-radius:5px;display:flex;gap:15px;align-items:center;cursor:default}.ads-avatar-container span{color:var(--color-dark);font-weight:400;line-height:21px;width:226px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:16px;margin-left:8px}.ads-avatar-container span.navigate{cursor:pointer}.ads-avatar-container img{width:26px;height:26px;border-radius:50px;background-color:var(--color-medium)}.ads-avatar-container ads-icon{width:26px!important;height:26px!important}.ads-avatar-container .more-info-icon{cursor:pointer}.ads-avatar-container .more-info-icon ::ng-deep svg{width:24px!important;height:24px!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i4$2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i4$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsNavMenuComponent, isStandalone: false, selector: "ads-nav-menu", inputs: { navMenuItems: { classPropertyName: "navMenuItems", publicName: "navMenuItems", isSignal: true, isRequired: true, transformFunction: null }, iconUrl: { classPropertyName: "iconUrl", publicName: "iconUrl", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, userProfilePath: { classPropertyName: "userProfilePath", publicName: "userProfilePath", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"ads-avatar-container\">\r\n  @if (iconUrl()) {\r\n    <img [src]=\"iconUrl()!\" alt=\"User Logo\" height=\"48\" width=\"48\" />\r\n  } @else {\r\n    <ads-icon name=\"user_circle\" theme=\"secondary\" />\r\n  }\r\n  @if (label()) {\r\n    <span (click)=\"onUserProfileClick()\" [class.navigate]=\"userProfilePath()\">{{ label() }}</span>\r\n  }\r\n\r\n  <ads-icon class=\"more-info-icon\" name=\"menu_more_info\" theme=\"secondary\" [matMenuTriggerFor]=\"menu\" />\r\n</div>\r\n\r\n<mat-menu #menu=\"matMenu\" [class]=\"'ads-mat-menu'\">\r\n  @for (item of navMenuItems(); track $index) {\r\n    @if (item.template) {\r\n      <ng-container *ngTemplateOutlet=\"item.template; context: { menuItem: item }\" />\r\n    } @else if (item.href) {\r\n      <button mat-menu-item [routerLink]=\"item.href!\" routerLinkActive=\"selected\">\r\n        <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\r\n      </button>\r\n    } @else {\r\n      <button mat-menu-item (click)=\"item.onClick ? item.onClick() : null\">\r\n        <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\r\n      </button>\r\n    }\r\n  }\r\n</mat-menu>\r\n\r\n<ng-template #text let-item=\"menuItem\">\r\n  <div class=\"ads-menu-item-container\">\r\n    @if (item.icon) {\r\n      <ads-icon [id]=\"item.id\" [name]=\"item.icon\" size=\"sm\" theme=\"iconPrimary\"></ads-icon>\r\n    }\r\n    <span>{{ item.label }}</span>\r\n  </div>\r\n</ng-template>\r\n", styles: [".mat-mdc-icon-button.mat-mdc-button-base{display:flex}::ng-deep .mat-mdc-menu-panel{max-width:none!important;--mat-menu-container-shape: 12px !important;--mat-menu-container-color: var(--color-white) !important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content{padding:0!important;--mat-menu-item-label-text-line-height: 21px;--mat-menu-item-label-text-tracking: normal}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item{--mat-menu-item-leading-spacing: 0;--mat-menu-item-trailing-spacing: 0;--mat-menu-item-label-text-color: var(--color-medium);background-color:var(--color-white)}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item[disabled]{opacity:1!important;background-color:var(--color-muted)!important;color:var(--color-medium)}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not([disabled]):hover{background-color:var(--color-secondary-hover)!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not([disabled]):active{background-color:var(--color-secondary-pressed)!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not([disabled]).selected{background-color:var(--color-secondary)}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not([disabled]):hover ads-icon,::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not([disabled]):active ads-icon,::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not([disabled]).selected ads-icon{color:var(--color-white)!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not([disabled]):hover,::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not([disabled]):active,::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not([disabled]).selected{--mat-menu-item-label-text-color: var(--color-white)}.ads-menu-item-container{display:flex;padding:12px;gap:12px}.ads-avatar-container{padding:10px 12px;border:1px solid var(--color-light);border-radius:5px;display:flex;gap:15px;align-items:center;cursor:default}.ads-avatar-container span{color:var(--color-dark);font-weight:400;line-height:21px;width:226px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:16px;margin-left:8px}.ads-avatar-container span.navigate{cursor:pointer}.ads-avatar-container img{width:26px;height:26px;border-radius:50px;background-color:var(--color-medium)}.ads-avatar-container ads-icon{width:26px!important;height:26px!important}.ads-avatar-container .more-info-icon{cursor:pointer}.ads-avatar-container .more-info-icon ::ng-deep svg{width:24px!important;height:24px!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsNavMenuComponent, decorators: [{
             type: Component,
@@ -10766,7 +10801,7 @@ class AdsScmsSideNavBarComponent extends AbstractSideNavBarComponent {
         this.checkScreenWidth();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", 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: "21.0.6", 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": "onWindowResize()" } }, 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 (!isTablet()) {\r\n  <as-split\r\n    #splitter\r\n    [useTransition]=\"true\"\r\n    unit=\"pixel\"\r\n    [gutterSize]=\"10\"\r\n    (gutterDblClick)=\"expandSidebar()\"\r\n    [gutterDblClickDuration]=\"500\"\r\n    (dragStart)=\"onSplitDragStart()\"\r\n    (dragEnd)=\"onSplitDragEnd(); dragEnd($event)\"\r\n  >\r\n    <as-split-area [size]=\"sidebarSize()\" [minSize]=\"50\" [maxSize]=\"maxExpandedWidth()\" #sideNavArea>\r\n      <div class=\"navigation-menu-content-container regular-menu-content-container\">\r\n        <div class=\"logo-container\">\r\n          <a [routerLink]=\"'/'\">\r\n            <ads-ascent-logo size=\"small\" [mobileWidth]=\"70\" [isCollapsed]=\"isCollapsed()\" />\r\n          </a>\r\n        </div>\r\n\r\n        <div class=\"nav-container\">\r\n          <ng-container *ngTemplateOutlet=\"matAccordion\" />\r\n        </div>\r\n      </div>\r\n    </as-split-area>\r\n\r\n    <as-split-area class=\"split-area-content\">\r\n      @if (showBreadcrumbs()) {\r\n        <div class=\"breadcrumbs-container\">\r\n          <ads-breadcrumb [breadcrumbs]=\"breadcrumbs()\" />\r\n        </div>\r\n      }\r\n      <ng-container *ngTemplateOutlet=\"router\" />\r\n    </as-split-area>\r\n  </as-split>\r\n} @else {\r\n  <mat-toolbar [hidden]=\"!isTablet()\" class=\"ads-toolbar\">\r\n    <button mat-icon-button #menuTrigger=\"matMenuTrigger\" [matMenuTriggerFor]=\"menu\">\r\n      <ads-icon [name]=\"menuTrigger.menuOpen ? 'cross' : 'hamburger_menu'\" theme=\"secondary\" stroke=\"secondary\" size=\"sm\" />\r\n    </button>\r\n  </mat-toolbar>\r\n\r\n  <mat-menu #menu=\"matMenu\">\r\n    <div class=\"navigation-menu-content-container\">\r\n      <div class=\"burger-logo-container\">\r\n        <a [routerLink]=\"'/'\">\r\n          <ads-ascent-logo size=\"small\" [isCollapsed]=\"false\" [mobileWidth]=\"70\" />\r\n        </a>\r\n      </div>\r\n\r\n      <ng-container *ngTemplateOutlet=\"matAccordion\" />\r\n    </div>\r\n  </mat-menu>\r\n  <div class=\"mobile-wrapper\">\r\n    @if (showBreadcrumbs()) {\r\n      <div class=\"breadcrumbs-container\" [class.is-mobile]=\"isMobile()\" >\r\n        <ads-breadcrumb [breadcrumbs]=\"breadcrumbs()\" />\r\n      </div>\r\n    }\r\n    <ng-container *ngTemplateOutlet=\"router\" />\r\n  </div>\r\n\r\n}\r\n\r\n<ng-template #router>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n\r\n\r\n<ng-template #matAccordion>\r\n  <div class=\"nav-items-wrapper\">\r\n    <!-- Regular navigation items -->\r\n    <mat-accordion class=\"nav-items-container regular-items\">\r\n      @for (item of regularNavItems(); track $index) {\r\n        @if (item.subItems?.length) {\r\n          <mat-expansion-panel\r\n            #panel\r\n            [ngClass]=\"{\r\n              'active-expansion-panel': hasActiveLink(item),\r\n              'panel-expanded': panel.expanded,\r\n            }\"\r\n          >\r\n            <mat-expansion-panel-header\r\n              (click)=\"panel.expanded && isCollapsed() && expandSidebar(); $event.stopPropagation()\"\r\n              (keydown.enter)=\"panel.expanded && isCollapsed() && expandSidebar()\"\r\n            >\r\n              <mat-panel-title>\r\n                <ng-container *ngTemplateOutlet=\"itemTitle; context: { data: item }\" />\r\n              </mat-panel-title>\r\n              <mat-panel-description>\r\n                @if (panel.expanded) {\r\n                  <ads-icon size=\"xs\" name=\"chevron_up\" theme=\"iconPrimary\" />\r\n                } @else {\r\n                  <ads-icon size=\"xs\" name=\"chevron_down\" theme=\"iconPrimary\" />\r\n                }\r\n              </mat-panel-description>\r\n            </mat-expansion-panel-header>\r\n            @for (subItem of item.subItems; track $index) {\r\n              <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: subItem, class: '' }\" />\r\n            }\r\n          </mat-expansion-panel>\r\n        } @else {\r\n          <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: item, class: 'main-item' }\" />\r\n        }\r\n        @if (item?.showDividerAfterItem) {\r\n          <ads-divider />\r\n        }\r\n      }\r\n    </mat-accordion>\r\n\r\n    <!-- Bottom navigation items -->\r\n    @if (hasBottomItems()) {\r\n      <div class=\"bottom-nav-section\">\r\n        <ads-divider />\r\n        <mat-accordion class=\"nav-items-container bottom-items\">\r\n          @for (item of bottomNavItems(); track $index) {\r\n            @if (item.subItems?.length) {\r\n              <mat-expansion-panel\r\n                #panel\r\n                [ngClass]=\"{\r\n                  'active-expansion-panel': hasActiveLink(item),\r\n                  'panel-expanded': panel.expanded,\r\n                }\"\r\n              >\r\n                <mat-expansion-panel-header\r\n                  (click)=\"panel.expanded && isCollapsed() && expandSidebar(); $event.stopPropagation()\"\r\n                  (keydown.enter)=\"panel.expanded && isCollapsed() && expandSidebar()\"\r\n                >\r\n                  <mat-panel-title>\r\n                    <ng-container *ngTemplateOutlet=\"itemTitle; context: { data: item }\" />\r\n                  </mat-panel-title>\r\n                  <mat-panel-description>\r\n                    @if (panel.expanded) {\r\n                      <ads-icon size=\"xs\" name=\"chevron_up\" theme=\"iconPrimary\" />\r\n                    } @else {\r\n                      <ads-icon size=\"xs\" name=\"chevron_down\" theme=\"iconPrimary\" />\r\n                    }\r\n                  </mat-panel-description>\r\n                </mat-expansion-panel-header>\r\n                @for (subItem of item.subItems; track $index) {\r\n                  <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: subItem, class: '' }\" />\r\n                }\r\n              </mat-expansion-panel>\r\n            } @else {\r\n              <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: item, class: 'main-item bottom-item' }\" />\r\n            }\r\n            @if (item?.showDividerAfterItem) {\r\n              <ads-divider />\r\n            }\r\n          }\r\n        </mat-accordion>\r\n      </div>\r\n    }\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #navItem let-item=\"navItem\" let-className=\"class\">\r\n  <a\r\n    [routerLink]=\"item.href\"\r\n    class=\"ads-nav-link\"\r\n    [ngClass]=\"{\r\n      className,\r\n      'active-nav-link': hasActiveSubLink(item),\r\n    }\"\r\n  >\r\n    <ng-container *ngTemplateOutlet=\"itemTitle; context: { data: item }\" />\r\n  </a>\r\n</ng-template>\r\n\r\n<ng-template #itemTitle let-item=\"data\">\r\n  <div class=\"ads-nav-item-container\" [matTooltip]=\"item.label\" [matTooltipDisabled]=\"!isCollapsed() || isTablet()\">\r\n    @if (!!item.icon) {\r\n      <ads-icon [name]=\"item.icon!\" size=\"sm\" theme=\"iconPrimary\" stroke=\"iconPrimary\" />\r\n    }\r\n    @if (!isCollapsed() || isTablet()) {\r\n      <span>{{ item.label }}</span>\r\n    }\r\n  </div>\r\n</ng-template>\r\n", styles: [".mat-expansion-panel{--mat-expansion-container-shape: 5px;--mat-expansion-container-text-color: var(--color-medium);--mat-expansion-container-text-size: font-size(text-base);--mat-expansion-container-background-color: transparent;box-shadow:none!important;border:1px solid}.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-wrapper{display:flex;flex-direction:column;height:100%;min-height:0}.nav-items-container{display:flex;flex-direction:column;border-bottom:1px solid var(--color-light)}.nav-items-container a{cursor:pointer}.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}.bottom-nav-section{margin-top:auto}.bottom-nav-section .nav-items-container{border-bottom:none}@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", ":host{min-height:100vh;display:flex;flex-direction:column}.nav-container{display:flex;flex-direction:column;height:auto;overflow:visible}.nav-items-wrapper{display:flex;flex-direction:column;height:100%;min-height:0}.nav-items-container{border-bottom:none}.bottom-nav-section{margin-top:auto}.nav-items-container>ads-divider:last-of-type{margin-top:auto}::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}:host ::ng-deep as-split{min-height:100vh;overflow:visible!important}:host ::ng-deep as-split>.as-split-area:first-child{position:relative;top:auto;height:auto;overflow:visible;z-index:1}:host ::ng-deep .regular-menu-content-container{position:fixed;top:0;left:0;height:100vh;width:var(--ads-scms-sidebar-width, 220px);overflow:hidden;background-color:var(--color-white);z-index:2}:host ::ng-deep .regular-menu-content-container .nav-container{height:calc(100vh - 64px);overflow-y:auto;overflow-x:hidden}:host ::ng-deep as-split>.as-split-gutter{position:relative;z-index:1003}:host ::ng-deep as-split.as-dragging{-webkit-user-select:none;user-select:none}.regular-menu-content-container{height:auto}.burger-logo-container{padding:18px 8px;border-bottom:1px solid var(--color-light);height:auto;background-color:var(--color-white);width:280px}.mobile-wrapper{background-color:var(--color-white);min-height:calc(100vh - 64px)}.mobile-wrapper .breadcrumbs-container{padding:16px 0 48px 32px}.mobile-wrapper .breadcrumbs-container.is-mobile{padding:16px 0 48px 24px}.ads-toolbar{background-color:var(--color-white);position:fixed;top:0;left:0;right:0;z-index:1001}\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: i3$6.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: i3$6.SplitAreaComponent, selector: "as-split-area", inputs: ["size", "minSize", "maxSize", "lockSize", "visible"], exportAs: ["asSplitArea"] }, { 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$1.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i6$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "directive", type: i6$1.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i6$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i6$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: AdsAscentLogoComponent, selector: "ads-ascent-logo", inputs: ["invertTheme", "size"] }, { kind: "directive", type: i13.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: i4$2.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: i4$2.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: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", 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": "onWindowResize()" } }, 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 (!isTablet()) {\r\n  <as-split\r\n    #splitter\r\n    [useTransition]=\"true\"\r\n    unit=\"pixel\"\r\n    [gutterSize]=\"10\"\r\n    (gutterDblClick)=\"expandSidebar()\"\r\n    [gutterDblClickDuration]=\"500\"\r\n    (dragStart)=\"onSplitDragStart()\"\r\n    (dragEnd)=\"onSplitDragEnd(); dragEnd($event)\"\r\n  >\r\n    <as-split-area [size]=\"sidebarSize()\" [minSize]=\"50\" [maxSize]=\"maxExpandedWidth()\" #sideNavArea>\r\n      <div class=\"navigation-menu-content-container regular-menu-content-container\">\r\n        <div class=\"logo-container\">\r\n          <a [routerLink]=\"'/'\">\r\n            <ads-ascent-logo size=\"small\" [mobileWidth]=\"70\" [isCollapsed]=\"isCollapsed()\" />\r\n          </a>\r\n        </div>\r\n\r\n        <div class=\"nav-container\">\r\n          <ng-container *ngTemplateOutlet=\"matAccordion\" />\r\n        </div>\r\n      </div>\r\n    </as-split-area>\r\n\r\n    <as-split-area class=\"split-area-content\">\r\n      @if (showBreadcrumbs()) {\r\n        <div class=\"breadcrumbs-container\">\r\n          <ads-breadcrumb [breadcrumbs]=\"breadcrumbs()\" />\r\n        </div>\r\n      }\r\n      <ng-container *ngTemplateOutlet=\"router\" />\r\n    </as-split-area>\r\n  </as-split>\r\n} @else {\r\n  <mat-toolbar [hidden]=\"!isTablet()\" class=\"ads-toolbar\">\r\n    <button mat-icon-button #menuTrigger=\"matMenuTrigger\" [matMenuTriggerFor]=\"menu\">\r\n      <ads-icon [name]=\"menuTrigger.menuOpen ? 'cross' : 'hamburger_menu'\" theme=\"secondary\" stroke=\"secondary\" size=\"sm\" />\r\n    </button>\r\n  </mat-toolbar>\r\n\r\n  <mat-menu #menu=\"matMenu\">\r\n    <div class=\"navigation-menu-content-container\">\r\n      <div class=\"burger-logo-container\">\r\n        <a [routerLink]=\"'/'\">\r\n          <ads-ascent-logo size=\"small\" [isCollapsed]=\"false\" [mobileWidth]=\"70\" />\r\n        </a>\r\n      </div>\r\n\r\n      <ng-container *ngTemplateOutlet=\"matAccordion\" />\r\n    </div>\r\n  </mat-menu>\r\n  <div class=\"mobile-wrapper\">\r\n    @if (showBreadcrumbs()) {\r\n      <div class=\"breadcrumbs-container\" [class.is-mobile]=\"isMobile()\" >\r\n        <ads-breadcrumb [breadcrumbs]=\"breadcrumbs()\" />\r\n      </div>\r\n    }\r\n    <ng-container *ngTemplateOutlet=\"router\" />\r\n  </div>\r\n\r\n}\r\n\r\n<ng-template #router>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n\r\n\r\n<ng-template #matAccordion>\r\n  <div class=\"nav-items-wrapper\">\r\n    <!-- Regular navigation items -->\r\n    <mat-accordion class=\"nav-items-container regular-items\">\r\n      @for (item of regularNavItems(); track $index) {\r\n        @if (item.subItems?.length) {\r\n          <mat-expansion-panel\r\n            #panel\r\n            [ngClass]=\"{\r\n              'active-expansion-panel': hasActiveLink(item),\r\n              'panel-expanded': panel.expanded,\r\n            }\"\r\n          >\r\n            <mat-expansion-panel-header\r\n              (click)=\"panel.expanded && isCollapsed() && expandSidebar(); $event.stopPropagation()\"\r\n              (keydown.enter)=\"panel.expanded && isCollapsed() && expandSidebar()\"\r\n            >\r\n              <mat-panel-title>\r\n                <ng-container *ngTemplateOutlet=\"itemTitle; context: { data: item }\" />\r\n              </mat-panel-title>\r\n              <mat-panel-description>\r\n                @if (panel.expanded) {\r\n                  <ads-icon size=\"xs\" name=\"chevron_up\" theme=\"iconPrimary\" />\r\n                } @else {\r\n                  <ads-icon size=\"xs\" name=\"chevron_down\" theme=\"iconPrimary\" />\r\n                }\r\n              </mat-panel-description>\r\n            </mat-expansion-panel-header>\r\n            @for (subItem of item.subItems; track $index) {\r\n              <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: subItem, class: '' }\" />\r\n            }\r\n          </mat-expansion-panel>\r\n        } @else {\r\n          <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: item, class: 'main-item' }\" />\r\n        }\r\n        @if (item?.showDividerAfterItem) {\r\n          <ads-divider />\r\n        }\r\n      }\r\n    </mat-accordion>\r\n\r\n    <!-- Bottom navigation items -->\r\n    @if (hasBottomItems()) {\r\n      <div class=\"bottom-nav-section\">\r\n        <ads-divider />\r\n        <mat-accordion class=\"nav-items-container bottom-items\">\r\n          @for (item of bottomNavItems(); track $index) {\r\n            @if (item.subItems?.length) {\r\n              <mat-expansion-panel\r\n                #panel\r\n                [ngClass]=\"{\r\n                  'active-expansion-panel': hasActiveLink(item),\r\n                  'panel-expanded': panel.expanded,\r\n                }\"\r\n              >\r\n                <mat-expansion-panel-header\r\n                  (click)=\"panel.expanded && isCollapsed() && expandSidebar(); $event.stopPropagation()\"\r\n                  (keydown.enter)=\"panel.expanded && isCollapsed() && expandSidebar()\"\r\n                >\r\n                  <mat-panel-title>\r\n                    <ng-container *ngTemplateOutlet=\"itemTitle; context: { data: item }\" />\r\n                  </mat-panel-title>\r\n                  <mat-panel-description>\r\n                    @if (panel.expanded) {\r\n                      <ads-icon size=\"xs\" name=\"chevron_up\" theme=\"iconPrimary\" />\r\n                    } @else {\r\n                      <ads-icon size=\"xs\" name=\"chevron_down\" theme=\"iconPrimary\" />\r\n                    }\r\n                  </mat-panel-description>\r\n                </mat-expansion-panel-header>\r\n                @for (subItem of item.subItems; track $index) {\r\n                  <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: subItem, class: '' }\" />\r\n                }\r\n              </mat-expansion-panel>\r\n            } @else {\r\n              <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: item, class: 'main-item bottom-item' }\" />\r\n            }\r\n            @if (item?.showDividerAfterItem) {\r\n              <ads-divider />\r\n            }\r\n          }\r\n        </mat-accordion>\r\n      </div>\r\n    }\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #navItem let-item=\"navItem\" let-className=\"class\">\r\n  <a\r\n    [routerLink]=\"item.href\"\r\n    class=\"ads-nav-link\"\r\n    [ngClass]=\"{\r\n      className,\r\n      'active-nav-link': hasActiveSubLink(item),\r\n    }\"\r\n  >\r\n    <ng-container *ngTemplateOutlet=\"itemTitle; context: { data: item }\" />\r\n  </a>\r\n</ng-template>\r\n\r\n<ng-template #itemTitle let-item=\"data\">\r\n  <div class=\"ads-nav-item-container\" [matTooltip]=\"item.label\" [matTooltipDisabled]=\"!isCollapsed() || isTablet()\">\r\n    @if (!!item.icon) {\r\n      <ads-icon [name]=\"item.icon!\" size=\"sm\" theme=\"iconPrimary\" stroke=\"iconPrimary\" />\r\n    }\r\n    @if (!isCollapsed() || isTablet()) {\r\n      <span>{{ item.label }}</span>\r\n    }\r\n  </div>\r\n</ng-template>\r\n", styles: [".mat-expansion-panel{--mat-expansion-container-shape: 5px;--mat-expansion-container-text-color: var(--color-medium);--mat-expansion-container-text-size: font-size(text-base);--mat-expansion-container-background-color: transparent;box-shadow:none!important;border:1px solid}.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-wrapper{display:flex;flex-direction:column;height:100%;min-height:0}.nav-items-container{display:flex;flex-direction:column;border-bottom:1px solid var(--color-light)}.nav-items-container a{cursor:pointer}.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}.bottom-nav-section{margin-top:auto}.bottom-nav-section .nav-items-container{border-bottom:none}@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", ":host{min-height:100vh;display:flex;flex-direction:column}.nav-container{display:flex;flex-direction:column;height:auto;overflow:visible}.nav-items-wrapper{display:flex;flex-direction:column;height:100%;min-height:0}.nav-items-container{border-bottom:none}.bottom-nav-section{margin-top:auto}.nav-items-container>ads-divider:last-of-type{margin-top:auto}::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}:host ::ng-deep as-split{min-height:100vh;overflow:visible!important}:host ::ng-deep as-split>.as-split-area:first-child{position:relative;top:auto;height:auto;overflow:visible;z-index:1}:host ::ng-deep .regular-menu-content-container{position:fixed;top:0;left:0;height:100vh;width:var(--ads-scms-sidebar-width, 220px);overflow:hidden;background-color:var(--color-white);z-index:2}:host ::ng-deep .regular-menu-content-container .nav-container{height:calc(100vh - 64px);overflow-y:auto;overflow-x:hidden}:host ::ng-deep as-split>.as-split-gutter{position:relative;z-index:1003}:host ::ng-deep as-split.as-dragging{-webkit-user-select:none;user-select:none}.regular-menu-content-container{height:auto}.burger-logo-container{padding:18px 8px;border-bottom:1px solid var(--color-light);height:auto;background-color:var(--color-white);width:280px}.mobile-wrapper{background-color:var(--color-white);min-height:calc(100vh - 64px)}.mobile-wrapper .breadcrumbs-container{padding:16px 0 48px 32px}.mobile-wrapper .breadcrumbs-container.is-mobile{padding:16px 0 48px 24px}.ads-toolbar{background-color:var(--color-white);position:fixed;top:0;left:0;right:0;z-index:1001}\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: i3$6.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: i3$6.SplitAreaComponent, selector: "as-split-area", inputs: ["size", "minSize", "maxSize", "lockSize", "visible"], exportAs: ["asSplitArea"] }, { 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$1.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i6$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "directive", type: i6$1.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i6$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i6$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: AdsAscentLogoComponent, selector: "ads-ascent-logo", inputs: ["invertTheme", "size"] }, { kind: "directive", type: i13.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: i4.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: i4.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: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsScmsSideNavBarComponent, decorators: [{
             type: Component,
@@ -11014,7 +11049,7 @@ class AdsMainMenuItemsComponent {
         this.mainMenuService.onMenuItemClicked(item);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsMainMenuItemsComponent, deps: [{ token: MainMenuService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsMainMenuItemsComponent, isStandalone: false, selector: "ads-main-menu-items", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"peak-menu-content\">\r\n  @for(item of items ?? []; track $index) {\r\n    <div mat-menu-item [ngClass]=\"item.class ? item.class : ''\">\r\n      @if(item.click) {\r\n        <span (click)=\"item.click()\">\r\n        {{ item.text }}\r\n      </span>\r\n      } @else if (item.href) {\r\n        <a [routerLink]=\"item.href\" [id]=\"item?.id\" routerLinkActive=\"selected\">\r\n          {{ item.text }}\r\n        </a>\r\n      } @else {\r\n        <a [id]=\"item?.id\">{{ item.text }}</a>\r\n      }\r\n    </div>\r\n  }\r\n</div>\r\n", styles: ["a:not(:hover).selected{background-color:var(--color-secondary-25)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsMainMenuItemsComponent, isStandalone: false, selector: "ads-main-menu-items", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"peak-menu-content\">\r\n  @for(item of items ?? []; track $index) {\r\n    <div mat-menu-item [ngClass]=\"item.class ? item.class : ''\">\r\n      @if(item.click) {\r\n        <span (click)=\"item.click()\">\r\n        {{ item.text }}\r\n      </span>\r\n      } @else if (item.href) {\r\n        <a [routerLink]=\"item.href\" [id]=\"item?.id\" routerLinkActive=\"selected\">\r\n          {{ item.text }}\r\n        </a>\r\n      } @else {\r\n        <a [id]=\"item?.id\">{{ item.text }}</a>\r\n      }\r\n    </div>\r\n  }\r\n</div>\r\n", styles: ["a:not(:hover).selected{background-color:var(--color-secondary-25)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsMainMenuItemsComponent, decorators: [{
             type: Component,
@@ -11150,7 +11185,7 @@ class AdsMainMenuComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsMainMenuComponent, deps: [{ token: i1$5.MatBottomSheet }, { token: i1.AdsIconRegistry }, { token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", 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: "@if(isMobile) {\r\n  @if(isCollapsed) {\r\n    <div class=\"more-icon\">\r\n      <div class=\"icon-hover\">\r\n        <ads-icon [id]=\"id\" name=\"menu_more_info\" size=\"sm\" theme=\"primary\" (click)=\"openBottomSheet()\"></ads-icon>\r\n      </div>\r\n    </div>\r\n  }\r\n} @else {\r\n  <div class=\"more-icon\">\r\n    <div class=\"icon-hover\" [matMenuTriggerFor]=\"menu\">\r\n      <ads-icon [id]=\"id\" name=\"menu_more_info\" size=\"sm\" theme=\"primary\"></ads-icon>\r\n    </div>\r\n  </div>\r\n  <mat-menu #menu=\"matMenu\" class=\"peak-more-menu-panel\">\r\n    @if(userDisplayName) {\r\n      <ads-profile-display\r\n        [userDisplayName]=\"userDisplayName\"\r\n        [userImageSrc]=\"userImageSrc\"\r\n        [userBasePath]=\"userBasePath ?? '/'\"\r\n        [userProfilePath]=\"userProfilePath ?? '/'\"\r\n      />\r\n      <ads-main-menu-items [items]=\"menuItems\"/>\r\n    }\r\n  </mat-menu>\r\n}\r\n", styles: [".icon-hover{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:5px;cursor:pointer}.icon-hover:hover{background-color:var(--color-light-30)}.more-icon{margin-left:8px;margin-right:-4px}\n"], dependencies: [{ kind: "component", type: i4$2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i4$2.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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", 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: "@if(isMobile) {\r\n  @if(isCollapsed) {\r\n    <div class=\"more-icon\">\r\n      <div class=\"icon-hover\">\r\n        <ads-icon [id]=\"id\" name=\"menu_more_info\" size=\"sm\" theme=\"primary\" (click)=\"openBottomSheet()\"></ads-icon>\r\n      </div>\r\n    </div>\r\n  }\r\n} @else {\r\n  <div class=\"more-icon\">\r\n    <div class=\"icon-hover\" [matMenuTriggerFor]=\"menu\">\r\n      <ads-icon [id]=\"id\" name=\"menu_more_info\" size=\"sm\" theme=\"primary\"></ads-icon>\r\n    </div>\r\n  </div>\r\n  <mat-menu #menu=\"matMenu\" class=\"peak-more-menu-panel\">\r\n    @if(userDisplayName) {\r\n      <ads-profile-display\r\n        [userDisplayName]=\"userDisplayName\"\r\n        [userImageSrc]=\"userImageSrc\"\r\n        [userBasePath]=\"userBasePath ?? '/'\"\r\n        [userProfilePath]=\"userProfilePath ?? '/'\"\r\n      />\r\n      <ads-main-menu-items [items]=\"menuItems\"/>\r\n    }\r\n  </mat-menu>\r\n}\r\n", styles: [".icon-hover{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:5px;cursor:pointer}.icon-hover:hover{background-color:var(--color-light-30)}.more-icon{margin-left:8px;margin-right:-4px}\n"], dependencies: [{ kind: "component", type: i4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: AdsMainMenuItemsComponent, selector: "ads-main-menu-items", inputs: ["items"] }, { kind: "component", type: AdsProfileDisplayComponent, selector: "ads-profile-display", inputs: ["userDisplayName", "userImageSrc", "userProfilePath", "userBasePath"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsMainMenuComponent, decorators: [{
             type: Component,
@@ -12611,5 +12646,5 @@ function provideAdsUi(config) {
  * Generated bundle index. Do not edit.
  */
 
-export { AdsArchitectureLogoComponent, AdsArchitectureLogoModule, AdsAscentLogoComponent, AdsAscentLogoModule, AdsAvatarComponent, AdsAvatarModule, AdsBreadcrumbComponent, AdsBreadcrumbModule, AdsBubbleComponent, AdsBubbleModule, AdsButtonComponent, AdsButtonContainerComponent, AdsButtonContainerModule, AdsButtonModule, AdsCardComponent, AdsCardModule, AdsCheckboxComponent, AdsCheckboxModule, AdsChipComponent, AdsChipModule, AdsColumnSortFilterMenuComponent, AdsColumnSortFilterMenuModule, AdsCreateTagComponent, AdsCreateTagModule, AdsCurrencyFieldComponent, AdsCurrencyFieldModule, AdsCustomHeaderComponent, AdsCustomHeaderModule, AdsCustomerPortalLogoComponent, AdsCustomerPortalLogoModule, AdsDatepickerComponent, AdsDatepickerModule, AdsDatetimepickerComponent, AdsDatetimepickerModule, AdsDividerModule, AdsDragAndDropListComponent, AdsDragAndDropListModule, AdsDropdownComponent, AdsDropdownModule, AdsErrorPageCodeComponent, AdsErrorPageCodeModule, AdsErrorPageComponent, AdsErrorPageModule, AdsExpansionPanelComponent, AdsExpansionPanelModule, AdsFilterMenuComponent, AdsFilterMenuModule, AdsFooterComponent, AdsFooterContainerComponent, AdsFooterContainerModule, AdsFooterModule, AdsGenericLogoComponent, AdsGenericLogoModule, AdsHeaderComponent, AdsHeaderContainerComponent, AdsHeaderContainerModule, AdsHeaderModule, AdsHorizontalNavBarComponent, AdsHorizontalNavBarModule, AdsHorizontalStepperComponent, AdsHorizontalStepperModule, AdsIconButtonComponent, AdsIconButtonModule, AdsIconHoverComponent, AdsIconHoverModule, AdsInputComponent, AdsInputDropdownComponent, AdsInputDropdownModule, AdsInputModule, AdsInternationalPhoneFieldComponent, AdsInternationalPhoneFieldModule, 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, AdsPeakEssentialsLogoComponent, AdsPeakEssentialsLogoModule, AdsPeakMarketplaceLogoComponent, AdsPeakMarketplaceLogoModule, AdsPeakOrderManagementLogoComponent, AdsPeakOrderManagementLogoModule, AdsPhoneFieldComponent, AdsPhoneFieldModule, AdsPilotPayLogoComponent, AdsPilotPayLogoModule, AdsPrimaryLogoComponent, AdsPrimaryLogoModule, AdsProgressBarComponent, AdsProgressBarModule, AdsProgressIndicatorSpinnerComponent, AdsProgressIndicatorSpinnerModule, AdsProgressSpinnerComponent, AdsProgressSpinnerModule, AdsProgressStepperComponent, AdsProgressStepperModule, AdsRadioButtonComponent, AdsRadioButtonModule, AdsScmsLogoComponent, AdsScmsLogoModule, AdsScmsSideNavBarComponent, AdsScmsSideNavBarModule, AdsSearchDropdownComponent, AdsSearchDropdownModule, AdsSearchInputComponent, AdsSearchInputModule, AdsShellLayoutModule, AdsShipmentHorizontalStepperComponent, AdsShipmentHorizontalStepperModule, AdsSideNavBarComponent, AdsSideNavBarModule, AdsSideNavBarV2Component, AdsSideNavBarV2Module, AdsSlideToggle, AdsSlideToggleComponent, AdsSliderComponent, AdsSliderModule, AdsSnackbarComponent, AdsSnackbarModule, AdsSortMenuComponent, AdsSortMenuModule, AdsSplashPageComponent, AdsSplashPageModule, AdsStepperComponent, AdsStepperModule, AdsTableComponent, AdsTableModule, AdsTabsComponent, AdsTabsModule, AdsTagComponent, AdsTagContainerComponent, AdsTagContainerModule, AdsTagModule, AdsTextareaComponent, AdsTextareaModule, AdsTimeFieldComponent, AdsTimeFieldModule, AdsTimepickerComponent, AdsTimepickerModule, AdsVerticalSideNavigationStepperComponent, AdsVerticalSideNavigationStepperModule, AdsWizardStepperComponent, AdsWizardStepperModule, AscentCardComponent, AscentCardModule, BadgeColor, Colors, CountryCode, CustomDatetimeAdapter, DividerComponent, ErrorPageDefault, HorizontalStepStatus, MainMenuService, ModalActionType, ModalPanelClass, PanelClass, ShellLayoutComponent, SpinnerSize, StepStatus, TableBreakpoint, ViewportService, WindowService, WizardStepStatus, provideAdsUi };
+export { AdsArchitectureLogoComponent, AdsArchitectureLogoModule, AdsAscentLogoComponent, AdsAscentLogoModule, AdsAvatarComponent, AdsAvatarModule, AdsBreadcrumbComponent, AdsBreadcrumbModule, AdsBubbleComponent, AdsBubbleModule, AdsButtonComponent, AdsButtonContainerComponent, AdsButtonContainerModule, AdsButtonModule, AdsCardComponent, AdsCardModule, AdsCheckboxComponent, AdsCheckboxModule, AdsChipComponent, AdsChipModule, AdsColumnSortFilterMenuComponent, AdsColumnSortFilterMenuModule, AdsCreateTagComponent, AdsCreateTagModule, AdsCurrencyFieldComponent, AdsCurrencyFieldModule, AdsCustomHeaderComponent, AdsCustomHeaderModule, AdsCustomerPortalLogoComponent, AdsCustomerPortalLogoModule, AdsDatepickerComponent, AdsDatepickerModule, AdsDatetimepickerComponent, AdsDatetimepickerModule, AdsDividerModule, AdsDragAndDropListComponent, AdsDragAndDropListModule, AdsDropdownComponent, AdsDropdownModule, AdsErrorPageCodeComponent, AdsErrorPageCodeModule, AdsErrorPageComponent, AdsErrorPageModule, AdsExpansionPanelComponent, AdsExpansionPanelModule, AdsFilterMenuComponent, AdsFilterMenuModule, AdsFooterComponent, AdsFooterContainerComponent, AdsFooterContainerModule, AdsFooterModule, AdsGenericLogoComponent, AdsGenericLogoModule, AdsHeaderComponent, AdsHeaderContainerComponent, AdsHeaderContainerModule, AdsHeaderModule, AdsHorizontalNavBarComponent, AdsHorizontalNavBarModule, AdsHorizontalStepperComponent, AdsHorizontalStepperModule, AdsIconButtonComponent, AdsIconButtonModule, AdsIconHoverComponent, AdsIconHoverModule, AdsInputComponent, AdsInputDropdownComponent, AdsInputDropdownModule, AdsInputModule, AdsInternationalPhoneFieldComponent, AdsInternationalPhoneFieldModule, 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, AdsPeakEssentialsLogoComponent, AdsPeakEssentialsLogoModule, AdsPeakMarketplaceLogoComponent, AdsPeakMarketplaceLogoModule, AdsPeakOrderManagementLogoComponent, AdsPeakOrderManagementLogoModule, AdsPhoneFieldComponent, AdsPhoneFieldModule, AdsPilotPayLogoComponent, AdsPilotPayLogoModule, AdsPrimaryLogoComponent, AdsPrimaryLogoModule, AdsProgressBarComponent, AdsProgressBarModule, AdsProgressIndicatorSpinnerComponent, AdsProgressIndicatorSpinnerModule, AdsProgressSpinnerComponent, AdsProgressSpinnerModule, AdsProgressStepperComponent, AdsProgressStepperModule, AdsRadioButtonComponent, AdsRadioButtonModule, AdsScmsLogoComponent, AdsScmsLogoModule, AdsScmsSideNavBarComponent, AdsScmsSideNavBarModule, AdsSearchDropdownComponent, AdsSearchDropdownModule, AdsSearchInputComponent, AdsSearchInputModule, AdsShellLayoutModule, AdsShipmentHorizontalStepperComponent, AdsShipmentHorizontalStepperModule, AdsSideNavBarComponent, AdsSideNavBarModule, AdsSideNavBarV2Component, AdsSideNavBarV2Module, AdsSlideToggle, AdsSlideToggleComponent, AdsSliderComponent, AdsSliderModule, AdsSnackbarComponent, AdsSnackbarModule, AdsSortMenuComponent, AdsSortMenuModule, AdsSplashPageComponent, AdsSplashPageModule, AdsStepperComponent, AdsStepperModule, AdsSubNavigationButtonComponent, AdsSubNavigationButtonModule, AdsTableComponent, AdsTableModule, AdsTabsComponent, AdsTabsModule, AdsTagComponent, AdsTagContainerComponent, AdsTagContainerModule, AdsTagModule, AdsTextareaComponent, AdsTextareaModule, AdsTimeFieldComponent, AdsTimeFieldModule, AdsTimepickerComponent, AdsTimepickerModule, AdsVerticalSideNavigationStepperComponent, AdsVerticalSideNavigationStepperModule, AdsWizardStepperComponent, AdsWizardStepperModule, AscentCardComponent, AscentCardModule, BadgeColor, Colors, CountryCode, CustomDatetimeAdapter, DividerComponent, ErrorPageDefault, HorizontalStepStatus, MainMenuService, ModalActionType, ModalPanelClass, PanelClass, ShellLayoutComponent, SpinnerSize, StepStatus, TableBreakpoint, ViewportService, WindowService, WizardStepStatus, provideAdsUi };
 //# sourceMappingURL=ascentgl-ads-ui.mjs.map