@ascentgl/ads-ui 22.0.0 → 22.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/ascentgl-ads-ui-src-lib-components-logo-primary-logo.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-logo-primary-logo.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs +2 -3
- package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui.mjs +556 -580
- package/fesm2022/ascentgl-ads-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/types/ascentgl-ads-ui.d.ts +6 -5
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { Input, ChangeDetectionStrategy, Component, input, output, computed, inject, model, signal, viewChild, effect, HostListener, ElementRef, ViewChild, Directive, EventEmitter, Output, InjectionToken, DestroyRef, HostBinding, Pipe, contentChild, TemplateRef, Inject, Optional, Injectable, ChangeDetectorRef, Renderer2, ViewChildren } from '@angular/core';
|
|
3
3
|
import * as i1$1 from '@angular/common';
|
|
4
|
-
import { CommonModule,
|
|
4
|
+
import { CommonModule, NgTemplateOutlet, NgStyle, DOCUMENT, NgClass } from '@angular/common';
|
|
5
5
|
import * as i1 from '@ascentgl/ads-icons';
|
|
6
6
|
import { AdsIconComponent, AdsIconRegistry } from '@ascentgl/ads-icons';
|
|
7
|
-
import { adsIconUserCircle, adsIconBell, adsIconMenuMoreInfo, adsIconChevronRight, adsIconCross, adsIconPlus, adsIconWarning, adsIconLock, adsIconPlusCircle, adsIconSearch, adsIconStarFull, adsIconUsers, adsIconSortDescending, adsIconCheckCircleFilled, adsIconVisibilityEye, adsIconVisibilityEyeNone, adsIconStatusProcessing, adsIconInformation, adsIconChevronDown, adsIconLoading, adsIconDatepicker, adsIconTimepicker, adsIconCheck, adsIconDropdownArrow, adsIconChevronUp, adsIconSortDownToUp, adsIconSortUpToDown,
|
|
7
|
+
import { adsIconUserCircle, adsIconBell, adsIconMenuMoreInfo, adsIconChevronRight, adsIconCross, adsIconPlus, adsIconWarning, adsIconLock, adsIconPlusCircle, adsIconSearch, adsIconStarFull, adsIconUsers, adsIconSortDescending, adsIconCheckCircleFilled, adsIconVisibilityEye, adsIconVisibilityEyeNone, adsIconStatusProcessing, adsIconInformation, adsIconChevronDown, adsIconLoading, adsIconDatepicker, adsIconTimepicker, adsIconCheck, adsIconDropdownArrow, adsIconChevronUp, adsIconDrag, adsIconSortDownToUp, adsIconSortUpToDown, adsIconMenuFilters, adsIconSortingArrowUp, adsIconSortingArrowDown, adsIconTableFilter, adsIconFilter, adsIconArrowUpAndDown, adsIconListView, adsIconGridView, adsIconHamburgerMenu, adsIconChevronLeft, adsIconStatusNew, adsIconPencil, adsIconFileAdd, adsIconCanceledShipment } from '@ascentgl/ads-icons/icons';
|
|
8
8
|
import { MatBadge } from '@angular/material/badge';
|
|
9
9
|
import * as i1$2 from '@angular/router';
|
|
10
|
-
import { RouterModule, RouterLinkActive, RouterLink,
|
|
10
|
+
import { RouterModule, RouterLinkActive, RouterLink, NavigationStart, RouterOutlet } from '@angular/router';
|
|
11
11
|
import * as i1$3 from '@angular/material/button';
|
|
12
|
-
import { MatButtonModule, MatIconButton
|
|
12
|
+
import { MatButtonModule, MatIconButton } from '@angular/material/button';
|
|
13
13
|
import * as i4 from '@angular/material/menu';
|
|
14
14
|
import { MatMenuModule, MatMenuTrigger, MatMenu, MatMenuItem } from '@angular/material/menu';
|
|
15
15
|
import * as i3 from '@angular/cdk/overlay';
|
|
@@ -19,14 +19,13 @@ import { takeUntil, filter, map, tap, debounce } from 'rxjs/operators';
|
|
|
19
19
|
import * as i3$1 from '@angular/platform-browser';
|
|
20
20
|
import * as i2 from '@angular/material/progress-spinner';
|
|
21
21
|
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
|
|
22
|
-
import { DomHelper,
|
|
22
|
+
import { DomHelper, ObjectHelper, AdsGestureDirective, AdsGestureDirection, ADS_GESTURE_DEFAULT_OPTIONS } from '@ascentgl/ads-utils';
|
|
23
23
|
import * as i4$1 from '@angular/forms';
|
|
24
24
|
import { FormControl, TouchedChangeEvent, Validators, ReactiveFormsModule } from '@angular/forms';
|
|
25
25
|
import * as i2$1 from '@angular/material/form-field';
|
|
26
26
|
import { MatError, MatHint, MatFormFieldModule } from '@angular/material/form-field';
|
|
27
27
|
import * as i3$2 from '@angular/material/input';
|
|
28
28
|
import { MatInputModule } from '@angular/material/input';
|
|
29
|
-
import { MatIcon, MatIconModule } from '@angular/material/icon';
|
|
30
29
|
import * as i5 from '@angular/material/tooltip';
|
|
31
30
|
import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
|
|
32
31
|
import * as i4$2 from '@angular/material/select';
|
|
@@ -34,10 +33,11 @@ import { MatSelectModule } from '@angular/material/select';
|
|
|
34
33
|
import { MatOption, NativeDateAdapter, DateAdapter, MatNativeDateModule, MatOptionModule } from '@angular/material/core';
|
|
35
34
|
import { trigger, state, style, transition, animate } from '@angular/animations';
|
|
36
35
|
import * as i4$3 from '@angular/material/autocomplete';
|
|
37
|
-
import {
|
|
36
|
+
import { MatAutocompleteModule, MatAutocompleteTrigger } from '@angular/material/autocomplete';
|
|
38
37
|
import { NgxMaskDirective, provideNgxMask } from 'ngx-mask';
|
|
39
38
|
import { MatDividerModule } from '@angular/material/divider';
|
|
40
39
|
import { MatDatepickerModule } from '@angular/material/datepicker';
|
|
40
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
41
41
|
import * as i5$1 from '@mat-datetimepicker/core';
|
|
42
42
|
import { MAT_DATETIME_FORMATS, MatNativeDatetimeModule, MatDatetimepickerModule, MatDatetimepickerComponent } from '@mat-datetimepicker/core';
|
|
43
43
|
import { format, add } from 'date-fns';
|
|
@@ -227,35 +227,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
|
|
|
227
227
|
args: [{ selector: 'ads-baseline-widget', imports: [CommonModule, AdsIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"baseline-widget\"\n [class.baseline-widget--active]=\"active()\"\n [class.baseline-widget--edit]=\"mode() === 'edit'\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"onWidgetClick()\"\n (keydown.enter)=\"onWidgetClick()\"\n (keydown.space)=\"onWidgetClick()\"\n>\n <div class=\"baseline-widget__left\">\n <ads-icon [name]=\"$any(icon())\" size=\"sm\" />\n <span class=\"baseline-widget__title\">{{ title() }}</span>\n </div>\n\n <div class=\"baseline-widget__right\">\n <span class=\"baseline-widget__badge\">{{ value() }}</span>\n\n @if (mode() === 'edit') {\n <button\n class=\"baseline-widget__menu\"\n type=\"button\"\n tabindex=\"0\"\n aria-label=\"More options\"\n (click)=\"onMenuClick($event)\"\n >\n <ads-icon name=\"menu_more_info\" [theme]=\"'iconPrimary'\" size=\"xxs_16\" />\n </button>\n }\n </div>\n</div>\n", styles: [":host{display:block}.baseline-widget{display:flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;height:60px;padding:4px 12px;border:none;border-radius:10px;outline:1px solid var(--color-light);outline-offset:-1px;background-color:var(--color-white);color:var(--color-dark-90);cursor:pointer;transition:background-color .15s ease,outline .15s ease,color .15s ease}.baseline-widget:hover,.baseline-widget:focus-visible{outline:2px solid var(--color-secondary-hover);outline-offset:-2px;background-color:var(--color-secondary-hover);color:var(--color-white)}.baseline-widget:hover .baseline-widget__badge,.baseline-widget:focus-visible .baseline-widget__badge{border-color:var(--color-muted);background-color:var(--color-secondary-hover);color:var(--color-white)}.baseline-widget:active{outline:2px solid var(--color-secondary-pressed);outline-offset:-2px;background-color:var(--color-secondary-pressed);color:var(--color-white)}.baseline-widget:active .baseline-widget__badge{border-color:var(--color-medium);background-color:var(--color-medium-opacity-50);color:var(--color-white)}.baseline-widget--active{outline:2px solid var(--color-secondary);outline-offset:-2px;color:var(--color-secondary)}.baseline-widget--active .baseline-widget__badge{border-color:var(--color-muted);background-color:var(--color-secondary-10);color:var(--color-secondary)}.baseline-widget--edit:hover,.baseline-widget--edit:focus-visible{outline:2px solid var(--color-secondary-hover);outline-offset:-2px;background-color:var(--color-light-80);color:var(--color-dark)}.baseline-widget--edit:hover .baseline-widget__left ads-icon,.baseline-widget--edit:focus-visible .baseline-widget__left ads-icon{color:var(--color-secondary-hover)}.baseline-widget--edit:hover .baseline-widget__badge,.baseline-widget--edit:focus-visible .baseline-widget__badge{border-color:var(--color-muted);background-color:var(--color-light-80);color:var(--color-white)}.baseline-widget--edit:active{outline:2px solid var(--color-secondary-pressed);outline-offset:-2px;background-color:var(--color-light);color:var(--color-dark)}.baseline-widget--edit:active .baseline-widget__left ads-icon{color:var(--color-secondary-pressed)}.baseline-widget--edit:active .baseline-widget__badge{border-color:var(--color-medium);background-color:var(--color-medium-opacity-50);color:var(--color-white)}.baseline-widget__left{display:flex;align-items:center}.baseline-widget__left ads-icon{stroke:currentColor}.baseline-widget__left{gap:12px;flex:1;min-width:0}.baseline-widget__title{font-size:18px;font-weight:600;line-height:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.baseline-widget__right{display:flex;align-items:center;gap:4px;flex-shrink:0}.baseline-widget__badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;border:1px solid var(--color-muted);background-color:var(--color-muted);font-size:18px;line-height:23px;font-weight:600;color:var(--color-dark);transition:border-color .15s ease,background-color .15s ease,color .15s ease}.baseline-widget__menu{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;border-radius:4px;cursor:pointer;color:inherit}.baseline-widget__menu:hover{background-color:var(--color-secondary-10);color:var(--color-secondary)}\n"] }]
|
|
228
228
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], widgetClick: [{ type: i0.Output, args: ["widgetClick"] }], menuClick: [{ type: i0.Output, args: ["menuClick"] }] } });
|
|
229
229
|
|
|
230
|
-
class AdsIconButtonComponent {
|
|
231
|
-
constructor() {
|
|
232
|
-
/** Whether the button is a smaller version */
|
|
233
|
-
this.size = input('xl-5', /* @ts-ignore */
|
|
234
|
-
...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
235
|
-
/**
|
|
236
|
-
* aria-label for the button
|
|
237
|
-
*/
|
|
238
|
-
this.ariaLabel = input('', /* @ts-ignore */
|
|
239
|
-
...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
|
|
240
|
-
/**
|
|
241
|
-
* The unique ID for the icon button
|
|
242
|
-
*/
|
|
243
|
-
this.id = input(/* @ts-ignore */
|
|
244
|
-
...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
245
|
-
/**
|
|
246
|
-
* Whether the button is disabled
|
|
247
|
-
*/
|
|
248
|
-
this.disabled = input(false, /* @ts-ignore */
|
|
249
|
-
...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
250
|
-
}
|
|
251
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
252
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: AdsIconButtonComponent, isStandalone: true, selector: "ads-icon-button", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<button\n type=\"button\"\n class=\"ads-icon-btn\"\n [disabled]=\"disabled()\"\n [attr.aria-label]=\"ariaLabel()\"\n [id]=\"id()\"\n [ngClass]=\"[size()]\"\n>\n <span class=\"icon-wrapper\">\n <ng-content></ng-content>\n </span>\n</button>\n", styles: [".ads-icon-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;border-radius:50%;cursor:pointer;line-height:50%;outline:0;text-align:center;background-color:var(--color-primary)}.ads-icon-btn:hover{background-color:var(--color-primary-hover)}.ads-icon-btn:active,.ads-icon-btn:focus{background-color:var(--color-primary-pressed)}.ads-icon-btn.xl-5 ::ng-deep ads-icon{width:28.8px!important;height:28.8px!important}.ads-icon-btn.xl-5 ::ng-deep ads-icon svg{width:28.8px!important;height:28.8px!important}.ads-icon-btn.xl{width:20px;height:20px}.ads-icon-btn.xl ::ng-deep ads-icon{width:12px!important;height:12px!important}.ads-icon-btn.xl ::ng-deep ads-icon svg{width:12px!important;height:12px!important}.ads-icon-btn.sm{width:14px;height:14px}.ads-icon-btn.sm ::ng-deep ads-icon{width:8px!important;height:8px!important}.ads-icon-btn.sm ::ng-deep ads-icon svg{width:8px!important;height:8px!important}.ads-icon-btn:disabled{background-color:var(--color-medium-50);cursor:default}.ads-icon-btn:disabled>*{pointer-events:none}.ads-icon-btn .icon-wrapper{display:inline-block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatButtonModule }] }); }
|
|
253
|
-
}
|
|
254
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsIconButtonComponent, decorators: [{
|
|
255
|
-
type: Component,
|
|
256
|
-
args: [{ selector: 'ads-icon-button', imports: [CommonModule, MatButtonModule, AdsIconComponent], template: "<button\n type=\"button\"\n class=\"ads-icon-btn\"\n [disabled]=\"disabled()\"\n [attr.aria-label]=\"ariaLabel()\"\n [id]=\"id()\"\n [ngClass]=\"[size()]\"\n>\n <span class=\"icon-wrapper\">\n <ng-content></ng-content>\n </span>\n</button>\n", styles: [".ads-icon-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;border-radius:50%;cursor:pointer;line-height:50%;outline:0;text-align:center;background-color:var(--color-primary)}.ads-icon-btn:hover{background-color:var(--color-primary-hover)}.ads-icon-btn:active,.ads-icon-btn:focus{background-color:var(--color-primary-pressed)}.ads-icon-btn.xl-5 ::ng-deep ads-icon{width:28.8px!important;height:28.8px!important}.ads-icon-btn.xl-5 ::ng-deep ads-icon svg{width:28.8px!important;height:28.8px!important}.ads-icon-btn.xl{width:20px;height:20px}.ads-icon-btn.xl ::ng-deep ads-icon{width:12px!important;height:12px!important}.ads-icon-btn.xl ::ng-deep ads-icon svg{width:12px!important;height:12px!important}.ads-icon-btn.sm{width:14px;height:14px}.ads-icon-btn.sm ::ng-deep ads-icon{width:8px!important;height:8px!important}.ads-icon-btn.sm ::ng-deep ads-icon svg{width:8px!important;height:8px!important}.ads-icon-btn:disabled{background-color:var(--color-medium-50);cursor:default}.ads-icon-btn:disabled>*{pointer-events:none}.ads-icon-btn .icon-wrapper{display:inline-block}\n"] }]
|
|
257
|
-
}], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
|
|
258
|
-
|
|
259
230
|
class AdsBreadcrumbComponent {
|
|
260
231
|
/** @ignore */
|
|
261
232
|
constructor(registry) {
|
|
@@ -270,7 +241,7 @@ class AdsBreadcrumbComponent {
|
|
|
270
241
|
}
|
|
271
242
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsBreadcrumbComponent, decorators: [{
|
|
272
243
|
type: Component,
|
|
273
|
-
args: [{ selector: 'ads-breadcrumb', imports: [CommonModule, RouterModule, AdsIconComponent
|
|
244
|
+
args: [{ selector: 'ads-breadcrumb', imports: [CommonModule, RouterModule, AdsIconComponent], template: "<div class=\"ads-breadcrumbs-container\">\n <div class=\"ads-breadcrumb-list\">\n @for (breadcrumb of breadcrumbs(); track $index) {\n @if (!$last) {\n <a class=\"ads-breadcrumb\" [routerLink]=\"breadcrumb.url\">\n <span>{{ breadcrumb.label }}</span>\n </a>\n } @else {\n <div class=\"ads-breadcrumb active\">\n <span>{{ breadcrumb.label }}</span>\n </div>\n }\n @if (!$last) {\n <ads-icon class=\"separator\" [name]=\"'chevron_right'\" [size]=\"'xxxxs'\" />\n }\n }\n </div>\n</div>\n\n", styles: [":host{display:flex;align-items:center;position:relative;min-width:192px;min-height:24px}.ads-breadcrumbs-container{display:flex;overflow:hidden;position:relative}.ads-breadcrumb-list{display:flex;align-items:center;row-gap:8px;column-gap:16px;white-space:nowrap;position:relative;flex-wrap:wrap;left:0}.ads-breadcrumb-list .separator{fill:var(--color-dark-50)}.ads-breadcrumb-list .ads-breadcrumb{text-decoration:unset;color:var(--color-link);cursor:pointer;font-size:12px;font-weight:400;line-height:16px;border-radius:5px;padding:4px}.ads-breadcrumb-list .ads-breadcrumb:not(.active):hover{color:var(--color-link-hover);background-color:var(--color-light-30);text-decoration:underline}.ads-breadcrumb-list .ads-breadcrumb:not(.active):active{color:var(--color-link-pressed);background-color:var(--color-light-80);text-decoration:underline}.ads-breadcrumb-list .ads-breadcrumb.active{color:var(--color-dark);cursor:default}\n"] }]
|
|
274
245
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { breadcrumbs: [{ type: i0.Input, args: [{ isSignal: true, alias: "breadcrumbs", required: true }] }] } });
|
|
275
246
|
|
|
276
247
|
class AdsButtonComponent {
|
|
@@ -970,7 +941,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
|
|
|
970
941
|
CommonModule,
|
|
971
942
|
MatButtonModule,
|
|
972
943
|
OverlayModule,
|
|
973
|
-
AdsIconComponent,
|
|
974
944
|
AdsButtonComponent,
|
|
975
945
|
AdsTagContainerComponent,
|
|
976
946
|
AdsTagComponent,
|
|
@@ -1492,19 +1462,6 @@ var ErrorPageDefault;
|
|
|
1492
1462
|
ErrorPageDefault[ErrorPageDefault["errorCode"] = 404] = "errorCode";
|
|
1493
1463
|
})(ErrorPageDefault || (ErrorPageDefault = {}));
|
|
1494
1464
|
|
|
1495
|
-
class AdsErrorPageCodeComponent {
|
|
1496
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsErrorPageCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1497
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.1", type: AdsErrorPageCodeComponent, isStandalone: true, selector: "ads-error-page-code", ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
1498
|
-
}
|
|
1499
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsErrorPageCodeComponent, decorators: [{
|
|
1500
|
-
type: Component,
|
|
1501
|
-
args: [{
|
|
1502
|
-
selector: 'ads-error-page-code',
|
|
1503
|
-
template: ``,
|
|
1504
|
-
imports: [CommonModule],
|
|
1505
|
-
}]
|
|
1506
|
-
}] });
|
|
1507
|
-
|
|
1508
1465
|
class AdsErrorPageComponent {
|
|
1509
1466
|
constructor(cdr, registry, location, sanitizer) {
|
|
1510
1467
|
this.cdr = cdr;
|
|
@@ -1578,11 +1535,11 @@ class AdsErrorPageComponent {
|
|
|
1578
1535
|
}
|
|
1579
1536
|
}
|
|
1580
1537
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsErrorPageComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.AdsIconRegistry }, { token: i1$1.Location }, { token: i3$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1581
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: AdsErrorPageComponent, isStandalone: true, selector: "ads-error-page", inputs: { logoSrc: "logoSrc", logoAlt: "logoAlt", config: "config" }, host: { listeners: { "window:resize": "resize()" } }, viewQueries: [{ propertyName: "errorRepresentation", first: true, predicate: ["errorRepresentation"], descendants: true }, { propertyName: "errorCode", first: true, predicate: ["errorCode"], descendants: true }, { propertyName: "codeImage", first: true, predicate: ["codeImage"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"error-page-container\">\n <div class=\"body\">\n <div class=\"body-header\"><img [src]=\"logoSrc\" [alt]=\"logoAlt\" /></div>\n <div class=\"body-error-representation\" #errorRepresentation [ngClass]=\"{ svg: iconAsSvg }\">\n @if (iconAsSvg) {\n <div class=\"error-icon {{ config.icon }}\" [innerHTML]=\"iconAsSvg\"></div>\n } @else {\n <span class=\"error-code\" #errorCode [ngStyle]=\"adjustStyles()\">\n {{ config.code || defaults.errorCode }}\n </span>\n }\n </div>\n @if (config.message) {\n <div class=\"body-error-message\">{{ config.message }}</div>\n }\n @if (config.summary) {\n <div class=\"body-error-summary\">{{ config.summary }}</div>\n }\n </div>\n @if(config.infoColumns?.length || config.showHomeButton || config.showBackButton) {\n <div class=\"footer\">\n @if(
|
|
1538
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: AdsErrorPageComponent, isStandalone: true, selector: "ads-error-page", inputs: { logoSrc: "logoSrc", logoAlt: "logoAlt", config: "config" }, host: { listeners: { "window:resize": "resize()" } }, viewQueries: [{ propertyName: "errorRepresentation", first: true, predicate: ["errorRepresentation"], descendants: true }, { propertyName: "errorCode", first: true, predicate: ["errorCode"], descendants: true }, { propertyName: "codeImage", first: true, predicate: ["codeImage"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"error-page-container\">\n <div class=\"body\">\n <div class=\"body-header\"><img [src]=\"logoSrc\" [alt]=\"logoAlt\" /></div>\n <div class=\"body-error-representation\" #errorRepresentation [ngClass]=\"{ svg: iconAsSvg }\">\n @if (iconAsSvg) {\n <div class=\"error-icon {{ config.icon }}\" [innerHTML]=\"iconAsSvg\"></div>\n } @else {\n <span class=\"error-code\" #errorCode [ngStyle]=\"adjustStyles()\">\n {{ config.code || defaults.errorCode }}\n </span>\n }\n </div>\n @if (config.message) {\n <div class=\"body-error-message\">{{ config.message }}</div>\n }\n @if (config.summary) {\n <div class=\"body-error-summary\">{{ config.summary }}</div>\n }\n </div>\n @if(config.infoColumns?.length || config.showHomeButton || config.showBackButton) {\n <div class=\"footer\">\n @let infoColumns = config.infoColumns ?? [];\n @if(infoColumns.length) {\n <div class=\"footer-info-columns\">\n <!-- default alignment for single column is \"center\", otherwise - \"left\" -->\n @for (column of config.infoColumns; track $index) {\n <div\n class=\"footer-info-column\"\n [ngStyle]=\"{\n 'text-align': column.alignment ? column.alignment : infoColumns.length > 1 ? 'left' : 'center',\n }\"\n >\n @if(column.header) {\n <div class=\"footer-column-header\">{{ column.header }}</div>\n }\n <div class=\"footer-column-body\" [innerHTML]=\"column.body\"></div>\n </div>\n }\n </div>\n }\n @if(config.showHomeButton || config.showBackButton) {\n <div class=\"footer-buttons\">\n @if(config.showBackButton) {\n <ads-button variant=\"secondary\" (click)=\"back()\">{{\n config.backButtonLabel || defaults.backButtonLabel\n }}\n </ads-button>\n }\n @if(config.showHomeButton) {\n <ads-button variant=\"primary\" routerLink=\"/\">{{\n config.homeButtonLabel || defaults.homeButtonLabel\n }}\n </ads-button>\n }\n </div>\n }\n </div>\n }\n</div>\n", styles: [".error-page-container{display:grid;min-height:100vh;grid-template-rows:1fr min-content}.error-page-container .body{padding-left:2rem}@media screen and (min-width:320px)and (max-width:480px){.error-page-container .body{padding-left:1rem}}.error-page-container .body{padding-right:2rem}@media screen and (min-width:320px)and (max-width:480px){.error-page-container .body{padding-right:1rem}}.error-page-container .body{padding-top:2rem;padding-bottom:3rem;background:linear-gradient(123.73deg,#252636 2.41%,#3f4560 100.33%);min-height:45vh;display:grid;grid-template-rows:min-content 1fr min-content min-content}.error-page-container .body .body-header img{max-width:10rem;min-width:5rem}@media screen and (max-width:768px){.error-page-container .body .body-header img{width:24vw}}.error-page-container .body .body-error-representation{min-height:6rem;position:relative;margin:2rem 3rem;display:flex;align-items:center;justify-content:center;font-weight:700}.error-page-container .body .body-error-representation.svg{margin:3rem 4rem}.error-page-container .body .body-error-representation .error-icon{position:absolute;height:100%;width:100%}.error-page-container .body .body-error-representation .error-icon.plus_circle{rotate:45deg}.error-page-container .body .body-error-representation .error-icon ::ng-deep svg{fill:#615bff;height:inherit!important;width:inherit!important}.error-page-container .body .body-error-representation .error-code{position:absolute;color:#615bff;font-size:500px}.error-page-container .body .body-error-representation .error-code-hidden{position:absolute;pointer-events:none;visibility:hidden}.error-page-container .body .body-error-message{font-weight:700;font-size:1.5rem;color:var(--color-white);display:flex;align-items:center;justify-content:center;text-align:center}.error-page-container .body .body-error-message:not(:only-child){padding-bottom:.25rem}@media screen and (min-width:320px)and (max-width:480px){.error-page-container .body .body-error-message:not(:only-child){padding-bottom:.125rem}}@media screen and (min-width:320px)and (max-width:480px){.error-page-container .body .body-error-message{font-size:1.25rem}}.error-page-container .body .body-error-summary{display:flex;align-items:center;justify-content:center;color:#ced6e8bf;text-align:center}@media screen and (min-width:320px)and (max-width:480px){.error-page-container .body .body-error-summary{font-size:.8rem}}.error-page-container .footer{display:grid;justify-items:center;align-items:center;padding-top:1rem;padding-bottom:3rem;grid-template-rows:repeat(2,min-content)}.error-page-container .footer{padding-left:2rem}@media screen and (min-width:320px)and (max-width:480px){.error-page-container .footer{padding-left:1rem}}.error-page-container .footer{padding-right:2rem}@media screen and (min-width:320px)and (max-width:480px){.error-page-container .footer{padding-right:1rem}}.error-page-container .footer .footer-international{position:absolute}.error-page-container .footer .footer-info-columns{display:grid;justify-items:center;grid-auto-flow:column}@media screen and (min-width:320px)and (max-width:480px){.error-page-container .footer .footer-info-columns{grid-auto-flow:row}}.error-page-container .footer .footer-info-columns .footer-info-column{max-width:500px}.error-page-container .footer .footer-info-columns .footer-info-column{padding:.5rem}@media screen and (min-width:320px)and (max-width:480px){.error-page-container .footer .footer-info-columns .footer-info-column{padding:.25rem}}.error-page-container .footer .footer-info-columns .footer-info-column:only-of-type{max-width:600px}.error-page-container .footer .footer-info-columns .footer-info-column .footer-column-header{color:#5756b3;font-size:1.2rem;font-weight:600}.error-page-container .footer .footer-info-columns .footer-info-column .footer-column-header{margin-bottom:.5rem}@media screen and (min-width:320px)and (max-width:480px){.error-page-container .footer .footer-info-columns .footer-info-column .footer-column-header{margin-bottom:.25rem}}@media screen and (min-width:320px)and (max-width:480px){.error-page-container .footer .footer-info-columns .footer-info-column .footer-column-header{font-size:1rem}}.error-page-container .footer .footer-info-columns .footer-info-column .footer-column-body{color:var(--color-dark)}@media screen and (min-width:320px)and (max-width:480px){.error-page-container .footer .footer-info-columns .footer-info-column{max-width:none}.error-page-container .footer .footer-info-columns .footer-info-column:not(:last-of-type){margin-bottom:1rem}}.error-page-container .footer .footer-buttons{display:flex;gap:12px;align-items:center}.error-page-container .footer .footer-buttons{margin-top:1.5rem}@media screen and (min-width:320px)and (max-width:480px){.error-page-container .footer .footer-buttons{margin-top:.75rem}}.error-page-container .footer .footer-buttons:only-child{margin-top:1.5rem}.error-page-container .footer .footer-buttons ads-button{margin-top:.5rem;display:inline-block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AdsButtonComponent, selector: "ads-button", inputs: ["id", "variant", "disabled", "size", "type", "fullWidth"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
1582
1539
|
}
|
|
1583
1540
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsErrorPageComponent, decorators: [{
|
|
1584
1541
|
type: Component,
|
|
1585
|
-
args: [{ selector: 'ads-error-page', imports: [CommonModule, AdsButtonComponent, RouterModule
|
|
1542
|
+
args: [{ selector: 'ads-error-page', imports: [CommonModule, AdsButtonComponent, RouterModule], changeDetection: ChangeDetectionStrategy.Eager, template: "<div class=\"error-page-container\">\n <div class=\"body\">\n <div class=\"body-header\"><img [src]=\"logoSrc\" [alt]=\"logoAlt\" /></div>\n <div class=\"body-error-representation\" #errorRepresentation [ngClass]=\"{ svg: iconAsSvg }\">\n @if (iconAsSvg) {\n <div class=\"error-icon {{ config.icon }}\" [innerHTML]=\"iconAsSvg\"></div>\n } @else {\n <span class=\"error-code\" #errorCode [ngStyle]=\"adjustStyles()\">\n {{ config.code || defaults.errorCode }}\n </span>\n }\n </div>\n @if (config.message) {\n <div class=\"body-error-message\">{{ config.message }}</div>\n }\n @if (config.summary) {\n <div class=\"body-error-summary\">{{ config.summary }}</div>\n }\n </div>\n @if(config.infoColumns?.length || config.showHomeButton || config.showBackButton) {\n <div class=\"footer\">\n @let infoColumns = config.infoColumns ?? [];\n @if(infoColumns.length) {\n <div class=\"footer-info-columns\">\n <!-- default alignment for single column is \"center\", otherwise - \"left\" -->\n @for (column of config.infoColumns; track $index) {\n <div\n class=\"footer-info-column\"\n [ngStyle]=\"{\n 'text-align': column.alignment ? column.alignment : infoColumns.length > 1 ? 'left' : 'center',\n }\"\n >\n @if(column.header) {\n <div class=\"footer-column-header\">{{ column.header }}</div>\n }\n <div class=\"footer-column-body\" [innerHTML]=\"column.body\"></div>\n </div>\n }\n </div>\n }\n @if(config.showHomeButton || config.showBackButton) {\n <div class=\"footer-buttons\">\n @if(config.showBackButton) {\n <ads-button variant=\"secondary\" (click)=\"back()\">{{\n config.backButtonLabel || defaults.backButtonLabel\n }}\n </ads-button>\n }\n @if(config.showHomeButton) {\n <ads-button variant=\"primary\" routerLink=\"/\">{{\n config.homeButtonLabel || defaults.homeButtonLabel\n }}\n </ads-button>\n }\n </div>\n }\n </div>\n }\n</div>\n", styles: [".error-page-container{display:grid;min-height:100vh;grid-template-rows:1fr min-content}.error-page-container .body{padding-left:2rem}@media screen and (min-width:320px)and (max-width:480px){.error-page-container .body{padding-left:1rem}}.error-page-container .body{padding-right:2rem}@media screen and (min-width:320px)and (max-width:480px){.error-page-container .body{padding-right:1rem}}.error-page-container .body{padding-top:2rem;padding-bottom:3rem;background:linear-gradient(123.73deg,#252636 2.41%,#3f4560 100.33%);min-height:45vh;display:grid;grid-template-rows:min-content 1fr min-content min-content}.error-page-container .body .body-header img{max-width:10rem;min-width:5rem}@media screen and (max-width:768px){.error-page-container .body .body-header img{width:24vw}}.error-page-container .body .body-error-representation{min-height:6rem;position:relative;margin:2rem 3rem;display:flex;align-items:center;justify-content:center;font-weight:700}.error-page-container .body .body-error-representation.svg{margin:3rem 4rem}.error-page-container .body .body-error-representation .error-icon{position:absolute;height:100%;width:100%}.error-page-container .body .body-error-representation .error-icon.plus_circle{rotate:45deg}.error-page-container .body .body-error-representation .error-icon ::ng-deep svg{fill:#615bff;height:inherit!important;width:inherit!important}.error-page-container .body .body-error-representation .error-code{position:absolute;color:#615bff;font-size:500px}.error-page-container .body .body-error-representation .error-code-hidden{position:absolute;pointer-events:none;visibility:hidden}.error-page-container .body .body-error-message{font-weight:700;font-size:1.5rem;color:var(--color-white);display:flex;align-items:center;justify-content:center;text-align:center}.error-page-container .body .body-error-message:not(:only-child){padding-bottom:.25rem}@media screen and (min-width:320px)and (max-width:480px){.error-page-container .body .body-error-message:not(:only-child){padding-bottom:.125rem}}@media screen and (min-width:320px)and (max-width:480px){.error-page-container .body .body-error-message{font-size:1.25rem}}.error-page-container .body .body-error-summary{display:flex;align-items:center;justify-content:center;color:#ced6e8bf;text-align:center}@media screen and (min-width:320px)and (max-width:480px){.error-page-container .body .body-error-summary{font-size:.8rem}}.error-page-container .footer{display:grid;justify-items:center;align-items:center;padding-top:1rem;padding-bottom:3rem;grid-template-rows:repeat(2,min-content)}.error-page-container .footer{padding-left:2rem}@media screen and (min-width:320px)and (max-width:480px){.error-page-container .footer{padding-left:1rem}}.error-page-container .footer{padding-right:2rem}@media screen and (min-width:320px)and (max-width:480px){.error-page-container .footer{padding-right:1rem}}.error-page-container .footer .footer-international{position:absolute}.error-page-container .footer .footer-info-columns{display:grid;justify-items:center;grid-auto-flow:column}@media screen and (min-width:320px)and (max-width:480px){.error-page-container .footer .footer-info-columns{grid-auto-flow:row}}.error-page-container .footer .footer-info-columns .footer-info-column{max-width:500px}.error-page-container .footer .footer-info-columns .footer-info-column{padding:.5rem}@media screen and (min-width:320px)and (max-width:480px){.error-page-container .footer .footer-info-columns .footer-info-column{padding:.25rem}}.error-page-container .footer .footer-info-columns .footer-info-column:only-of-type{max-width:600px}.error-page-container .footer .footer-info-columns .footer-info-column .footer-column-header{color:#5756b3;font-size:1.2rem;font-weight:600}.error-page-container .footer .footer-info-columns .footer-info-column .footer-column-header{margin-bottom:.5rem}@media screen and (min-width:320px)and (max-width:480px){.error-page-container .footer .footer-info-columns .footer-info-column .footer-column-header{margin-bottom:.25rem}}@media screen and (min-width:320px)and (max-width:480px){.error-page-container .footer .footer-info-columns .footer-info-column .footer-column-header{font-size:1rem}}.error-page-container .footer .footer-info-columns .footer-info-column .footer-column-body{color:var(--color-dark)}@media screen and (min-width:320px)and (max-width:480px){.error-page-container .footer .footer-info-columns .footer-info-column{max-width:none}.error-page-container .footer .footer-info-columns .footer-info-column:not(:last-of-type){margin-bottom:1rem}}.error-page-container .footer .footer-buttons{display:flex;gap:12px;align-items:center}.error-page-container .footer .footer-buttons{margin-top:1.5rem}@media screen and (min-width:320px)and (max-width:480px){.error-page-container .footer .footer-buttons{margin-top:.75rem}}.error-page-container .footer .footer-buttons:only-child{margin-top:1.5rem}.error-page-container .footer .footer-buttons ads-button{margin-top:.5rem;display:inline-block}\n"] }]
|
|
1586
1543
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.AdsIconRegistry }, { type: i1$1.Location }, { type: i3$1.DomSanitizer }], propDecorators: { logoSrc: [{
|
|
1587
1544
|
type: Input
|
|
1588
1545
|
}], logoAlt: [{
|
|
@@ -1603,6 +1560,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
|
|
|
1603
1560
|
args: ['window:resize']
|
|
1604
1561
|
}] } });
|
|
1605
1562
|
|
|
1563
|
+
class AdsErrorPageCodeComponent {
|
|
1564
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsErrorPageCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1565
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.1", type: AdsErrorPageCodeComponent, isStandalone: true, selector: "ads-error-page-code", ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
1566
|
+
}
|
|
1567
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsErrorPageCodeComponent, decorators: [{
|
|
1568
|
+
type: Component,
|
|
1569
|
+
args: [{
|
|
1570
|
+
selector: 'ads-error-page-code',
|
|
1571
|
+
template: ``,
|
|
1572
|
+
imports: [CommonModule],
|
|
1573
|
+
}]
|
|
1574
|
+
}] });
|
|
1575
|
+
|
|
1606
1576
|
class AdsFooterComponent {
|
|
1607
1577
|
constructor() {
|
|
1608
1578
|
/**
|
|
@@ -1671,6 +1641,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
|
|
|
1671
1641
|
type: Input
|
|
1672
1642
|
}] } });
|
|
1673
1643
|
|
|
1644
|
+
class AdsIconButtonComponent {
|
|
1645
|
+
constructor() {
|
|
1646
|
+
/** Whether the button is a smaller version */
|
|
1647
|
+
this.size = input('xl-5', /* @ts-ignore */
|
|
1648
|
+
...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
1649
|
+
/**
|
|
1650
|
+
* aria-label for the button
|
|
1651
|
+
*/
|
|
1652
|
+
this.ariaLabel = input('', /* @ts-ignore */
|
|
1653
|
+
...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
|
|
1654
|
+
/**
|
|
1655
|
+
* The unique ID for the icon button
|
|
1656
|
+
*/
|
|
1657
|
+
this.id = input(/* @ts-ignore */
|
|
1658
|
+
...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
|
|
1659
|
+
/**
|
|
1660
|
+
* Whether the button is disabled
|
|
1661
|
+
*/
|
|
1662
|
+
this.disabled = input(false, /* @ts-ignore */
|
|
1663
|
+
...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
1664
|
+
}
|
|
1665
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1666
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: AdsIconButtonComponent, isStandalone: true, selector: "ads-icon-button", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<button\n type=\"button\"\n class=\"ads-icon-btn\"\n [disabled]=\"disabled()\"\n [attr.aria-label]=\"ariaLabel()\"\n [id]=\"id()\"\n [ngClass]=\"[size()]\"\n>\n <span class=\"icon-wrapper\">\n <ng-content></ng-content>\n </span>\n</button>\n", styles: [".ads-icon-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;border-radius:50%;cursor:pointer;line-height:50%;outline:0;text-align:center;background-color:var(--color-primary)}.ads-icon-btn:hover{background-color:var(--color-primary-hover)}.ads-icon-btn:active,.ads-icon-btn:focus{background-color:var(--color-primary-pressed)}.ads-icon-btn.xl-5 ::ng-deep ads-icon{width:28.8px!important;height:28.8px!important}.ads-icon-btn.xl-5 ::ng-deep ads-icon svg{width:28.8px!important;height:28.8px!important}.ads-icon-btn.xl{width:20px;height:20px}.ads-icon-btn.xl ::ng-deep ads-icon{width:12px!important;height:12px!important}.ads-icon-btn.xl ::ng-deep ads-icon svg{width:12px!important;height:12px!important}.ads-icon-btn.sm{width:14px;height:14px}.ads-icon-btn.sm ::ng-deep ads-icon{width:8px!important;height:8px!important}.ads-icon-btn.sm ::ng-deep ads-icon svg{width:8px!important;height:8px!important}.ads-icon-btn:disabled{background-color:var(--color-medium-50);cursor:default}.ads-icon-btn:disabled>*{pointer-events:none}.ads-icon-btn .icon-wrapper{display:inline-block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatButtonModule }] }); }
|
|
1667
|
+
}
|
|
1668
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsIconButtonComponent, decorators: [{
|
|
1669
|
+
type: Component,
|
|
1670
|
+
args: [{ selector: 'ads-icon-button', imports: [CommonModule, MatButtonModule], template: "<button\n type=\"button\"\n class=\"ads-icon-btn\"\n [disabled]=\"disabled()\"\n [attr.aria-label]=\"ariaLabel()\"\n [id]=\"id()\"\n [ngClass]=\"[size()]\"\n>\n <span class=\"icon-wrapper\">\n <ng-content></ng-content>\n </span>\n</button>\n", styles: [".ads-icon-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;border-radius:50%;cursor:pointer;line-height:50%;outline:0;text-align:center;background-color:var(--color-primary)}.ads-icon-btn:hover{background-color:var(--color-primary-hover)}.ads-icon-btn:active,.ads-icon-btn:focus{background-color:var(--color-primary-pressed)}.ads-icon-btn.xl-5 ::ng-deep ads-icon{width:28.8px!important;height:28.8px!important}.ads-icon-btn.xl-5 ::ng-deep ads-icon svg{width:28.8px!important;height:28.8px!important}.ads-icon-btn.xl{width:20px;height:20px}.ads-icon-btn.xl ::ng-deep ads-icon{width:12px!important;height:12px!important}.ads-icon-btn.xl ::ng-deep ads-icon svg{width:12px!important;height:12px!important}.ads-icon-btn.sm{width:14px;height:14px}.ads-icon-btn.sm ::ng-deep ads-icon{width:8px!important;height:8px!important}.ads-icon-btn.sm ::ng-deep ads-icon svg{width:8px!important;height:8px!important}.ads-icon-btn:disabled{background-color:var(--color-medium-50);cursor:default}.ads-icon-btn:disabled>*{pointer-events:none}.ads-icon-btn .icon-wrapper{display:inline-block}\n"] }]
|
|
1671
|
+
}], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
|
|
1672
|
+
|
|
1674
1673
|
class AdsLinkButtonComponent {
|
|
1675
1674
|
constructor() {
|
|
1676
1675
|
/** The unique ID for the button */
|
|
@@ -1685,7 +1684,7 @@ class AdsLinkButtonComponent {
|
|
|
1685
1684
|
}
|
|
1686
1685
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsLinkButtonComponent, decorators: [{
|
|
1687
1686
|
type: Component,
|
|
1688
|
-
args: [{ selector: 'ads-link-button', imports: [CommonModule, MatButtonModule
|
|
1687
|
+
args: [{ selector: 'ads-link-button', imports: [CommonModule, MatButtonModule], template: "<button mat-flat-button [id]=\"id()\" [disabled]=\"disabled()\" [disableRipple]=\"true\">\n <ng-content select=\"[icon]\"></ng-content>\n <ng-content></ng-content>\n</button>\n", styles: ["button{--mat-button-filled-container-color: transparent;--mat-button-filled-label-text-color: var(--color-link);--mat-button-filled-label-text-weight: 400;--mat-button-filled-container-height: 24px;--mat-button-filled-label-text-tracking: \"1.5px\";--mat-button-filled-label-text-size: 16px;--mat-button-filled-horizontal-padding: 4px;--mat-button-filled-disabled-container-color: var(--color-muted-50);--mat-button-filled-disabled-label-text-color: var(--color-dark-10);--mat-filled-button-hover-state-layer-opacity: 0;text-decoration:underline}button:hover{--mat-button-filled-container-color: var(--color-light-30);--mat-button-filled-label-text-color: var(--color-link-hover)}button:active:focus{--mat-button-filled-container-color: var(--color-light);--mat-button-filled-label-text-color: var(--color-link-pressed)}:host::ng-deep .mdc-button__label{display:inline-flex;white-space:nowrap;align-items:center;gap:4px}:host::ng-deep .mdc-button__label ads-icon,:host::ng-deep .mdc-button__label svg{width:16px!important;height:16px!important}\n"] }]
|
|
1689
1688
|
}], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
|
|
1690
1689
|
|
|
1691
1690
|
class AbstractLogoComponent {
|
|
@@ -1731,7 +1730,7 @@ class AdsPrimaryLogoComponent extends AbstractLogoComponent {
|
|
|
1731
1730
|
}
|
|
1732
1731
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsPrimaryLogoComponent, decorators: [{
|
|
1733
1732
|
type: Component,
|
|
1734
|
-
args: [{ selector: 'ads-primary-logo', imports: [CommonModule
|
|
1733
|
+
args: [{ selector: 'ads-primary-logo', imports: [CommonModule], template: "<picture [ngClass]=\"{ full: !isCollapsed() }\">\n @if (isMobile || isCollapsed()) {\n <svg class=\"logo-svg\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"32\" viewBox=\"0 0 24 32\">\n <path\n d=\"M20.5547 3.69959C18.4527 1.6106 15.6421 0.377465 12.6734 0.241829C9.70483 0.106194 6.79227 1.07784 4.50651 2.96635V0.663115H0V31.994L4.50218 27.517V21.1981C6.86303 23.1293 9.87957 24.0849 12.9287 23.8677C15.9778 23.6504 18.8265 22.2769 20.8864 20.0308C22.9463 17.7848 24.06 14.8377 23.9975 11.7985C23.935 8.75926 22.701 5.85999 20.5504 3.69959H20.5547ZM12.1446 19.6627C10.6356 19.6669 9.15923 19.2258 7.90244 18.3953C6.64565 17.5647 5.66496 16.3819 5.08451 14.9968C4.50406 13.6116 4.34996 12.0864 4.64172 10.6141C4.93348 9.14178 5.65798 7.78868 6.7235 6.72608C7.78901 5.66348 9.14763 4.93917 10.6273 4.64484C12.107 4.35051 13.6413 4.49941 15.0359 5.07268C16.4304 5.64595 17.6226 6.61781 18.4614 7.86521C19.3002 9.11262 19.748 10.5795 19.748 12.0801C19.7468 14.087 18.9461 16.0118 17.5211 17.4329C16.096 18.8541 14.1628 19.6558 12.1446 19.6627Z\"\n />\n </svg>\n } @else {\n <svg class=\"logo-svg\" xmlns=\"http://www.w3.org/2000/svg\" width=\"80\" height=\"35\" viewBox=\"0 0 80 35\">\n <path\n d=\"M15.4308 12.8987C13.8528 11.3239 11.7428 10.3942 9.51421 10.292C7.28561 10.1897 5.09909 10.9222 3.38313 12.346V10.6096H0V34.2293L3.37987 30.8542V26.0905C5.15222 27.5464 7.41679 28.2668 9.70582 28.103C11.9948 27.9393 14.1334 26.9038 15.6799 25.2105C17.2263 23.5173 18.0623 21.2956 18.0154 19.0043C17.9685 16.7131 17.0421 14.5274 15.4276 12.8987H15.4308ZM9.11719 24.933C7.98435 24.9362 6.87602 24.6037 5.93252 23.9775C4.98903 23.3513 4.2528 22.4597 3.81704 21.4155C3.38128 20.3712 3.2656 19.2213 3.48463 18.1114C3.70366 17.0015 4.24756 15.9814 5.04746 15.1803C5.84737 14.3793 6.86731 13.8332 7.97815 13.6113C9.089 13.3894 10.2408 13.5017 11.2877 13.9339C12.3347 14.366 13.2296 15.0987 13.8593 16.0391C14.4891 16.9795 14.8252 18.0853 14.8252 19.2166C14.8244 20.7296 14.2232 22.1806 13.1534 23.252C12.0836 24.3234 10.6323 24.9278 9.11719 24.933Z\"\n />\n <path\n d=\"M38.2118 19.2167C38.2119 17.2546 37.565 15.3472 36.3711 13.7889C35.1772 12.2306 33.5028 11.1082 31.6064 10.5951C29.71 10.082 27.6972 10.2067 25.8788 10.9499C24.0605 11.6932 22.5378 13.0137 21.5459 14.7074C20.5541 16.4011 20.1483 18.3737 20.3912 20.3207C20.6341 22.2677 21.5122 24.0807 22.8899 25.4796C24.2676 26.8785 26.0682 27.7855 28.0136 28.0605C29.9589 28.3355 31.9409 27.9632 33.6532 27.0011C34.9526 26.2641 36.0481 25.216 36.841 23.951L34.1058 22.2439C33.5193 23.1737 32.677 23.9151 31.6797 24.3794C30.6823 24.8437 29.5722 25.0112 28.482 24.862C27.3917 24.7128 26.3677 24.2532 25.5322 23.538C24.6967 22.8229 24.0852 21.8825 23.7708 20.8295H38.2151L38.2118 19.2167ZM23.7708 17.6071C24.1208 16.4233 24.8449 15.3844 25.835 14.6454C26.825 13.9065 28.0279 13.5072 29.2639 13.5072C30.5 13.5072 31.7028 13.9065 32.6929 14.6454C33.6829 15.3844 34.407 16.4233 34.757 17.6071H23.7708Z\"\n />\n <path d=\"M66.3569 10.3986H63.0128V28.0972H66.3569V10.3986Z\" />\n <path d=\"M71.14 19.2495L80 28.0972H75.4837L66.6205 19.2495L75.4837 10.3986H80L71.14 19.2495Z\" />\n <path d=\"M56.5265 0H41.304V2.84191H56.5265V0Z\" />\n <path d=\"M40.5882 28.0971H37.0032L48.9174 5.35858L60.8316 28.0971H57.2466L48.9174 12.2L40.5882 28.0971Z\" />\n </svg>\n }\n</picture>\n", styles: [".logo-svg{fill:var(--color-primary)}picture.full{min-width:80px}\n"] }]
|
|
1735
1734
|
}] });
|
|
1736
1735
|
|
|
1737
1736
|
class AdsAscentLogoComponent extends AbstractLogoComponent {
|
|
@@ -1779,7 +1778,7 @@ class AdsAscentLogoComponent extends AbstractLogoComponent {
|
|
|
1779
1778
|
}
|
|
1780
1779
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsAscentLogoComponent, decorators: [{
|
|
1781
1780
|
type: Component,
|
|
1782
|
-
args: [{ selector: 'ads-ascent-logo', imports: [CommonModule, NgOptimizedImage], changeDetection: ChangeDetectionStrategy.Eager, template: "@if (isStorybook) {\n <picture class=\"ads-ascent-logo\">\n @if (!isDarkMode) {\n @if (isMobile || isCollapsed()) {\n <svg\n class=\"collapsed\"\n [ngClass]=\"size()\"\n width=\"42\"\n height=\"30\"\n viewBox=\"0 0 42 30\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g id=\"New logo Color\" clip-path=\"url(#clip0_2342_113)\">\n <path\n id=\"Vector\"\n d=\"M12.598 16.6973C13.1314 17.2304 13.4946 17.9096 13.6419 18.6492C13.7892 19.3888 13.7138 20.1554 13.4253 20.8521C13.1368 21.5488 12.6482 22.1443 12.0212 22.5633C11.3943 22.9823 10.6571 23.2059 9.90305 23.2059C9.14898 23.2059 8.41184 22.9823 7.78487 22.5633C7.15791 22.1443 6.66928 21.5488 6.3808 20.8521C6.09232 20.1554 6.01695 19.3888 6.16421 18.6492C6.31147 17.9096 6.67475 17.2304 7.20811 16.6973C7.56177 16.343 7.98185 16.0619 8.44428 15.8701C8.90671 15.6783 9.40242 15.5795 9.90305 15.5795C10.4037 15.5795 10.8994 15.6783 11.3618 15.8701C11.8243 16.0619 12.2443 16.343 12.598 16.6973ZM19.8477 9.45219C19.2638 8.87394 18.5218 8.4814 17.7152 8.32403C16.9086 8.16666 16.0735 8.25149 15.315 8.56784C14.5566 8.88418 13.9087 9.41789 13.4529 10.1018C12.9972 10.7856 12.754 11.589 12.754 12.4108C12.754 13.2326 12.9972 14.0361 13.4529 14.7199C13.9087 15.4038 14.5566 15.9375 15.315 16.2539C16.0735 16.5702 16.9086 16.655 17.7152 16.4977C18.5218 16.3403 19.2638 15.9477 19.8477 15.3695C20.2387 14.9823 20.5491 14.5215 20.7609 14.0137C20.9727 13.5058 21.0817 12.9611 21.0817 12.4108C21.0817 11.8606 20.9727 11.3158 20.7609 10.808C20.5491 10.3002 20.2387 9.83936 19.8477 9.45219ZM27.2502 8.78597C27.9143 8.12132 28.3664 7.27468 28.5494 6.3531C28.7324 5.43152 28.6381 4.47638 28.2784 3.6084C27.9186 2.74042 27.3096 1.99857 26.5284 1.47665C25.7471 0.954734 24.8286 0.676163 23.889 0.676163C22.9494 0.676163 22.0309 0.954734 21.2497 1.47665C20.4684 1.99857 19.8594 2.74042 19.4996 3.6084C19.1399 4.47638 19.0456 5.43152 19.2286 6.3531C19.4116 7.27468 19.8637 8.12132 20.5278 8.78597C21.4177 9.67337 22.6231 10.1717 23.8798 10.1717C25.1364 10.1717 26.3418 9.67337 27.2317 8.78597H27.2502ZM14.9436 24.4513C14.5635 24.8319 14.3047 25.3166 14.1999 25.8443C14.0952 26.3719 14.1492 26.9187 14.3552 27.4157C14.5612 27.9126 14.9099 28.3373 15.3572 28.636C15.8045 28.9348 16.3304 29.0943 16.8683 29.0943C17.4062 29.0943 17.932 28.9348 18.3793 28.636C18.8266 28.3373 19.1753 27.9126 19.3813 27.4157C19.5873 26.9187 19.6413 26.3719 19.5366 25.8443C19.4319 25.3166 19.1731 24.8319 18.7929 24.4513C18.2815 23.9428 17.5895 23.6573 16.8683 23.6573C16.147 23.6573 15.4551 23.9428 14.9436 24.4513ZM21.157 16.6973C20.6237 17.2304 20.2604 17.9096 20.1131 18.6492C19.9659 19.3888 20.0413 20.1554 20.3297 20.8521C20.6182 21.5488 21.1068 22.1443 21.7338 22.5633C22.3608 22.9823 23.0979 23.2059 23.852 23.2059C24.6061 23.2059 25.3432 22.9823 25.9702 22.5633C26.5971 22.1443 27.0858 21.5488 27.3743 20.8521C27.6627 20.1554 27.7381 19.3888 27.5908 18.6492C27.4436 17.9096 27.0803 17.2304 26.5469 16.6973C25.8322 15.9896 24.8671 15.5925 23.8612 15.5925C22.8554 15.5925 21.8903 15.9896 21.1756 16.6973H21.157ZM33.7967 9.45219C33.2128 8.87394 32.4708 8.4814 31.6642 8.32403C30.8576 8.16666 30.0225 8.25149 29.264 8.56784C28.5055 8.88418 27.8576 9.41789 27.4019 10.1018C26.9461 10.7856 26.703 11.589 26.703 12.4108C26.703 13.2326 26.9461 14.0361 27.4019 14.7199C27.8576 15.4038 28.5055 15.9375 29.264 16.2539C30.0225 16.5702 30.8576 16.655 31.6642 16.4977C32.4708 16.3403 33.2128 15.9477 33.7967 15.3695C34.1889 14.9836 34.5007 14.5237 34.7141 14.0165C34.9275 13.5094 35.0382 12.9649 35.0399 12.4147C35.0417 11.8645 34.9343 11.3194 34.7241 10.8109C34.5139 10.3024 34.205 9.84058 33.8152 9.45219H33.7967ZM0.795762 24.4513C0.415598 24.8319 0.156793 25.3166 0.0520611 25.8443C-0.0526711 26.3719 0.00137099 26.9187 0.207356 27.4157C0.413341 27.9126 0.762022 28.3373 1.20932 28.636C1.65663 28.9348 2.18247 29.0943 2.72039 29.0943C3.25831 29.0943 3.78416 28.9348 4.23146 28.636C4.67876 28.3373 5.02744 27.9126 5.23343 27.4157C5.43941 26.9187 5.49345 26.3719 5.38872 25.8443C5.28399 25.3166 5.02519 24.8319 4.64502 24.4513C4.39238 24.1984 4.09235 23.9978 3.76211 23.8609C3.43187 23.724 3.07788 23.6535 2.72039 23.6535C2.3629 23.6535 2.00892 23.724 1.67868 23.8609C1.34843 23.9978 1.04841 24.1984 0.795762 24.4513ZM40.5375 16.6973C40.0044 16.1639 39.3252 15.8007 38.5856 15.6534C37.8461 15.5061 37.0794 15.5815 36.3827 15.87C35.686 16.1585 35.0905 16.6471 34.6715 17.2741C34.2525 17.901 34.0289 18.6382 34.0289 19.3923C34.0289 20.1463 34.2525 20.8835 34.6715 21.5104C35.0905 22.1374 35.686 22.626 36.3827 22.9145C37.0794 23.203 37.8461 23.2784 38.5856 23.1311C39.3252 22.9838 40.0044 22.6206 40.5375 22.0872C41.2509 21.3717 41.6515 20.4026 41.6515 19.3923C41.6515 18.3819 41.2509 17.4128 40.5375 16.6973Z\"\n fill=\"url(#paint0_linear_2342_113)\"\n />\n </g>\n <defs>\n <linearGradient\n id=\"paint0_linear_2342_113\"\n x1=\"7.54585\"\n y1=\"35.0553\"\n x2=\"33.8846\"\n y2=\"8.71658\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#004987\" />\n <stop offset=\"0.25\" stop-color=\"#004C89\" />\n <stop offset=\"0.44\" stop-color=\"#00568F\" />\n <stop offset=\"0.62\" stop-color=\"#00669A\" />\n <stop offset=\"0.78\" stop-color=\"#007DAA\" />\n <stop offset=\"0.93\" stop-color=\"#009BBD\" />\n <stop offset=\"1\" stop-color=\"#00ABC8\" />\n </linearGradient>\n <clipPath id=\"clip0_2342_113\">\n <rect width=\"42\" height=\"29\" fill=\"white\" transform=\"translate(0 0.677048)\" />\n </clipPath>\n </defs>\n </svg>\n } @else {\n <svg [ngClass]=\"size()\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 165 29\" fill=\"none\">\n <g clip-path=\"url(#clip0_353_5425)\">\n <path\n d=\"M12.598 16.0262C13.1314 16.5593 13.4946 17.2386 13.6419 17.9781C13.7892 18.7177 13.7138 19.4843 13.4253 20.181C13.1368 20.8778 12.6482 21.4733 12.0212 21.8923C11.3943 22.3112 10.6571 22.5349 9.90305 22.5349C9.14897 22.5349 8.41183 22.3112 7.78487 21.8923C7.1579 21.4733 6.66928 20.8778 6.3808 20.181C6.09232 19.4843 6.01694 18.7177 6.16421 17.9781C6.31147 17.2386 6.67475 16.5593 7.20811 16.0262C7.56177 15.6719 7.98184 15.3908 8.44428 15.199C8.90671 15.0072 9.40242 14.9085 9.90305 14.9085C10.4037 14.9085 10.8994 15.0072 11.3618 15.199C11.8243 15.3908 12.2443 15.6719 12.598 16.0262ZM19.8477 8.78113C19.2638 8.20288 18.5218 7.81033 17.7152 7.65296C16.9086 7.49559 16.0735 7.58043 15.315 7.89677C14.5566 8.21311 13.9087 8.74683 13.4529 9.43069C12.9972 10.1145 12.754 10.918 12.754 11.7398C12.754 12.5616 12.9972 13.365 13.4529 14.0489C13.9087 14.7327 14.5566 15.2664 15.315 15.5828C16.0735 15.8991 16.9086 15.984 17.7152 15.8266C18.5218 15.6692 19.2638 15.2767 19.8477 14.6984C20.2387 14.3113 20.5491 13.8504 20.7609 13.3426C20.9727 12.8348 21.0817 12.29 21.0817 11.7398C21.0817 11.1895 20.9727 10.6448 20.7609 10.1369C20.5491 9.62912 20.2387 9.16829 19.8477 8.78113ZM27.2502 8.11491C27.9143 7.45025 28.3664 6.60361 28.5494 5.68204C28.7324 4.76046 28.6381 3.80531 28.2784 2.93733C27.9186 2.06935 27.3096 1.32751 26.5284 0.805587C25.7471 0.283668 24.8286 0.00509644 23.889 0.00509644C22.9494 0.00509644 22.0309 0.283668 21.2497 0.805587C20.4684 1.32751 19.8594 2.06935 19.4996 2.93733C19.1399 3.80531 19.0456 4.76046 19.2286 5.68204C19.4116 6.60361 19.8637 7.45025 20.5278 8.11491C21.4177 9.0023 22.6231 9.50063 23.8798 9.50063C25.1364 9.50063 26.3418 9.0023 27.2317 8.11491H27.2502ZM14.9436 23.7803C14.5635 24.1608 14.3047 24.6456 14.1999 25.1732C14.0952 25.7008 14.1492 26.2477 14.3552 26.7446C14.5612 27.2415 14.9099 27.6662 15.3572 27.965C15.8045 28.2638 16.3304 28.4233 16.8683 28.4233C17.4062 28.4233 17.932 28.2638 18.3793 27.965C18.8266 27.6662 19.1753 27.2415 19.3813 26.7446C19.5873 26.2477 19.6413 25.7008 19.5366 25.1732C19.4319 24.6456 19.1731 24.1608 18.7929 23.7803C18.2815 23.2717 17.5895 22.9863 16.8683 22.9863C16.147 22.9863 15.4551 23.2717 14.9436 23.7803ZM21.157 16.0262C20.6237 16.5593 20.2604 17.2386 20.1131 17.9781C19.9659 18.7177 20.0413 19.4843 20.3297 20.181C20.6182 20.8778 21.1068 21.4733 21.7338 21.8923C22.3608 22.3112 23.0979 22.5349 23.852 22.5349C24.6061 22.5349 25.3432 22.3112 25.9702 21.8923C26.5971 21.4733 27.0858 20.8778 27.3742 20.181C27.6627 19.4843 27.7381 18.7177 27.5908 17.9781C27.4436 17.2386 27.0803 16.5593 26.5469 16.0262C25.8322 15.3185 24.8671 14.9215 23.8612 14.9215C22.8554 14.9215 21.8903 15.3185 21.1756 16.0262H21.157ZM33.7967 8.78113C33.2128 8.20288 32.4708 7.81033 31.6642 7.65296C30.8576 7.49559 30.0225 7.58043 29.264 7.89677C28.5055 8.21311 27.8576 8.74683 27.4019 9.43069C26.9461 10.1145 26.703 10.918 26.703 11.7398C26.703 12.5616 26.9461 13.365 27.4019 14.0489C27.8576 14.7327 28.5055 15.2664 29.264 15.5828C30.0225 15.8991 30.8576 15.984 31.6642 15.8266C32.4708 15.6692 33.2128 15.2767 33.7967 14.6984C34.1889 14.3125 34.5007 13.8526 34.7141 13.3455C34.9275 12.8383 35.0382 12.2939 35.0399 11.7436C35.0417 11.1934 34.9343 10.6483 34.7241 10.1398C34.5139 9.6313 34.205 9.16951 33.8152 8.78113H33.7967ZM0.79576 23.7803C0.415596 24.1608 0.156791 24.6456 0.0520592 25.1732C-0.0526731 25.7008 0.00136908 26.2477 0.207354 26.7446C0.413339 27.2415 0.76202 27.6662 1.20932 27.965C1.65663 28.2638 2.18247 28.4233 2.72039 28.4233C3.25831 28.4233 3.78415 28.2638 4.23146 27.965C4.67876 27.6662 5.02744 27.2415 5.23343 26.7446C5.43941 26.2477 5.49345 25.7008 5.38872 25.1732C5.28399 24.6456 5.02519 24.1608 4.64502 23.7803C4.39237 23.5274 4.09235 23.3267 3.76211 23.1898C3.43187 23.0529 3.07788 22.9825 2.72039 22.9825C2.3629 22.9825 2.00892 23.0529 1.67867 23.1898C1.34843 23.3267 1.04841 23.5274 0.79576 23.7803ZM40.5375 16.0262C40.0044 15.4929 39.3252 15.1296 38.5856 14.9823C37.846 14.8351 37.0794 14.9104 36.3827 15.1989C35.686 15.4874 35.0905 15.976 34.6715 16.603C34.2525 17.23 34.0289 17.9671 34.0289 18.7212C34.0289 19.4753 34.2525 20.2124 34.6715 20.8394C35.0905 21.4663 35.686 21.9549 36.3827 22.2434C37.0794 22.5319 37.846 22.6073 38.5856 22.46C39.3252 22.3128 40.0044 21.9495 40.5375 21.4161C41.2509 20.7007 41.6515 19.7315 41.6515 18.7212C41.6515 17.7108 41.2509 16.7417 40.5375 16.0262Z\"\n fill=\"url(#paint0_linear_353_5425)\"\n />\n <path\n d=\"M71.0956 25.9224L73.2562 22.8272C74.352 23.552 75.5251 24.1525 76.7539 24.6177C77.7336 24.969 78.7665 25.1489 79.8074 25.1497C80.8503 25.1979 81.884 24.9354 82.7776 24.3956C83.1242 24.1955 83.412 23.9075 83.6118 23.5606C83.8116 23.2138 83.9164 22.8204 83.9157 22.4201C83.9268 22.1375 83.8719 21.8561 83.7555 21.5984C83.639 21.3406 83.4642 21.1135 83.2449 20.935C82.6082 20.4925 81.8757 20.2071 81.1074 20.1022L77.4849 19.4915C75.5325 19.1399 74.0612 18.4953 73.0712 17.5576C72.5741 17.0822 72.1845 16.506 71.9284 15.8676C71.6722 15.2293 71.5555 14.5435 71.586 13.8564C71.5595 12.9759 71.7429 12.1017 72.121 11.3061C72.4991 10.5105 73.0611 9.81625 73.7605 9.28077C75.2132 8.12723 77.1194 7.55046 79.4789 7.55046C80.8634 7.54789 82.2409 7.7458 83.5687 8.13804C84.9587 8.56661 86.2811 9.18965 87.4966 9.98864L85.3407 13.0005C84.3808 12.3679 83.3396 11.8683 82.2455 11.5154C81.2587 11.2068 80.2306 11.0508 79.1967 11.0527C78.3047 11.0099 77.4198 11.2303 76.6521 11.6866C76.3506 11.8703 76.1031 12.1306 75.9349 12.4411C75.7667 12.7515 75.6837 13.101 75.6944 13.4539C75.6752 13.7312 75.7227 14.0091 75.833 14.2643C75.9433 14.5194 76.1131 14.7445 76.3282 14.9205C77.0137 15.3433 77.7851 15.6074 78.586 15.6931L82.1669 16.3779C84.2025 16.7572 85.7108 17.4234 86.7055 18.3719C87.1989 18.85 87.5862 19.4267 87.8421 20.0644C88.098 20.7021 88.2167 21.3865 88.1906 22.0731C88.1981 22.9718 87.9886 23.859 87.5799 24.6593C87.1532 25.4812 86.5571 26.2034 85.8311 26.7783C85.0386 27.3946 84.1424 27.8647 83.1847 28.1662C82.1274 28.511 81.0213 28.6828 79.9092 28.6751C78.2476 28.6907 76.5935 28.4503 75.005 27.9626C73.5821 27.542 72.2544 26.8491 71.0956 25.9224ZM100.641 24.6177C101.587 24.624 102.523 24.4301 103.389 24.0486C104.235 23.6736 104.981 23.1027 105.563 22.3831L108.339 25.159C107.361 26.2662 106.153 27.1471 104.8 27.7406C103.407 28.3752 101.894 28.7019 100.363 28.6983C98.9721 28.7063 97.5944 28.4292 96.3148 27.884C95.0842 27.3641 93.9703 26.6027 93.0392 25.6448C92.1011 24.6715 91.3625 23.5242 90.8647 22.2674C90.3283 20.9453 90.0578 19.5303 90.069 18.1035C90.0587 16.6873 90.3292 15.2831 90.8647 13.9721C91.3577 12.7303 92.0937 11.5996 93.0296 10.6462C93.9655 9.69287 95.0824 8.93605 96.3148 8.42025C97.5937 7.8728 98.9719 7.59557 100.363 7.60597C101.907 7.59931 103.436 7.90296 104.86 8.49889C106.244 9.06665 107.488 9.92861 108.506 11.025L105.656 13.9952C105.001 13.2509 104.203 12.6453 103.31 12.214C102.442 11.8062 101.493 11.5976 100.534 11.6033C99.7439 11.5944 98.9613 11.7593 98.2418 12.0863C97.5222 12.4133 96.8833 12.8944 96.3703 13.4955C95.2698 14.7859 94.6653 16.4262 94.6653 18.1221C94.6653 19.8179 95.2698 21.4583 96.3703 22.7486C96.904 23.3511 97.5624 23.8302 98.2998 24.153C99.0371 24.4757 99.8358 24.6343 100.641 24.6177ZM127.581 25.6771C126.445 26.641 125.159 27.4116 123.773 27.958C122.398 28.4598 120.943 28.7075 119.48 28.689C118.083 28.6962 116.699 28.4191 115.413 27.8747C114.168 27.3589 113.041 26.5955 112.1 25.6309C110.161 23.6055 109.082 20.9077 109.089 18.1035C109.079 16.6807 109.334 15.2686 109.843 13.9397C110.313 12.7025 111.018 11.5682 111.92 10.5993C112.837 9.63566 113.942 8.87094 115.167 8.35279C116.392 7.83463 117.71 7.57412 119.04 7.58748C120.334 7.57286 121.616 7.82963 122.804 8.34124C123.992 8.85284 125.06 9.60791 125.938 10.5577C126.817 11.5232 127.5 12.6497 127.951 13.8749C128.45 15.2218 128.698 16.6488 128.682 18.085V19.2278H113.623C113.806 20.7608 114.535 22.1767 115.677 23.2159C116.77 24.2488 118.221 24.8176 119.725 24.8027C120.651 24.8061 121.57 24.6334 122.431 24.2938C123.236 23.9907 123.965 23.5172 124.569 22.9059L127.581 25.6771ZM118.994 11.3118C118.354 11.3 117.717 11.4167 117.123 11.6551C116.529 11.8935 115.988 12.2488 115.533 12.6998C114.536 13.7035 113.887 15.0009 113.683 16.401H124.324C124.107 15.0155 123.459 13.7335 122.473 12.7368C122.019 12.2766 121.477 11.9131 120.879 11.6682C120.281 11.4233 119.64 11.3021 118.994 11.3118ZM131.337 28.2819V7.89282H135.936V11.2332C136.622 10.1079 137.575 9.16999 138.712 8.50352C139.842 7.87248 141.119 7.55314 142.413 7.57822C143.355 7.54695 144.292 7.71364 145.164 8.0675C146.037 8.42135 146.826 8.95448 147.479 9.63239C148.138 10.33 148.651 11.1513 148.989 12.0487C149.327 12.9462 149.484 13.9019 149.45 14.8603V28.2772H144.852V16.1558C144.91 14.8643 144.475 13.5989 143.635 12.6165C143.225 12.17 142.723 11.8183 142.164 11.5857C141.605 11.3532 141.001 11.2455 140.396 11.2702C139.521 11.2585 138.658 11.4771 137.893 11.904C137.118 12.3507 136.457 12.9696 135.959 13.713V28.2819H131.337ZM154.785 22.9105V11.557H150.672V7.89282H154.785V4.7144L159.383 1.30003V7.89282H164.121V11.557H159.383V21.8927C159.383 22.8981 159.599 23.6106 160.031 24.0301C160.463 24.4496 161.195 24.6593 162.229 24.6593C162.658 24.6626 163.087 24.6286 163.51 24.5575C164.015 24.4635 164.513 24.3352 165 24.1735V28.0367C164.355 28.2361 163.694 28.38 163.024 28.4669C162.37 28.5549 161.71 28.6013 161.049 28.6057C159.019 28.6057 157.466 28.1246 156.39 27.1623C155.314 26.1999 154.778 24.7827 154.785 22.9105ZM66.6681 9.4936C65.1876 8.22285 63.1396 7.58748 60.5241 7.58748C59.1392 7.59187 57.7598 7.76273 56.4157 8.09638C55.5404 8.31315 54.6797 8.58512 53.8387 8.91066V12.9311C54.8259 12.4676 55.8504 12.0884 56.9015 11.7976C57.7899 11.5547 58.7056 11.4257 59.6265 11.4136C61.1687 11.4136 62.3361 11.7591 63.1288 12.45C63.5322 12.8343 63.8468 13.3022 64.0506 13.8208C64.2544 14.3395 64.3424 14.8964 64.3085 15.4526V17.3448C63.4366 16.9313 62.5231 16.6118 61.5835 16.3917C60.6725 16.1865 59.7414 16.0841 58.8076 16.0864C56.4203 16.0864 54.5281 16.6277 53.1309 17.7103C52.4478 18.2857 51.9039 19.0084 51.5401 19.8241C51.1763 20.6399 51.0021 21.5274 51.0304 22.4201C51.0086 23.2675 51.1788 24.1088 51.5281 24.8812C51.8774 25.6535 52.3969 26.3368 53.0476 26.88C54.3893 28.0336 56.1181 28.6088 58.2339 28.6057C59.3319 28.6185 60.4225 28.4255 61.4494 28.0367C62.5061 27.6024 63.4726 26.9748 64.2993 26.1861V28.2634H68.8564V14.9899C68.8626 12.6211 68.1331 10.7921 66.6681 9.50286V9.4936ZM64.3085 23.7155C63.6542 24.2698 62.9028 24.6981 62.0924 24.9786C61.2581 25.2536 60.3847 25.3911 59.5062 25.3857C58.4382 25.4388 57.3817 25.1451 56.4944 24.5483C56.1352 24.3028 55.843 23.9715 55.6443 23.5845C55.4456 23.1976 55.3466 22.7671 55.3562 22.3322C55.3445 21.8588 55.441 21.3889 55.6382 20.9584C55.8354 20.5279 56.1282 20.148 56.4944 19.8477C57.2531 19.3203 58.0813 19.0566 59.5895 19.0566C60.4213 19.0508 61.2518 19.1252 62.0693 19.2787C62.8449 19.4333 63.5974 19.6868 64.3085 20.0328V23.7155Z\"\n fill=\"#004987\"\n />\n </g>\n <defs>\n <linearGradient\n id=\"paint0_linear_353_5425\"\n x1=\"7.54584\"\n y1=\"34.3843\"\n x2=\"33.8846\"\n y2=\"8.04551\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#004987\" />\n <stop offset=\"0.25\" stop-color=\"#004C89\" />\n <stop offset=\"0.44\" stop-color=\"#00568F\" />\n <stop offset=\"0.62\" stop-color=\"#00669A\" />\n <stop offset=\"0.78\" stop-color=\"#007DAA\" />\n <stop offset=\"0.93\" stop-color=\"#009BBD\" />\n <stop offset=\"1\" stop-color=\"#00ABC8\" />\n </linearGradient>\n <clipPath id=\"clip0_353_5425\">\n <rect width=\"165\" height=\"28.689\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n }\n } @else {\n @if (isMobile || isCollapsed()) {\n <svg\n class=\"collapsed regular-logo\"\n [ngClass]=\"size()\"\n width=\"42\"\n height=\"30\"\n viewBox=\"0 0 42 30\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g id=\"New logo Color\" clip-path=\"url(#clip0_2349_6338)\">\n <path\n id=\"Vector\"\n d=\"M12.598 16.0906C13.1314 16.6237 13.4946 17.3029 13.6419 18.0425C13.7892 18.7821 13.7138 19.5487 13.4253 20.2454C13.1368 20.9421 12.6482 21.5376 12.0212 21.9566C11.3943 22.3756 10.6571 22.5992 9.90305 22.5992C9.14898 22.5992 8.41184 22.3756 7.78487 21.9566C7.15791 21.5376 6.66928 20.9421 6.3808 20.2454C6.09232 19.5487 6.01695 18.7821 6.16421 18.0425C6.31147 17.3029 6.67475 16.6237 7.20811 16.0906C7.56177 15.7363 7.98185 15.4552 8.44428 15.2634C8.90671 15.0716 9.40242 14.9728 9.90305 14.9728C10.4037 14.9728 10.8994 15.0716 11.3618 15.2634C11.8243 15.4552 12.2443 15.7363 12.598 16.0906ZM19.8477 8.84549C19.2638 8.26724 18.5218 7.87469 17.7152 7.71732C16.9086 7.55996 16.0735 7.64479 15.315 7.96113C14.5566 8.27748 13.9087 8.81119 13.4529 9.49505C12.9972 10.1789 12.754 10.9823 12.754 11.8041C12.754 12.6259 12.9972 13.4294 13.4529 14.1132C13.9087 14.7971 14.5566 15.3308 15.315 15.6471C16.0735 15.9635 16.9086 16.0483 17.7152 15.891C18.5218 15.7336 19.2638 15.341 19.8477 14.7628C20.2387 14.3756 20.5491 13.9148 20.7609 13.407C20.9727 12.8991 21.0817 12.3544 21.0817 11.8041C21.0817 11.2539 20.9727 10.7091 20.7609 10.2013C20.5491 9.69348 20.2387 9.23266 19.8477 8.84549ZM27.2502 8.17927C27.9143 7.51461 28.3664 6.66798 28.5494 5.7464C28.7324 4.82482 28.6381 3.86967 28.2784 3.00169C27.9186 2.13371 27.3096 1.39187 26.5284 0.869949C25.7471 0.348029 24.8286 0.069458 23.889 0.069458C22.9494 0.069458 22.0309 0.348029 21.2497 0.869949C20.4684 1.39187 19.8594 2.13371 19.4996 3.00169C19.1399 3.86967 19.0456 4.82482 19.2286 5.7464C19.4116 6.66798 19.8637 7.51461 20.5278 8.17927C21.4177 9.06667 22.6231 9.56499 23.8798 9.56499C25.1364 9.56499 26.3418 9.06667 27.2317 8.17927H27.2502ZM14.9436 23.8446C14.5635 24.2252 14.3047 24.7099 14.1999 25.2376C14.0952 25.7652 14.1492 26.312 14.3552 26.809C14.5612 27.3059 14.9099 27.7305 15.3572 28.0293C15.8045 28.3281 16.3304 28.4876 16.8683 28.4876C17.4062 28.4876 17.932 28.3281 18.3793 28.0293C18.8266 27.7305 19.1753 27.3059 19.3813 26.809C19.5873 26.312 19.6413 25.7652 19.5366 25.2376C19.4319 24.7099 19.1731 24.2252 18.7929 23.8446C18.2815 23.3361 17.5895 23.0506 16.8683 23.0506C16.147 23.0506 15.4551 23.3361 14.9436 23.8446ZM21.157 16.0906C20.6237 16.6237 20.2604 17.3029 20.1131 18.0425C19.9659 18.7821 20.0413 19.5487 20.3297 20.2454C20.6182 20.9421 21.1068 21.5376 21.7338 21.9566C22.3608 22.3756 23.0979 22.5992 23.852 22.5992C24.6061 22.5992 25.3432 22.3756 25.9702 21.9566C26.5971 21.5376 27.0858 20.9421 27.3743 20.2454C27.6627 19.5487 27.7381 18.7821 27.5908 18.0425C27.4436 17.3029 27.0803 16.6237 26.5469 16.0906C25.8322 15.3829 24.8671 14.9858 23.8612 14.9858C22.8554 14.9858 21.8903 15.3829 21.1756 16.0906H21.157ZM33.7967 8.84549C33.2128 8.26724 32.4708 7.87469 31.6642 7.71732C30.8576 7.55996 30.0225 7.64479 29.264 7.96113C28.5055 8.27748 27.8576 8.81119 27.4019 9.49505C26.9461 10.1789 26.703 10.9823 26.703 11.8041C26.703 12.6259 26.9461 13.4294 27.4019 14.1132C27.8576 14.7971 28.5055 15.3308 29.264 15.6471C30.0225 15.9635 30.8576 16.0483 31.6642 15.891C32.4708 15.7336 33.2128 15.341 33.7967 14.7628C34.1889 14.3768 34.5007 13.917 34.7141 13.4098C34.9275 12.9027 35.0382 12.3582 35.0399 11.808C35.0417 11.2578 34.9343 10.7127 34.7241 10.2042C34.5139 9.69567 34.205 9.23388 33.8152 8.84549H33.7967ZM0.795762 23.8446C0.415598 24.2252 0.156793 24.7099 0.0520611 25.2376C-0.0526711 25.7652 0.00137099 26.312 0.207356 26.809C0.413341 27.3059 0.762022 27.7305 1.20932 28.0293C1.65663 28.3281 2.18247 28.4876 2.72039 28.4876C3.25831 28.4876 3.78416 28.3281 4.23146 28.0293C4.67876 27.7305 5.02744 27.3059 5.23343 26.809C5.43941 26.312 5.49345 25.7652 5.38872 25.2376C5.28399 24.7099 5.02519 24.2252 4.64502 23.8446C4.39238 23.5917 4.09235 23.3911 3.76211 23.2542C3.43187 23.1173 3.07788 23.0468 2.72039 23.0468C2.3629 23.0468 2.00892 23.1173 1.67868 23.2542C1.34843 23.3911 1.04841 23.5917 0.795762 23.8446ZM40.5375 16.0906C40.0044 15.5572 39.3252 15.194 38.5856 15.0467C37.8461 14.8994 37.0794 14.9748 36.3827 15.2633C35.686 15.5518 35.0905 16.0404 34.6715 16.6674C34.2525 17.2943 34.0289 18.0315 34.0289 18.7855C34.0289 19.5396 34.2525 20.2768 34.6715 20.9037C35.0905 21.5307 35.686 22.0193 36.3827 22.3078C37.0794 22.5963 37.8461 22.6717 38.5856 22.5244C39.3252 22.3771 40.0044 22.0139 40.5375 21.4805C41.2509 20.765 41.6515 19.7959 41.6515 18.7855C41.6515 17.7752 41.2509 16.8061 40.5375 16.0906Z\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_2349_6338\">\n <rect width=\"42\" height=\"29\" transform=\"translate(0 0.0703125)\" />\n </clipPath>\n </defs>\n </svg>\n } @else {\n <svg\n [ngClass]=\"size()\"\n class=\"regular-logo\"\n width=\"165\"\n height=\"29\"\n viewBox=\"0 0 165 29\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g id=\"Ascent Logo\" clip-path=\"url(#clip0_2238_42055)\">\n <path\n id=\"Vector\"\n d=\"M12.598 16.0203C13.1314 16.5534 13.4946 17.2326 13.6419 17.9722C13.7892 18.7117 13.7138 19.4784 13.4253 20.1751C13.1368 20.8718 12.6482 21.4673 12.0212 21.8863C11.3943 22.3053 10.6571 22.5289 9.90305 22.5289C9.14898 22.5289 8.41184 22.3053 7.78487 21.8863C7.15791 21.4673 6.66928 20.8718 6.3808 20.1751C6.09232 19.4784 6.01695 18.7117 6.16421 17.9722C6.31147 17.2326 6.67475 16.5534 7.20811 16.0203C7.56177 15.6659 7.98185 15.3849 8.44428 15.1931C8.90671 15.0013 9.40242 14.9025 9.90305 14.9025C10.4037 14.9025 10.8994 15.0013 11.3618 15.1931C11.8243 15.3849 12.2443 15.6659 12.598 16.0203ZM19.8477 8.77518C19.2638 8.19692 18.5218 7.80438 17.7152 7.64701C16.9086 7.48964 16.0735 7.57447 15.315 7.89082C14.5566 8.20716 13.9087 8.74088 13.4529 9.42474C12.9972 10.1086 12.754 10.912 12.754 11.7338C12.754 12.5556 12.9972 13.3591 13.4529 14.0429C13.9087 14.7268 14.5566 15.2605 15.315 15.5768C16.0735 15.8932 16.9086 15.978 17.7152 15.8206C18.5218 15.6633 19.2638 15.2707 19.8477 14.6925C20.2387 14.3053 20.5491 13.8445 20.7609 13.3367C20.9727 12.8288 21.0817 12.284 21.0817 11.7338C21.0817 11.1836 20.9727 10.6388 20.7609 10.131C20.5491 9.62316 20.2387 9.16234 19.8477 8.77518ZM27.2502 8.10896C27.9143 7.4443 28.3664 6.59766 28.5494 5.67608C28.7324 4.75451 28.6381 3.79936 28.2784 2.93138C27.9186 2.0634 27.3096 1.32156 26.5284 0.799636C25.7471 0.277717 24.8286 -0.000854492 23.889 -0.000854492C22.9494 -0.000854492 22.0309 0.277717 21.2497 0.799636C20.4684 1.32156 19.8594 2.0634 19.4996 2.93138C19.1399 3.79936 19.0456 4.75451 19.2286 5.67608C19.4116 6.59766 19.8637 7.4443 20.5278 8.10896C21.4177 8.99635 22.6231 9.49468 23.8798 9.49468C25.1364 9.49468 26.3418 8.99635 27.2317 8.10896H27.2502ZM14.9436 23.7743C14.5635 24.1549 14.3047 24.6396 14.1999 25.1672C14.0952 25.6949 14.1492 26.2417 14.3552 26.7386C14.5612 27.2356 14.9099 27.6602 15.3572 27.959C15.8045 28.2578 16.3304 28.4173 16.8683 28.4173C17.4062 28.4173 17.932 28.2578 18.3793 27.959C18.8266 27.6602 19.1753 27.2356 19.3813 26.7386C19.5873 26.2417 19.6413 25.6949 19.5366 25.1672C19.4319 24.6396 19.1731 24.1549 18.7929 23.7743C18.2815 23.2658 17.5895 22.9803 16.8683 22.9803C16.147 22.9803 15.4551 23.2658 14.9436 23.7743ZM21.157 16.0203C20.6237 16.5534 20.2604 17.2326 20.1131 17.9722C19.9659 18.7117 20.0413 19.4784 20.3297 20.1751C20.6182 20.8718 21.1068 21.4673 21.7338 21.8863C22.3608 22.3053 23.0979 22.5289 23.852 22.5289C24.6061 22.5289 25.3432 22.3053 25.9702 21.8863C26.5971 21.4673 27.0858 20.8718 27.3743 20.1751C27.6627 19.4784 27.7381 18.7117 27.5908 17.9722C27.4436 17.2326 27.0803 16.5534 26.5469 16.0203C25.8322 15.3126 24.8671 14.9155 23.8612 14.9155C22.8554 14.9155 21.8903 15.3126 21.1756 16.0203H21.157ZM33.7967 8.77518C33.2128 8.19692 32.4708 7.80438 31.6642 7.64701C30.8576 7.48964 30.0225 7.57447 29.264 7.89082C28.5055 8.20716 27.8576 8.74088 27.4019 9.42474C26.9461 10.1086 26.703 10.912 26.703 11.7338C26.703 12.5556 26.9461 13.3591 27.4019 14.0429C27.8576 14.7268 28.5055 15.2605 29.264 15.5768C30.0225 15.8932 30.8576 15.978 31.6642 15.8206C32.4708 15.6633 33.2128 15.2707 33.7967 14.6925C34.1889 14.3065 34.5007 13.8467 34.7141 13.3395C34.9275 12.8323 35.0382 12.2879 35.0399 11.7377C35.0417 11.1874 34.9343 10.6423 34.7241 10.1338C34.5139 9.62535 34.205 9.16356 33.8152 8.77518H33.7967ZM0.795762 23.7743C0.415598 24.1549 0.156793 24.6396 0.0520611 25.1672C-0.0526711 25.6949 0.00137099 26.2417 0.207356 26.7386C0.413341 27.2356 0.762022 27.6602 1.20932 27.959C1.65663 28.2578 2.18247 28.4173 2.72039 28.4173C3.25831 28.4173 3.78416 28.2578 4.23146 27.959C4.67876 27.6602 5.02744 27.2356 5.23343 26.7386C5.43941 26.2417 5.49345 25.6949 5.38872 25.1672C5.28399 24.6396 5.02519 24.1549 4.64502 23.7743C4.39238 23.5214 4.09235 23.3208 3.76211 23.1839C3.43187 23.047 3.07788 22.9765 2.72039 22.9765C2.3629 22.9765 2.00892 23.047 1.67868 23.1839C1.34843 23.3208 1.04841 23.5214 0.795762 23.7743ZM40.5375 16.0203C40.0044 15.4869 39.3252 15.1236 38.5856 14.9764C37.8461 14.8291 37.0794 14.9045 36.3827 15.193C35.686 15.4814 35.0905 15.9701 34.6715 16.597C34.2525 17.224 34.0289 17.9612 34.0289 18.7152C34.0289 19.4693 34.2525 20.2065 34.6715 20.8334C35.0905 21.4604 35.686 21.949 36.3827 22.2375C37.0794 22.526 37.8461 22.6013 38.5856 22.4541C39.3252 22.3068 40.0044 21.9435 40.5375 21.4102C41.2509 20.6947 41.6515 19.7256 41.6515 18.7152C41.6515 17.7049 41.2509 16.7358 40.5375 16.0203Z\"\n />\n <path\n id=\"Vector_2\"\n d=\"M71.0956 25.9164L73.2562 22.8213C74.352 23.5461 75.5251 24.1466 76.7539 24.6117C77.7336 24.963 78.7665 25.143 79.8074 25.1438C80.8503 25.1919 81.884 24.9294 82.7776 24.3896C83.1242 24.1895 83.412 23.9015 83.6118 23.5546C83.8116 23.2078 83.9164 22.8144 83.9157 22.4141C83.9268 22.1315 83.8719 21.8502 83.7555 21.5924C83.639 21.3347 83.4642 21.1075 83.2449 20.929C82.6082 20.4865 81.8757 20.2011 81.1074 20.0962L77.4849 19.4855C75.5325 19.1339 74.0612 18.4893 73.0712 17.5516C72.5741 17.0762 72.1845 16.5 71.9284 15.8617C71.6722 15.2233 71.5555 14.5376 71.586 13.8504C71.5595 12.9699 71.7429 12.0958 72.121 11.3001C72.4991 10.5045 73.0611 9.81028 73.7605 9.2748C75.2132 8.12126 77.1194 7.54449 79.4789 7.54449C80.8634 7.54192 82.2409 7.73984 83.5687 8.13207C84.9587 8.56065 86.2811 9.18369 87.4966 9.98267L85.3407 12.9945C84.3808 12.3619 83.3396 11.8623 82.2455 11.5094C81.2587 11.2008 80.2306 11.0448 79.1967 11.0468C78.3047 11.0039 77.4198 11.2243 76.6521 11.6806C76.3506 11.8643 76.1031 12.1247 75.9349 12.4351C75.7667 12.7456 75.6837 13.095 75.6944 13.4479C75.6752 13.7252 75.7227 14.0031 75.833 14.2583C75.9433 14.5135 76.1131 14.7385 76.3282 14.9145C77.0137 15.3374 77.7851 15.6014 78.586 15.6872L82.1669 16.3719C84.2025 16.7513 85.7108 17.4175 86.7055 18.3659C87.1989 18.8441 87.5862 19.4207 87.8421 20.0584C88.098 20.6961 88.2167 21.3805 88.1906 22.0671C88.1981 22.9658 87.9886 23.853 87.5799 24.6534C87.1532 25.4753 86.5571 26.1974 85.8311 26.7723C85.0386 27.3887 84.1424 27.8587 83.1847 28.1602C82.1274 28.505 81.0213 28.6769 79.9092 28.6692C78.2476 28.6847 76.5935 28.4444 75.005 27.9567C73.5821 27.5361 72.2544 26.8432 71.0956 25.9164ZM100.641 24.6117C101.587 24.618 102.523 24.4241 103.389 24.0427C104.235 23.6676 104.981 23.0967 105.563 22.3771L108.339 25.153C107.361 26.2602 106.153 27.1412 104.8 27.7346C103.407 28.3692 101.894 28.6959 100.363 28.6923C98.9721 28.7003 97.5944 28.4232 96.3148 27.878C95.0842 27.3582 93.9703 26.5968 93.0392 25.6388C92.1011 24.6655 91.3625 23.5182 90.8647 22.2614C90.3283 20.9393 90.0578 19.5243 90.069 18.0976C90.0587 16.6814 90.3292 15.2772 90.8647 13.9661C91.3577 12.7244 92.0937 11.5937 93.0296 10.6403C93.9655 9.6869 95.0824 8.93009 96.3148 8.41428C97.5937 7.86683 98.9719 7.5896 100.363 7.60001C101.907 7.59334 103.436 7.89699 104.86 8.49292C106.244 9.06069 107.488 9.92264 108.506 11.019L105.656 13.9892C105.001 13.2449 104.203 12.6393 103.31 12.208C102.442 11.8003 101.493 11.5916 100.534 11.5973C99.7439 11.5885 98.9613 11.7534 98.2418 12.0803C97.5222 12.4073 96.8833 12.8884 96.3703 13.4896C95.2698 14.7799 94.6653 16.4202 94.6653 18.1161C94.6653 19.812 95.2698 21.4523 96.3703 22.7426C96.904 23.3451 97.5624 23.8243 98.2998 24.147C99.0371 24.4698 99.8358 24.6283 100.641 24.6117ZM127.581 25.6712C126.445 26.635 125.159 27.4056 123.773 27.9521C122.398 28.4538 120.943 28.7015 119.48 28.683C118.083 28.6902 116.699 28.4132 115.413 27.8688C114.168 27.3529 113.041 26.5895 112.1 25.6249C110.161 23.5996 109.082 20.9017 109.089 18.0976C109.079 16.6748 109.334 15.2626 109.843 13.9337C110.313 12.6966 111.018 11.5622 111.92 10.5934C112.837 9.62969 113.942 8.86497 115.167 8.34682C116.392 7.82866 117.71 7.56815 119.04 7.58151C120.334 7.56689 121.616 7.82366 122.804 8.33527C123.992 8.84688 125.06 9.60194 125.938 10.5517C126.817 11.5172 127.5 12.6437 127.951 13.869C128.45 15.2159 128.698 16.6428 128.682 18.0791V19.2218H113.623C113.806 20.7549 114.535 22.1707 115.677 23.2099C116.77 24.2428 118.221 24.8116 119.725 24.7968C120.651 24.8002 121.57 24.6274 122.431 24.2878C123.236 23.9848 123.965 23.5113 124.569 22.8999L127.581 25.6712ZM118.994 11.3059C118.354 11.294 117.717 11.4108 117.123 11.6492C116.529 11.8876 115.988 12.2428 115.533 12.6938C114.536 13.6975 113.887 14.9949 113.683 16.395H124.324C124.107 15.0096 123.459 13.7276 122.473 12.7308C122.019 12.2706 121.477 11.9072 120.879 11.6622C120.281 11.4173 119.64 11.2961 118.994 11.3059ZM131.337 28.2759V7.88685H135.936V11.2272C136.622 10.1019 137.575 9.16403 138.712 8.49755C139.842 7.86651 141.119 7.54718 142.413 7.57225C143.355 7.54099 144.292 7.70768 145.164 8.06153C146.037 8.41538 146.826 8.94851 147.479 9.62642C148.138 10.324 148.651 11.1453 148.989 12.0428C149.327 12.9402 149.484 13.8959 149.45 14.8544V28.2713H144.852V16.1498C144.91 14.8583 144.475 13.5929 143.635 12.6105C143.225 12.1641 142.723 11.8123 142.164 11.5798C141.605 11.3472 141.001 11.2396 140.396 11.2642C139.521 11.2526 138.658 11.4711 137.893 11.8981C137.118 12.3447 136.457 12.9637 135.959 13.707V28.2759H131.337ZM154.785 22.9045V11.5511H150.672V7.88685H154.785V4.70844L159.383 1.29407V7.88685H164.121V11.5511H159.383V21.8867C159.383 22.8922 159.599 23.6047 160.031 24.0241C160.463 24.4436 161.195 24.6534 162.229 24.6534C162.658 24.6567 163.087 24.6226 163.51 24.5516C164.015 24.4575 164.513 24.3292 165 24.1676V28.0307C164.355 28.2301 163.694 28.3741 163.024 28.461C162.37 28.549 161.71 28.5953 161.049 28.5998C159.019 28.5998 157.466 28.1186 156.39 27.1563C155.314 26.194 154.778 24.7767 154.785 22.9045ZM66.6681 9.48763C65.1876 8.21689 63.1396 7.58151 60.5241 7.58151C59.1392 7.58591 57.7598 7.75676 56.4157 8.09042C55.5404 8.30719 54.6797 8.57916 53.8387 8.90469V12.9251C54.8259 12.4616 55.8504 12.0824 56.9015 11.7916C57.7899 11.5487 58.7056 11.4197 59.6265 11.4076C61.1687 11.4076 62.3361 11.7531 63.1288 12.444C63.5322 12.8284 63.8468 13.2962 64.0506 13.8149C64.2544 14.3335 64.3424 14.8904 64.3085 15.4466V17.3388C63.4366 16.9253 62.5231 16.6058 61.5835 16.3858C60.6725 16.1806 59.7414 16.0781 58.8076 16.0804C56.4203 16.0804 54.5281 16.6217 53.1309 17.7043C52.4478 18.2797 51.9039 19.0025 51.5401 19.8182C51.1763 20.6339 51.0021 21.5214 51.0304 22.4141C51.0086 23.2615 51.1788 24.1029 51.5281 24.8752C51.8774 25.6475 52.3969 26.3309 53.0476 26.8741C54.3893 28.0276 56.1181 28.6028 58.2339 28.5998C59.3319 28.6126 60.4225 28.4196 61.4494 28.0307C62.5061 27.5964 63.4726 26.9688 64.2993 26.1801V28.2574H68.8564V14.9839C68.8626 12.6152 68.1331 10.7862 66.6681 9.4969V9.48763ZM64.3085 23.7095C63.6542 24.2639 62.9028 24.6921 62.0924 24.9726C61.2581 25.2476 60.3847 25.3851 59.5062 25.3797C58.4382 25.4329 57.3817 25.1391 56.4944 24.5423C56.1352 24.2968 55.843 23.9655 55.6443 23.5786C55.4456 23.1916 55.3466 22.7611 55.3562 22.3262C55.3445 21.8528 55.441 21.383 55.6382 20.9525C55.8354 20.5219 56.1282 20.1421 56.4944 19.8418C57.2531 19.3144 58.0813 19.0506 59.5895 19.0506C60.4213 19.0449 61.2518 19.1193 62.0693 19.2727C62.8449 19.4274 63.5974 19.6808 64.3085 20.0268V23.7095Z\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_2238_42055\">\n <rect width=\"165\" height=\"28.689\" transform=\"translate(0 -0.00598145)\" />\n </clipPath>\n </defs>\n </svg>\n }\n }\n </picture>\n} @else {\n <picture class=\"ads-ascent-logo\">\n @if (isMobile || isCollapsed()) {\n <svg\n class=\"collapsed teal-logo\"\n [ngClass]=\"size()\"\n width=\"42\"\n height=\"30\"\n viewBox=\"0 0 42 30\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g id=\"New logo Color\" clip-path=\"url(#clip0_2342_113)\">\n <path\n id=\"Vector\"\n d=\"M12.598 16.6973C13.1314 17.2304 13.4946 17.9096 13.6419 18.6492C13.7892 19.3888 13.7138 20.1554 13.4253 20.8521C13.1368 21.5488 12.6482 22.1443 12.0212 22.5633C11.3943 22.9823 10.6571 23.2059 9.90305 23.2059C9.14898 23.2059 8.41184 22.9823 7.78487 22.5633C7.15791 22.1443 6.66928 21.5488 6.3808 20.8521C6.09232 20.1554 6.01695 19.3888 6.16421 18.6492C6.31147 17.9096 6.67475 17.2304 7.20811 16.6973C7.56177 16.343 7.98185 16.0619 8.44428 15.8701C8.90671 15.6783 9.40242 15.5795 9.90305 15.5795C10.4037 15.5795 10.8994 15.6783 11.3618 15.8701C11.8243 16.0619 12.2443 16.343 12.598 16.6973ZM19.8477 9.45219C19.2638 8.87394 18.5218 8.4814 17.7152 8.32403C16.9086 8.16666 16.0735 8.25149 15.315 8.56784C14.5566 8.88418 13.9087 9.41789 13.4529 10.1018C12.9972 10.7856 12.754 11.589 12.754 12.4108C12.754 13.2326 12.9972 14.0361 13.4529 14.7199C13.9087 15.4038 14.5566 15.9375 15.315 16.2539C16.0735 16.5702 16.9086 16.655 17.7152 16.4977C18.5218 16.3403 19.2638 15.9477 19.8477 15.3695C20.2387 14.9823 20.5491 14.5215 20.7609 14.0137C20.9727 13.5058 21.0817 12.9611 21.0817 12.4108C21.0817 11.8606 20.9727 11.3158 20.7609 10.808C20.5491 10.3002 20.2387 9.83936 19.8477 9.45219ZM27.2502 8.78597C27.9143 8.12132 28.3664 7.27468 28.5494 6.3531C28.7324 5.43152 28.6381 4.47638 28.2784 3.6084C27.9186 2.74042 27.3096 1.99857 26.5284 1.47665C25.7471 0.954734 24.8286 0.676163 23.889 0.676163C22.9494 0.676163 22.0309 0.954734 21.2497 1.47665C20.4684 1.99857 19.8594 2.74042 19.4996 3.6084C19.1399 4.47638 19.0456 5.43152 19.2286 6.3531C19.4116 7.27468 19.8637 8.12132 20.5278 8.78597C21.4177 9.67337 22.6231 10.1717 23.8798 10.1717C25.1364 10.1717 26.3418 9.67337 27.2317 8.78597H27.2502ZM14.9436 24.4513C14.5635 24.8319 14.3047 25.3166 14.1999 25.8443C14.0952 26.3719 14.1492 26.9187 14.3552 27.4157C14.5612 27.9126 14.9099 28.3373 15.3572 28.636C15.8045 28.9348 16.3304 29.0943 16.8683 29.0943C17.4062 29.0943 17.932 28.9348 18.3793 28.636C18.8266 28.3373 19.1753 27.9126 19.3813 27.4157C19.5873 26.9187 19.6413 26.3719 19.5366 25.8443C19.4319 25.3166 19.1731 24.8319 18.7929 24.4513C18.2815 23.9428 17.5895 23.6573 16.8683 23.6573C16.147 23.6573 15.4551 23.9428 14.9436 24.4513ZM21.157 16.6973C20.6237 17.2304 20.2604 17.9096 20.1131 18.6492C19.9659 19.3888 20.0413 20.1554 20.3297 20.8521C20.6182 21.5488 21.1068 22.1443 21.7338 22.5633C22.3608 22.9823 23.0979 23.2059 23.852 23.2059C24.6061 23.2059 25.3432 22.9823 25.9702 22.5633C26.5971 22.1443 27.0858 21.5488 27.3743 20.8521C27.6627 20.1554 27.7381 19.3888 27.5908 18.6492C27.4436 17.9096 27.0803 17.2304 26.5469 16.6973C25.8322 15.9896 24.8671 15.5925 23.8612 15.5925C22.8554 15.5925 21.8903 15.9896 21.1756 16.6973H21.157ZM33.7967 9.45219C33.2128 8.87394 32.4708 8.4814 31.6642 8.32403C30.8576 8.16666 30.0225 8.25149 29.264 8.56784C28.5055 8.88418 27.8576 9.41789 27.4019 10.1018C26.9461 10.7856 26.703 11.589 26.703 12.4108C26.703 13.2326 26.9461 14.0361 27.4019 14.7199C27.8576 15.4038 28.5055 15.9375 29.264 16.2539C30.0225 16.5702 30.8576 16.655 31.6642 16.4977C32.4708 16.3403 33.2128 15.9477 33.7967 15.3695C34.1889 14.9836 34.5007 14.5237 34.7141 14.0165C34.9275 13.5094 35.0382 12.9649 35.0399 12.4147C35.0417 11.8645 34.9343 11.3194 34.7241 10.8109C34.5139 10.3024 34.205 9.84058 33.8152 9.45219H33.7967ZM0.795762 24.4513C0.415598 24.8319 0.156793 25.3166 0.0520611 25.8443C-0.0526711 26.3719 0.00137099 26.9187 0.207356 27.4157C0.413341 27.9126 0.762022 28.3373 1.20932 28.636C1.65663 28.9348 2.18247 29.0943 2.72039 29.0943C3.25831 29.0943 3.78416 28.9348 4.23146 28.636C4.67876 28.3373 5.02744 27.9126 5.23343 27.4157C5.43941 26.9187 5.49345 26.3719 5.38872 25.8443C5.28399 25.3166 5.02519 24.8319 4.64502 24.4513C4.39238 24.1984 4.09235 23.9978 3.76211 23.8609C3.43187 23.724 3.07788 23.6535 2.72039 23.6535C2.3629 23.6535 2.00892 23.724 1.67868 23.8609C1.34843 23.9978 1.04841 24.1984 0.795762 24.4513ZM40.5375 16.6973C40.0044 16.1639 39.3252 15.8007 38.5856 15.6534C37.8461 15.5061 37.0794 15.5815 36.3827 15.87C35.686 16.1585 35.0905 16.6471 34.6715 17.2741C34.2525 17.901 34.0289 18.6382 34.0289 19.3923C34.0289 20.1463 34.2525 20.8835 34.6715 21.5104C35.0905 22.1374 35.686 22.626 36.3827 22.9145C37.0794 23.203 37.8461 23.2784 38.5856 23.1311C39.3252 22.9838 40.0044 22.6206 40.5375 22.0872C41.2509 21.3717 41.6515 20.4026 41.6515 19.3923C41.6515 18.3819 41.2509 17.4128 40.5375 16.6973Z\"\n fill=\"url(#paint0_linear_2342_113)\"\n />\n </g>\n <defs>\n <linearGradient\n id=\"paint0_linear_2342_113\"\n x1=\"7.54585\"\n y1=\"35.0553\"\n x2=\"33.8846\"\n y2=\"8.71658\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#004987\" />\n <stop offset=\"0.25\" stop-color=\"#004C89\" />\n <stop offset=\"0.44\" stop-color=\"#00568F\" />\n <stop offset=\"0.62\" stop-color=\"#00669A\" />\n <stop offset=\"0.78\" stop-color=\"#007DAA\" />\n <stop offset=\"0.93\" stop-color=\"#009BBD\" />\n <stop offset=\"1\" stop-color=\"#00ABC8\" />\n </linearGradient>\n <clipPath id=\"clip0_2342_113\">\n <rect width=\"42\" height=\"29\" fill=\"white\" transform=\"translate(0 0.677048)\" />\n </clipPath>\n </defs>\n </svg>\n } @else {\n <svg class=\"teal-logo\" [ngClass]=\"size()\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 165 29\" fill=\"none\">\n <g clip-path=\"url(#clip0_353_5425)\">\n <path\n d=\"M12.598 16.0262C13.1314 16.5593 13.4946 17.2386 13.6419 17.9781C13.7892 18.7177 13.7138 19.4843 13.4253 20.181C13.1368 20.8778 12.6482 21.4733 12.0212 21.8923C11.3943 22.3112 10.6571 22.5349 9.90305 22.5349C9.14897 22.5349 8.41183 22.3112 7.78487 21.8923C7.1579 21.4733 6.66928 20.8778 6.3808 20.181C6.09232 19.4843 6.01694 18.7177 6.16421 17.9781C6.31147 17.2386 6.67475 16.5593 7.20811 16.0262C7.56177 15.6719 7.98184 15.3908 8.44428 15.199C8.90671 15.0072 9.40242 14.9085 9.90305 14.9085C10.4037 14.9085 10.8994 15.0072 11.3618 15.199C11.8243 15.3908 12.2443 15.6719 12.598 16.0262ZM19.8477 8.78113C19.2638 8.20288 18.5218 7.81033 17.7152 7.65296C16.9086 7.49559 16.0735 7.58043 15.315 7.89677C14.5566 8.21311 13.9087 8.74683 13.4529 9.43069C12.9972 10.1145 12.754 10.918 12.754 11.7398C12.754 12.5616 12.9972 13.365 13.4529 14.0489C13.9087 14.7327 14.5566 15.2664 15.315 15.5828C16.0735 15.8991 16.9086 15.984 17.7152 15.8266C18.5218 15.6692 19.2638 15.2767 19.8477 14.6984C20.2387 14.3113 20.5491 13.8504 20.7609 13.3426C20.9727 12.8348 21.0817 12.29 21.0817 11.7398C21.0817 11.1895 20.9727 10.6448 20.7609 10.1369C20.5491 9.62912 20.2387 9.16829 19.8477 8.78113ZM27.2502 8.11491C27.9143 7.45025 28.3664 6.60361 28.5494 5.68204C28.7324 4.76046 28.6381 3.80531 28.2784 2.93733C27.9186 2.06935 27.3096 1.32751 26.5284 0.805587C25.7471 0.283668 24.8286 0.00509644 23.889 0.00509644C22.9494 0.00509644 22.0309 0.283668 21.2497 0.805587C20.4684 1.32751 19.8594 2.06935 19.4996 2.93733C19.1399 3.80531 19.0456 4.76046 19.2286 5.68204C19.4116 6.60361 19.8637 7.45025 20.5278 8.11491C21.4177 9.0023 22.6231 9.50063 23.8798 9.50063C25.1364 9.50063 26.3418 9.0023 27.2317 8.11491H27.2502ZM14.9436 23.7803C14.5635 24.1608 14.3047 24.6456 14.1999 25.1732C14.0952 25.7008 14.1492 26.2477 14.3552 26.7446C14.5612 27.2415 14.9099 27.6662 15.3572 27.965C15.8045 28.2638 16.3304 28.4233 16.8683 28.4233C17.4062 28.4233 17.932 28.2638 18.3793 27.965C18.8266 27.6662 19.1753 27.2415 19.3813 26.7446C19.5873 26.2477 19.6413 25.7008 19.5366 25.1732C19.4319 24.6456 19.1731 24.1608 18.7929 23.7803C18.2815 23.2717 17.5895 22.9863 16.8683 22.9863C16.147 22.9863 15.4551 23.2717 14.9436 23.7803ZM21.157 16.0262C20.6237 16.5593 20.2604 17.2386 20.1131 17.9781C19.9659 18.7177 20.0413 19.4843 20.3297 20.181C20.6182 20.8778 21.1068 21.4733 21.7338 21.8923C22.3608 22.3112 23.0979 22.5349 23.852 22.5349C24.6061 22.5349 25.3432 22.3112 25.9702 21.8923C26.5971 21.4733 27.0858 20.8778 27.3742 20.181C27.6627 19.4843 27.7381 18.7177 27.5908 17.9781C27.4436 17.2386 27.0803 16.5593 26.5469 16.0262C25.8322 15.3185 24.8671 14.9215 23.8612 14.9215C22.8554 14.9215 21.8903 15.3185 21.1756 16.0262H21.157ZM33.7967 8.78113C33.2128 8.20288 32.4708 7.81033 31.6642 7.65296C30.8576 7.49559 30.0225 7.58043 29.264 7.89677C28.5055 8.21311 27.8576 8.74683 27.4019 9.43069C26.9461 10.1145 26.703 10.918 26.703 11.7398C26.703 12.5616 26.9461 13.365 27.4019 14.0489C27.8576 14.7327 28.5055 15.2664 29.264 15.5828C30.0225 15.8991 30.8576 15.984 31.6642 15.8266C32.4708 15.6692 33.2128 15.2767 33.7967 14.6984C34.1889 14.3125 34.5007 13.8526 34.7141 13.3455C34.9275 12.8383 35.0382 12.2939 35.0399 11.7436C35.0417 11.1934 34.9343 10.6483 34.7241 10.1398C34.5139 9.6313 34.205 9.16951 33.8152 8.78113H33.7967ZM0.79576 23.7803C0.415596 24.1608 0.156791 24.6456 0.0520592 25.1732C-0.0526731 25.7008 0.00136908 26.2477 0.207354 26.7446C0.413339 27.2415 0.76202 27.6662 1.20932 27.965C1.65663 28.2638 2.18247 28.4233 2.72039 28.4233C3.25831 28.4233 3.78415 28.2638 4.23146 27.965C4.67876 27.6662 5.02744 27.2415 5.23343 26.7446C5.43941 26.2477 5.49345 25.7008 5.38872 25.1732C5.28399 24.6456 5.02519 24.1608 4.64502 23.7803C4.39237 23.5274 4.09235 23.3267 3.76211 23.1898C3.43187 23.0529 3.07788 22.9825 2.72039 22.9825C2.3629 22.9825 2.00892 23.0529 1.67867 23.1898C1.34843 23.3267 1.04841 23.5274 0.79576 23.7803ZM40.5375 16.0262C40.0044 15.4929 39.3252 15.1296 38.5856 14.9823C37.846 14.8351 37.0794 14.9104 36.3827 15.1989C35.686 15.4874 35.0905 15.976 34.6715 16.603C34.2525 17.23 34.0289 17.9671 34.0289 18.7212C34.0289 19.4753 34.2525 20.2124 34.6715 20.8394C35.0905 21.4663 35.686 21.9549 36.3827 22.2434C37.0794 22.5319 37.846 22.6073 38.5856 22.46C39.3252 22.3128 40.0044 21.9495 40.5375 21.4161C41.2509 20.7007 41.6515 19.7315 41.6515 18.7212C41.6515 17.7108 41.2509 16.7417 40.5375 16.0262Z\"\n fill=\"url(#paint0_linear_353_5425)\"\n />\n <path\n d=\"M71.0956 25.9224L73.2562 22.8272C74.352 23.552 75.5251 24.1525 76.7539 24.6177C77.7336 24.969 78.7665 25.1489 79.8074 25.1497C80.8503 25.1979 81.884 24.9354 82.7776 24.3956C83.1242 24.1955 83.412 23.9075 83.6118 23.5606C83.8116 23.2138 83.9164 22.8204 83.9157 22.4201C83.9268 22.1375 83.8719 21.8561 83.7555 21.5984C83.639 21.3406 83.4642 21.1135 83.2449 20.935C82.6082 20.4925 81.8757 20.2071 81.1074 20.1022L77.4849 19.4915C75.5325 19.1399 74.0612 18.4953 73.0712 17.5576C72.5741 17.0822 72.1845 16.506 71.9284 15.8676C71.6722 15.2293 71.5555 14.5435 71.586 13.8564C71.5595 12.9759 71.7429 12.1017 72.121 11.3061C72.4991 10.5105 73.0611 9.81625 73.7605 9.28077C75.2132 8.12723 77.1194 7.55046 79.4789 7.55046C80.8634 7.54789 82.2409 7.7458 83.5687 8.13804C84.9587 8.56661 86.2811 9.18965 87.4966 9.98864L85.3407 13.0005C84.3808 12.3679 83.3396 11.8683 82.2455 11.5154C81.2587 11.2068 80.2306 11.0508 79.1967 11.0527C78.3047 11.0099 77.4198 11.2303 76.6521 11.6866C76.3506 11.8703 76.1031 12.1306 75.9349 12.4411C75.7667 12.7515 75.6837 13.101 75.6944 13.4539C75.6752 13.7312 75.7227 14.0091 75.833 14.2643C75.9433 14.5194 76.1131 14.7445 76.3282 14.9205C77.0137 15.3433 77.7851 15.6074 78.586 15.6931L82.1669 16.3779C84.2025 16.7572 85.7108 17.4234 86.7055 18.3719C87.1989 18.85 87.5862 19.4267 87.8421 20.0644C88.098 20.7021 88.2167 21.3865 88.1906 22.0731C88.1981 22.9718 87.9886 23.859 87.5799 24.6593C87.1532 25.4812 86.5571 26.2034 85.8311 26.7783C85.0386 27.3946 84.1424 27.8647 83.1847 28.1662C82.1274 28.511 81.0213 28.6828 79.9092 28.6751C78.2476 28.6907 76.5935 28.4503 75.005 27.9626C73.5821 27.542 72.2544 26.8491 71.0956 25.9224ZM100.641 24.6177C101.587 24.624 102.523 24.4301 103.389 24.0486C104.235 23.6736 104.981 23.1027 105.563 22.3831L108.339 25.159C107.361 26.2662 106.153 27.1471 104.8 27.7406C103.407 28.3752 101.894 28.7019 100.363 28.6983C98.9721 28.7063 97.5944 28.4292 96.3148 27.884C95.0842 27.3641 93.9703 26.6027 93.0392 25.6448C92.1011 24.6715 91.3625 23.5242 90.8647 22.2674C90.3283 20.9453 90.0578 19.5303 90.069 18.1035C90.0587 16.6873 90.3292 15.2831 90.8647 13.9721C91.3577 12.7303 92.0937 11.5996 93.0296 10.6462C93.9655 9.69287 95.0824 8.93605 96.3148 8.42025C97.5937 7.8728 98.9719 7.59557 100.363 7.60597C101.907 7.59931 103.436 7.90296 104.86 8.49889C106.244 9.06665 107.488 9.92861 108.506 11.025L105.656 13.9952C105.001 13.2509 104.203 12.6453 103.31 12.214C102.442 11.8062 101.493 11.5976 100.534 11.6033C99.7439 11.5944 98.9613 11.7593 98.2418 12.0863C97.5222 12.4133 96.8833 12.8944 96.3703 13.4955C95.2698 14.7859 94.6653 16.4262 94.6653 18.1221C94.6653 19.8179 95.2698 21.4583 96.3703 22.7486C96.904 23.3511 97.5624 23.8302 98.2998 24.153C99.0371 24.4757 99.8358 24.6343 100.641 24.6177ZM127.581 25.6771C126.445 26.641 125.159 27.4116 123.773 27.958C122.398 28.4598 120.943 28.7075 119.48 28.689C118.083 28.6962 116.699 28.4191 115.413 27.8747C114.168 27.3589 113.041 26.5955 112.1 25.6309C110.161 23.6055 109.082 20.9077 109.089 18.1035C109.079 16.6807 109.334 15.2686 109.843 13.9397C110.313 12.7025 111.018 11.5682 111.92 10.5993C112.837 9.63566 113.942 8.87094 115.167 8.35279C116.392 7.83463 117.71 7.57412 119.04 7.58748C120.334 7.57286 121.616 7.82963 122.804 8.34124C123.992 8.85284 125.06 9.60791 125.938 10.5577C126.817 11.5232 127.5 12.6497 127.951 13.8749C128.45 15.2218 128.698 16.6488 128.682 18.085V19.2278H113.623C113.806 20.7608 114.535 22.1767 115.677 23.2159C116.77 24.2488 118.221 24.8176 119.725 24.8027C120.651 24.8061 121.57 24.6334 122.431 24.2938C123.236 23.9907 123.965 23.5172 124.569 22.9059L127.581 25.6771ZM118.994 11.3118C118.354 11.3 117.717 11.4167 117.123 11.6551C116.529 11.8935 115.988 12.2488 115.533 12.6998C114.536 13.7035 113.887 15.0009 113.683 16.401H124.324C124.107 15.0155 123.459 13.7335 122.473 12.7368C122.019 12.2766 121.477 11.9131 120.879 11.6682C120.281 11.4233 119.64 11.3021 118.994 11.3118ZM131.337 28.2819V7.89282H135.936V11.2332C136.622 10.1079 137.575 9.16999 138.712 8.50352C139.842 7.87248 141.119 7.55314 142.413 7.57822C143.355 7.54695 144.292 7.71364 145.164 8.0675C146.037 8.42135 146.826 8.95448 147.479 9.63239C148.138 10.33 148.651 11.1513 148.989 12.0487C149.327 12.9462 149.484 13.9019 149.45 14.8603V28.2772H144.852V16.1558C144.91 14.8643 144.475 13.5989 143.635 12.6165C143.225 12.17 142.723 11.8183 142.164 11.5857C141.605 11.3532 141.001 11.2455 140.396 11.2702C139.521 11.2585 138.658 11.4771 137.893 11.904C137.118 12.3507 136.457 12.9696 135.959 13.713V28.2819H131.337ZM154.785 22.9105V11.557H150.672V7.89282H154.785V4.7144L159.383 1.30003V7.89282H164.121V11.557H159.383V21.8927C159.383 22.8981 159.599 23.6106 160.031 24.0301C160.463 24.4496 161.195 24.6593 162.229 24.6593C162.658 24.6626 163.087 24.6286 163.51 24.5575C164.015 24.4635 164.513 24.3352 165 24.1735V28.0367C164.355 28.2361 163.694 28.38 163.024 28.4669C162.37 28.5549 161.71 28.6013 161.049 28.6057C159.019 28.6057 157.466 28.1246 156.39 27.1623C155.314 26.1999 154.778 24.7827 154.785 22.9105ZM66.6681 9.4936C65.1876 8.22285 63.1396 7.58748 60.5241 7.58748C59.1392 7.59187 57.7598 7.76273 56.4157 8.09638C55.5404 8.31315 54.6797 8.58512 53.8387 8.91066V12.9311C54.8259 12.4676 55.8504 12.0884 56.9015 11.7976C57.7899 11.5547 58.7056 11.4257 59.6265 11.4136C61.1687 11.4136 62.3361 11.7591 63.1288 12.45C63.5322 12.8343 63.8468 13.3022 64.0506 13.8208C64.2544 14.3395 64.3424 14.8964 64.3085 15.4526V17.3448C63.4366 16.9313 62.5231 16.6118 61.5835 16.3917C60.6725 16.1865 59.7414 16.0841 58.8076 16.0864C56.4203 16.0864 54.5281 16.6277 53.1309 17.7103C52.4478 18.2857 51.9039 19.0084 51.5401 19.8241C51.1763 20.6399 51.0021 21.5274 51.0304 22.4201C51.0086 23.2675 51.1788 24.1088 51.5281 24.8812C51.8774 25.6535 52.3969 26.3368 53.0476 26.88C54.3893 28.0336 56.1181 28.6088 58.2339 28.6057C59.3319 28.6185 60.4225 28.4255 61.4494 28.0367C62.5061 27.6024 63.4726 26.9748 64.2993 26.1861V28.2634H68.8564V14.9899C68.8626 12.6211 68.1331 10.7921 66.6681 9.50286V9.4936ZM64.3085 23.7155C63.6542 24.2698 62.9028 24.6981 62.0924 24.9786C61.2581 25.2536 60.3847 25.3911 59.5062 25.3857C58.4382 25.4388 57.3817 25.1451 56.4944 24.5483C56.1352 24.3028 55.843 23.9715 55.6443 23.5845C55.4456 23.1976 55.3466 22.7671 55.3562 22.3322C55.3445 21.8588 55.441 21.3889 55.6382 20.9584C55.8354 20.5279 56.1282 20.148 56.4944 19.8477C57.2531 19.3203 58.0813 19.0566 59.5895 19.0566C60.4213 19.0508 61.2518 19.1252 62.0693 19.2787C62.8449 19.4333 63.5974 19.6868 64.3085 20.0328V23.7155Z\"\n fill=\"#004987\"\n />\n </g>\n <defs>\n <linearGradient\n id=\"paint0_linear_353_5425\"\n x1=\"7.54584\"\n y1=\"34.3843\"\n x2=\"33.8846\"\n y2=\"8.04551\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#004987\" />\n <stop offset=\"0.25\" stop-color=\"#004C89\" />\n <stop offset=\"0.44\" stop-color=\"#00568F\" />\n <stop offset=\"0.62\" stop-color=\"#00669A\" />\n <stop offset=\"0.78\" stop-color=\"#007DAA\" />\n <stop offset=\"0.93\" stop-color=\"#009BBD\" />\n <stop offset=\"1\" stop-color=\"#00ABC8\" />\n </linearGradient>\n <clipPath id=\"clip0_353_5425\">\n <rect width=\"165\" height=\"28.689\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n }\n @if (isMobile || isCollapsed()) {\n <svg\n class=\"collapsed regular-logo white-logo\"\n [ngClass]=\"size()\"\n width=\"42\"\n height=\"30\"\n viewBox=\"0 0 42 30\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g id=\"New logo Color\" clip-path=\"url(#clip0_2349_6338)\">\n <path\n id=\"Vector\"\n d=\"M12.598 16.0906C13.1314 16.6237 13.4946 17.3029 13.6419 18.0425C13.7892 18.7821 13.7138 19.5487 13.4253 20.2454C13.1368 20.9421 12.6482 21.5376 12.0212 21.9566C11.3943 22.3756 10.6571 22.5992 9.90305 22.5992C9.14898 22.5992 8.41184 22.3756 7.78487 21.9566C7.15791 21.5376 6.66928 20.9421 6.3808 20.2454C6.09232 19.5487 6.01695 18.7821 6.16421 18.0425C6.31147 17.3029 6.67475 16.6237 7.20811 16.0906C7.56177 15.7363 7.98185 15.4552 8.44428 15.2634C8.90671 15.0716 9.40242 14.9728 9.90305 14.9728C10.4037 14.9728 10.8994 15.0716 11.3618 15.2634C11.8243 15.4552 12.2443 15.7363 12.598 16.0906ZM19.8477 8.84549C19.2638 8.26724 18.5218 7.87469 17.7152 7.71732C16.9086 7.55996 16.0735 7.64479 15.315 7.96113C14.5566 8.27748 13.9087 8.81119 13.4529 9.49505C12.9972 10.1789 12.754 10.9823 12.754 11.8041C12.754 12.6259 12.9972 13.4294 13.4529 14.1132C13.9087 14.7971 14.5566 15.3308 15.315 15.6471C16.0735 15.9635 16.9086 16.0483 17.7152 15.891C18.5218 15.7336 19.2638 15.341 19.8477 14.7628C20.2387 14.3756 20.5491 13.9148 20.7609 13.407C20.9727 12.8991 21.0817 12.3544 21.0817 11.8041C21.0817 11.2539 20.9727 10.7091 20.7609 10.2013C20.5491 9.69348 20.2387 9.23266 19.8477 8.84549ZM27.2502 8.17927C27.9143 7.51461 28.3664 6.66798 28.5494 5.7464C28.7324 4.82482 28.6381 3.86967 28.2784 3.00169C27.9186 2.13371 27.3096 1.39187 26.5284 0.869949C25.7471 0.348029 24.8286 0.069458 23.889 0.069458C22.9494 0.069458 22.0309 0.348029 21.2497 0.869949C20.4684 1.39187 19.8594 2.13371 19.4996 3.00169C19.1399 3.86967 19.0456 4.82482 19.2286 5.7464C19.4116 6.66798 19.8637 7.51461 20.5278 8.17927C21.4177 9.06667 22.6231 9.56499 23.8798 9.56499C25.1364 9.56499 26.3418 9.06667 27.2317 8.17927H27.2502ZM14.9436 23.8446C14.5635 24.2252 14.3047 24.7099 14.1999 25.2376C14.0952 25.7652 14.1492 26.312 14.3552 26.809C14.5612 27.3059 14.9099 27.7305 15.3572 28.0293C15.8045 28.3281 16.3304 28.4876 16.8683 28.4876C17.4062 28.4876 17.932 28.3281 18.3793 28.0293C18.8266 27.7305 19.1753 27.3059 19.3813 26.809C19.5873 26.312 19.6413 25.7652 19.5366 25.2376C19.4319 24.7099 19.1731 24.2252 18.7929 23.8446C18.2815 23.3361 17.5895 23.0506 16.8683 23.0506C16.147 23.0506 15.4551 23.3361 14.9436 23.8446ZM21.157 16.0906C20.6237 16.6237 20.2604 17.3029 20.1131 18.0425C19.9659 18.7821 20.0413 19.5487 20.3297 20.2454C20.6182 20.9421 21.1068 21.5376 21.7338 21.9566C22.3608 22.3756 23.0979 22.5992 23.852 22.5992C24.6061 22.5992 25.3432 22.3756 25.9702 21.9566C26.5971 21.5376 27.0858 20.9421 27.3743 20.2454C27.6627 19.5487 27.7381 18.7821 27.5908 18.0425C27.4436 17.3029 27.0803 16.6237 26.5469 16.0906C25.8322 15.3829 24.8671 14.9858 23.8612 14.9858C22.8554 14.9858 21.8903 15.3829 21.1756 16.0906H21.157ZM33.7967 8.84549C33.2128 8.26724 32.4708 7.87469 31.6642 7.71732C30.8576 7.55996 30.0225 7.64479 29.264 7.96113C28.5055 8.27748 27.8576 8.81119 27.4019 9.49505C26.9461 10.1789 26.703 10.9823 26.703 11.8041C26.703 12.6259 26.9461 13.4294 27.4019 14.1132C27.8576 14.7971 28.5055 15.3308 29.264 15.6471C30.0225 15.9635 30.8576 16.0483 31.6642 15.891C32.4708 15.7336 33.2128 15.341 33.7967 14.7628C34.1889 14.3768 34.5007 13.917 34.7141 13.4098C34.9275 12.9027 35.0382 12.3582 35.0399 11.808C35.0417 11.2578 34.9343 10.7127 34.7241 10.2042C34.5139 9.69567 34.205 9.23388 33.8152 8.84549H33.7967ZM0.795762 23.8446C0.415598 24.2252 0.156793 24.7099 0.0520611 25.2376C-0.0526711 25.7652 0.00137099 26.312 0.207356 26.809C0.413341 27.3059 0.762022 27.7305 1.20932 28.0293C1.65663 28.3281 2.18247 28.4876 2.72039 28.4876C3.25831 28.4876 3.78416 28.3281 4.23146 28.0293C4.67876 27.7305 5.02744 27.3059 5.23343 26.809C5.43941 26.312 5.49345 25.7652 5.38872 25.2376C5.28399 24.7099 5.02519 24.2252 4.64502 23.8446C4.39238 23.5917 4.09235 23.3911 3.76211 23.2542C3.43187 23.1173 3.07788 23.0468 2.72039 23.0468C2.3629 23.0468 2.00892 23.1173 1.67868 23.2542C1.34843 23.3911 1.04841 23.5917 0.795762 23.8446ZM40.5375 16.0906C40.0044 15.5572 39.3252 15.194 38.5856 15.0467C37.8461 14.8994 37.0794 14.9748 36.3827 15.2633C35.686 15.5518 35.0905 16.0404 34.6715 16.6674C34.2525 17.2943 34.0289 18.0315 34.0289 18.7855C34.0289 19.5396 34.2525 20.2768 34.6715 20.9037C35.0905 21.5307 35.686 22.0193 36.3827 22.3078C37.0794 22.5963 37.8461 22.6717 38.5856 22.5244C39.3252 22.3771 40.0044 22.0139 40.5375 21.4805C41.2509 20.765 41.6515 19.7959 41.6515 18.7855C41.6515 17.7752 41.2509 16.8061 40.5375 16.0906Z\"\n fill=\"white\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_2349_6338\">\n <rect width=\"42\" height=\"29\" fill=\"white\" transform=\"translate(0 0.0703125)\" />\n </clipPath>\n </defs>\n </svg>\n } @else {\n <svg\n [ngClass]=\"size()\"\n class=\"regular-logo white-logo\"\n width=\"165\"\n height=\"29\"\n viewBox=\"0 0 165 29\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g id=\"Ascent Logo\" clip-path=\"url(#clip0_2238_42055)\">\n <path\n id=\"Vector\"\n d=\"M12.598 16.0203C13.1314 16.5534 13.4946 17.2326 13.6419 17.9722C13.7892 18.7117 13.7138 19.4784 13.4253 20.1751C13.1368 20.8718 12.6482 21.4673 12.0212 21.8863C11.3943 22.3053 10.6571 22.5289 9.90305 22.5289C9.14898 22.5289 8.41184 22.3053 7.78487 21.8863C7.15791 21.4673 6.66928 20.8718 6.3808 20.1751C6.09232 19.4784 6.01695 18.7117 6.16421 17.9722C6.31147 17.2326 6.67475 16.5534 7.20811 16.0203C7.56177 15.6659 7.98185 15.3849 8.44428 15.1931C8.90671 15.0013 9.40242 14.9025 9.90305 14.9025C10.4037 14.9025 10.8994 15.0013 11.3618 15.1931C11.8243 15.3849 12.2443 15.6659 12.598 16.0203ZM19.8477 8.77518C19.2638 8.19692 18.5218 7.80438 17.7152 7.64701C16.9086 7.48964 16.0735 7.57447 15.315 7.89082C14.5566 8.20716 13.9087 8.74088 13.4529 9.42474C12.9972 10.1086 12.754 10.912 12.754 11.7338C12.754 12.5556 12.9972 13.3591 13.4529 14.0429C13.9087 14.7268 14.5566 15.2605 15.315 15.5768C16.0735 15.8932 16.9086 15.978 17.7152 15.8206C18.5218 15.6633 19.2638 15.2707 19.8477 14.6925C20.2387 14.3053 20.5491 13.8445 20.7609 13.3367C20.9727 12.8288 21.0817 12.284 21.0817 11.7338C21.0817 11.1836 20.9727 10.6388 20.7609 10.131C20.5491 9.62316 20.2387 9.16234 19.8477 8.77518ZM27.2502 8.10896C27.9143 7.4443 28.3664 6.59766 28.5494 5.67608C28.7324 4.75451 28.6381 3.79936 28.2784 2.93138C27.9186 2.0634 27.3096 1.32156 26.5284 0.799636C25.7471 0.277717 24.8286 -0.000854492 23.889 -0.000854492C22.9494 -0.000854492 22.0309 0.277717 21.2497 0.799636C20.4684 1.32156 19.8594 2.0634 19.4996 2.93138C19.1399 3.79936 19.0456 4.75451 19.2286 5.67608C19.4116 6.59766 19.8637 7.4443 20.5278 8.10896C21.4177 8.99635 22.6231 9.49468 23.8798 9.49468C25.1364 9.49468 26.3418 8.99635 27.2317 8.10896H27.2502ZM14.9436 23.7743C14.5635 24.1549 14.3047 24.6396 14.1999 25.1672C14.0952 25.6949 14.1492 26.2417 14.3552 26.7386C14.5612 27.2356 14.9099 27.6602 15.3572 27.959C15.8045 28.2578 16.3304 28.4173 16.8683 28.4173C17.4062 28.4173 17.932 28.2578 18.3793 27.959C18.8266 27.6602 19.1753 27.2356 19.3813 26.7386C19.5873 26.2417 19.6413 25.6949 19.5366 25.1672C19.4319 24.6396 19.1731 24.1549 18.7929 23.7743C18.2815 23.2658 17.5895 22.9803 16.8683 22.9803C16.147 22.9803 15.4551 23.2658 14.9436 23.7743ZM21.157 16.0203C20.6237 16.5534 20.2604 17.2326 20.1131 17.9722C19.9659 18.7117 20.0413 19.4784 20.3297 20.1751C20.6182 20.8718 21.1068 21.4673 21.7338 21.8863C22.3608 22.3053 23.0979 22.5289 23.852 22.5289C24.6061 22.5289 25.3432 22.3053 25.9702 21.8863C26.5971 21.4673 27.0858 20.8718 27.3743 20.1751C27.6627 19.4784 27.7381 18.7117 27.5908 17.9722C27.4436 17.2326 27.0803 16.5534 26.5469 16.0203C25.8322 15.3126 24.8671 14.9155 23.8612 14.9155C22.8554 14.9155 21.8903 15.3126 21.1756 16.0203H21.157ZM33.7967 8.77518C33.2128 8.19692 32.4708 7.80438 31.6642 7.64701C30.8576 7.48964 30.0225 7.57447 29.264 7.89082C28.5055 8.20716 27.8576 8.74088 27.4019 9.42474C26.9461 10.1086 26.703 10.912 26.703 11.7338C26.703 12.5556 26.9461 13.3591 27.4019 14.0429C27.8576 14.7268 28.5055 15.2605 29.264 15.5768C30.0225 15.8932 30.8576 15.978 31.6642 15.8206C32.4708 15.6633 33.2128 15.2707 33.7967 14.6925C34.1889 14.3065 34.5007 13.8467 34.7141 13.3395C34.9275 12.8323 35.0382 12.2879 35.0399 11.7377C35.0417 11.1874 34.9343 10.6423 34.7241 10.1338C34.5139 9.62535 34.205 9.16356 33.8152 8.77518H33.7967ZM0.795762 23.7743C0.415598 24.1549 0.156793 24.6396 0.0520611 25.1672C-0.0526711 25.6949 0.00137099 26.2417 0.207356 26.7386C0.413341 27.2356 0.762022 27.6602 1.20932 27.959C1.65663 28.2578 2.18247 28.4173 2.72039 28.4173C3.25831 28.4173 3.78416 28.2578 4.23146 27.959C4.67876 27.6602 5.02744 27.2356 5.23343 26.7386C5.43941 26.2417 5.49345 25.6949 5.38872 25.1672C5.28399 24.6396 5.02519 24.1549 4.64502 23.7743C4.39238 23.5214 4.09235 23.3208 3.76211 23.1839C3.43187 23.047 3.07788 22.9765 2.72039 22.9765C2.3629 22.9765 2.00892 23.047 1.67868 23.1839C1.34843 23.3208 1.04841 23.5214 0.795762 23.7743ZM40.5375 16.0203C40.0044 15.4869 39.3252 15.1236 38.5856 14.9764C37.8461 14.8291 37.0794 14.9045 36.3827 15.193C35.686 15.4814 35.0905 15.9701 34.6715 16.597C34.2525 17.224 34.0289 17.9612 34.0289 18.7152C34.0289 19.4693 34.2525 20.2065 34.6715 20.8334C35.0905 21.4604 35.686 21.949 36.3827 22.2375C37.0794 22.526 37.8461 22.6013 38.5856 22.4541C39.3252 22.3068 40.0044 21.9435 40.5375 21.4102C41.2509 20.6947 41.6515 19.7256 41.6515 18.7152C41.6515 17.7049 41.2509 16.7358 40.5375 16.0203Z\"\n fill=\"white\"\n />\n <path\n id=\"Vector_2\"\n d=\"M71.0956 25.9164L73.2562 22.8213C74.352 23.5461 75.5251 24.1466 76.7539 24.6117C77.7336 24.963 78.7665 25.143 79.8074 25.1438C80.8503 25.1919 81.884 24.9294 82.7776 24.3896C83.1242 24.1895 83.412 23.9015 83.6118 23.5546C83.8116 23.2078 83.9164 22.8144 83.9157 22.4141C83.9268 22.1315 83.8719 21.8502 83.7555 21.5924C83.639 21.3347 83.4642 21.1075 83.2449 20.929C82.6082 20.4865 81.8757 20.2011 81.1074 20.0962L77.4849 19.4855C75.5325 19.1339 74.0612 18.4893 73.0712 17.5516C72.5741 17.0762 72.1845 16.5 71.9284 15.8617C71.6722 15.2233 71.5555 14.5376 71.586 13.8504C71.5595 12.9699 71.7429 12.0958 72.121 11.3001C72.4991 10.5045 73.0611 9.81028 73.7605 9.2748C75.2132 8.12126 77.1194 7.54449 79.4789 7.54449C80.8634 7.54192 82.2409 7.73984 83.5687 8.13207C84.9587 8.56065 86.2811 9.18369 87.4966 9.98267L85.3407 12.9945C84.3808 12.3619 83.3396 11.8623 82.2455 11.5094C81.2587 11.2008 80.2306 11.0448 79.1967 11.0468C78.3047 11.0039 77.4198 11.2243 76.6521 11.6806C76.3506 11.8643 76.1031 12.1247 75.9349 12.4351C75.7667 12.7456 75.6837 13.095 75.6944 13.4479C75.6752 13.7252 75.7227 14.0031 75.833 14.2583C75.9433 14.5135 76.1131 14.7385 76.3282 14.9145C77.0137 15.3374 77.7851 15.6014 78.586 15.6872L82.1669 16.3719C84.2025 16.7513 85.7108 17.4175 86.7055 18.3659C87.1989 18.8441 87.5862 19.4207 87.8421 20.0584C88.098 20.6961 88.2167 21.3805 88.1906 22.0671C88.1981 22.9658 87.9886 23.853 87.5799 24.6534C87.1532 25.4753 86.5571 26.1974 85.8311 26.7723C85.0386 27.3887 84.1424 27.8587 83.1847 28.1602C82.1274 28.505 81.0213 28.6769 79.9092 28.6692C78.2476 28.6847 76.5935 28.4444 75.005 27.9567C73.5821 27.5361 72.2544 26.8432 71.0956 25.9164ZM100.641 24.6117C101.587 24.618 102.523 24.4241 103.389 24.0427C104.235 23.6676 104.981 23.0967 105.563 22.3771L108.339 25.153C107.361 26.2602 106.153 27.1412 104.8 27.7346C103.407 28.3692 101.894 28.6959 100.363 28.6923C98.9721 28.7003 97.5944 28.4232 96.3148 27.878C95.0842 27.3582 93.9703 26.5968 93.0392 25.6388C92.1011 24.6655 91.3625 23.5182 90.8647 22.2614C90.3283 20.9393 90.0578 19.5243 90.069 18.0976C90.0587 16.6814 90.3292 15.2772 90.8647 13.9661C91.3577 12.7244 92.0937 11.5937 93.0296 10.6403C93.9655 9.6869 95.0824 8.93009 96.3148 8.41428C97.5937 7.86683 98.9719 7.5896 100.363 7.60001C101.907 7.59334 103.436 7.89699 104.86 8.49292C106.244 9.06069 107.488 9.92264 108.506 11.019L105.656 13.9892C105.001 13.2449 104.203 12.6393 103.31 12.208C102.442 11.8003 101.493 11.5916 100.534 11.5973C99.7439 11.5885 98.9613 11.7534 98.2418 12.0803C97.5222 12.4073 96.8833 12.8884 96.3703 13.4896C95.2698 14.7799 94.6653 16.4202 94.6653 18.1161C94.6653 19.812 95.2698 21.4523 96.3703 22.7426C96.904 23.3451 97.5624 23.8243 98.2998 24.147C99.0371 24.4698 99.8358 24.6283 100.641 24.6117ZM127.581 25.6712C126.445 26.635 125.159 27.4056 123.773 27.9521C122.398 28.4538 120.943 28.7015 119.48 28.683C118.083 28.6902 116.699 28.4132 115.413 27.8688C114.168 27.3529 113.041 26.5895 112.1 25.6249C110.161 23.5996 109.082 20.9017 109.089 18.0976C109.079 16.6748 109.334 15.2626 109.843 13.9337C110.313 12.6966 111.018 11.5622 111.92 10.5934C112.837 9.62969 113.942 8.86497 115.167 8.34682C116.392 7.82866 117.71 7.56815 119.04 7.58151C120.334 7.56689 121.616 7.82366 122.804 8.33527C123.992 8.84688 125.06 9.60194 125.938 10.5517C126.817 11.5172 127.5 12.6437 127.951 13.869C128.45 15.2159 128.698 16.6428 128.682 18.0791V19.2218H113.623C113.806 20.7549 114.535 22.1707 115.677 23.2099C116.77 24.2428 118.221 24.8116 119.725 24.7968C120.651 24.8002 121.57 24.6274 122.431 24.2878C123.236 23.9848 123.965 23.5113 124.569 22.8999L127.581 25.6712ZM118.994 11.3059C118.354 11.294 117.717 11.4108 117.123 11.6492C116.529 11.8876 115.988 12.2428 115.533 12.6938C114.536 13.6975 113.887 14.9949 113.683 16.395H124.324C124.107 15.0096 123.459 13.7276 122.473 12.7308C122.019 12.2706 121.477 11.9072 120.879 11.6622C120.281 11.4173 119.64 11.2961 118.994 11.3059ZM131.337 28.2759V7.88685H135.936V11.2272C136.622 10.1019 137.575 9.16403 138.712 8.49755C139.842 7.86651 141.119 7.54718 142.413 7.57225C143.355 7.54099 144.292 7.70768 145.164 8.06153C146.037 8.41538 146.826 8.94851 147.479 9.62642C148.138 10.324 148.651 11.1453 148.989 12.0428C149.327 12.9402 149.484 13.8959 149.45 14.8544V28.2713H144.852V16.1498C144.91 14.8583 144.475 13.5929 143.635 12.6105C143.225 12.1641 142.723 11.8123 142.164 11.5798C141.605 11.3472 141.001 11.2396 140.396 11.2642C139.521 11.2526 138.658 11.4711 137.893 11.8981C137.118 12.3447 136.457 12.9637 135.959 13.707V28.2759H131.337ZM154.785 22.9045V11.5511H150.672V7.88685H154.785V4.70844L159.383 1.29407V7.88685H164.121V11.5511H159.383V21.8867C159.383 22.8922 159.599 23.6047 160.031 24.0241C160.463 24.4436 161.195 24.6534 162.229 24.6534C162.658 24.6567 163.087 24.6226 163.51 24.5516C164.015 24.4575 164.513 24.3292 165 24.1676V28.0307C164.355 28.2301 163.694 28.3741 163.024 28.461C162.37 28.549 161.71 28.5953 161.049 28.5998C159.019 28.5998 157.466 28.1186 156.39 27.1563C155.314 26.194 154.778 24.7767 154.785 22.9045ZM66.6681 9.48763C65.1876 8.21689 63.1396 7.58151 60.5241 7.58151C59.1392 7.58591 57.7598 7.75676 56.4157 8.09042C55.5404 8.30719 54.6797 8.57916 53.8387 8.90469V12.9251C54.8259 12.4616 55.8504 12.0824 56.9015 11.7916C57.7899 11.5487 58.7056 11.4197 59.6265 11.4076C61.1687 11.4076 62.3361 11.7531 63.1288 12.444C63.5322 12.8284 63.8468 13.2962 64.0506 13.8149C64.2544 14.3335 64.3424 14.8904 64.3085 15.4466V17.3388C63.4366 16.9253 62.5231 16.6058 61.5835 16.3858C60.6725 16.1806 59.7414 16.0781 58.8076 16.0804C56.4203 16.0804 54.5281 16.6217 53.1309 17.7043C52.4478 18.2797 51.9039 19.0025 51.5401 19.8182C51.1763 20.6339 51.0021 21.5214 51.0304 22.4141C51.0086 23.2615 51.1788 24.1029 51.5281 24.8752C51.8774 25.6475 52.3969 26.3309 53.0476 26.8741C54.3893 28.0276 56.1181 28.6028 58.2339 28.5998C59.3319 28.6126 60.4225 28.4196 61.4494 28.0307C62.5061 27.5964 63.4726 26.9688 64.2993 26.1801V28.2574H68.8564V14.9839C68.8626 12.6152 68.1331 10.7862 66.6681 9.4969V9.48763ZM64.3085 23.7095C63.6542 24.2639 62.9028 24.6921 62.0924 24.9726C61.2581 25.2476 60.3847 25.3851 59.5062 25.3797C58.4382 25.4329 57.3817 25.1391 56.4944 24.5423C56.1352 24.2968 55.843 23.9655 55.6443 23.5786C55.4456 23.1916 55.3466 22.7611 55.3562 22.3262C55.3445 21.8528 55.441 21.383 55.6382 20.9525C55.8354 20.5219 56.1282 20.1421 56.4944 19.8418C57.2531 19.3144 58.0813 19.0506 59.5895 19.0506C60.4213 19.0449 61.2518 19.1193 62.0693 19.2727C62.8449 19.4274 63.5974 19.6808 64.3085 20.0268V23.7095Z\"\n fill=\"white\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_2238_42055\">\n <rect width=\"165\" height=\"28.689\" fill=\"white\" transform=\"translate(0 -0.00598145)\" />\n </clipPath>\n </defs>\n </svg>\n }\n </picture>\n}\n", styles: [".ads-ascent-logo:not(.invert-theme) .teal-logo{display:inline-block}.ads-ascent-logo:not(.invert-theme) .white-logo{display:none}.ads-ascent-logo.invert-theme .teal-logo{display:none}.ads-ascent-logo.invert-theme .white-logo{display:inline-block}@media(prefers-color-scheme:dark){.ads-ascent-logo:not(.invert-theme) .teal-logo{display:none}.ads-ascent-logo:not(.invert-theme) .white-logo{display:inline-block}.ads-ascent-logo.invert-theme .teal-logo{display:inline-block}.ads-ascent-logo.invert-theme .white-logo{display:none}}svg:not(.collapsed).large{width:165px;height:29px}svg:not(.collapsed).small{width:123px;height:21px}svg.large{width:42px;height:29px}svg.small{width:31px;height:21px}.regular-logo{fill:var(--color-dark)}\n"] }]
|
|
1781
|
+
args: [{ selector: 'ads-ascent-logo', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.Eager, template: "@if (isStorybook) {\n <picture class=\"ads-ascent-logo\">\n @if (!isDarkMode) {\n @if (isMobile || isCollapsed()) {\n <svg\n class=\"collapsed\"\n [ngClass]=\"size()\"\n width=\"42\"\n height=\"30\"\n viewBox=\"0 0 42 30\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g id=\"New logo Color\" clip-path=\"url(#clip0_2342_113)\">\n <path\n id=\"Vector\"\n d=\"M12.598 16.6973C13.1314 17.2304 13.4946 17.9096 13.6419 18.6492C13.7892 19.3888 13.7138 20.1554 13.4253 20.8521C13.1368 21.5488 12.6482 22.1443 12.0212 22.5633C11.3943 22.9823 10.6571 23.2059 9.90305 23.2059C9.14898 23.2059 8.41184 22.9823 7.78487 22.5633C7.15791 22.1443 6.66928 21.5488 6.3808 20.8521C6.09232 20.1554 6.01695 19.3888 6.16421 18.6492C6.31147 17.9096 6.67475 17.2304 7.20811 16.6973C7.56177 16.343 7.98185 16.0619 8.44428 15.8701C8.90671 15.6783 9.40242 15.5795 9.90305 15.5795C10.4037 15.5795 10.8994 15.6783 11.3618 15.8701C11.8243 16.0619 12.2443 16.343 12.598 16.6973ZM19.8477 9.45219C19.2638 8.87394 18.5218 8.4814 17.7152 8.32403C16.9086 8.16666 16.0735 8.25149 15.315 8.56784C14.5566 8.88418 13.9087 9.41789 13.4529 10.1018C12.9972 10.7856 12.754 11.589 12.754 12.4108C12.754 13.2326 12.9972 14.0361 13.4529 14.7199C13.9087 15.4038 14.5566 15.9375 15.315 16.2539C16.0735 16.5702 16.9086 16.655 17.7152 16.4977C18.5218 16.3403 19.2638 15.9477 19.8477 15.3695C20.2387 14.9823 20.5491 14.5215 20.7609 14.0137C20.9727 13.5058 21.0817 12.9611 21.0817 12.4108C21.0817 11.8606 20.9727 11.3158 20.7609 10.808C20.5491 10.3002 20.2387 9.83936 19.8477 9.45219ZM27.2502 8.78597C27.9143 8.12132 28.3664 7.27468 28.5494 6.3531C28.7324 5.43152 28.6381 4.47638 28.2784 3.6084C27.9186 2.74042 27.3096 1.99857 26.5284 1.47665C25.7471 0.954734 24.8286 0.676163 23.889 0.676163C22.9494 0.676163 22.0309 0.954734 21.2497 1.47665C20.4684 1.99857 19.8594 2.74042 19.4996 3.6084C19.1399 4.47638 19.0456 5.43152 19.2286 6.3531C19.4116 7.27468 19.8637 8.12132 20.5278 8.78597C21.4177 9.67337 22.6231 10.1717 23.8798 10.1717C25.1364 10.1717 26.3418 9.67337 27.2317 8.78597H27.2502ZM14.9436 24.4513C14.5635 24.8319 14.3047 25.3166 14.1999 25.8443C14.0952 26.3719 14.1492 26.9187 14.3552 27.4157C14.5612 27.9126 14.9099 28.3373 15.3572 28.636C15.8045 28.9348 16.3304 29.0943 16.8683 29.0943C17.4062 29.0943 17.932 28.9348 18.3793 28.636C18.8266 28.3373 19.1753 27.9126 19.3813 27.4157C19.5873 26.9187 19.6413 26.3719 19.5366 25.8443C19.4319 25.3166 19.1731 24.8319 18.7929 24.4513C18.2815 23.9428 17.5895 23.6573 16.8683 23.6573C16.147 23.6573 15.4551 23.9428 14.9436 24.4513ZM21.157 16.6973C20.6237 17.2304 20.2604 17.9096 20.1131 18.6492C19.9659 19.3888 20.0413 20.1554 20.3297 20.8521C20.6182 21.5488 21.1068 22.1443 21.7338 22.5633C22.3608 22.9823 23.0979 23.2059 23.852 23.2059C24.6061 23.2059 25.3432 22.9823 25.9702 22.5633C26.5971 22.1443 27.0858 21.5488 27.3743 20.8521C27.6627 20.1554 27.7381 19.3888 27.5908 18.6492C27.4436 17.9096 27.0803 17.2304 26.5469 16.6973C25.8322 15.9896 24.8671 15.5925 23.8612 15.5925C22.8554 15.5925 21.8903 15.9896 21.1756 16.6973H21.157ZM33.7967 9.45219C33.2128 8.87394 32.4708 8.4814 31.6642 8.32403C30.8576 8.16666 30.0225 8.25149 29.264 8.56784C28.5055 8.88418 27.8576 9.41789 27.4019 10.1018C26.9461 10.7856 26.703 11.589 26.703 12.4108C26.703 13.2326 26.9461 14.0361 27.4019 14.7199C27.8576 15.4038 28.5055 15.9375 29.264 16.2539C30.0225 16.5702 30.8576 16.655 31.6642 16.4977C32.4708 16.3403 33.2128 15.9477 33.7967 15.3695C34.1889 14.9836 34.5007 14.5237 34.7141 14.0165C34.9275 13.5094 35.0382 12.9649 35.0399 12.4147C35.0417 11.8645 34.9343 11.3194 34.7241 10.8109C34.5139 10.3024 34.205 9.84058 33.8152 9.45219H33.7967ZM0.795762 24.4513C0.415598 24.8319 0.156793 25.3166 0.0520611 25.8443C-0.0526711 26.3719 0.00137099 26.9187 0.207356 27.4157C0.413341 27.9126 0.762022 28.3373 1.20932 28.636C1.65663 28.9348 2.18247 29.0943 2.72039 29.0943C3.25831 29.0943 3.78416 28.9348 4.23146 28.636C4.67876 28.3373 5.02744 27.9126 5.23343 27.4157C5.43941 26.9187 5.49345 26.3719 5.38872 25.8443C5.28399 25.3166 5.02519 24.8319 4.64502 24.4513C4.39238 24.1984 4.09235 23.9978 3.76211 23.8609C3.43187 23.724 3.07788 23.6535 2.72039 23.6535C2.3629 23.6535 2.00892 23.724 1.67868 23.8609C1.34843 23.9978 1.04841 24.1984 0.795762 24.4513ZM40.5375 16.6973C40.0044 16.1639 39.3252 15.8007 38.5856 15.6534C37.8461 15.5061 37.0794 15.5815 36.3827 15.87C35.686 16.1585 35.0905 16.6471 34.6715 17.2741C34.2525 17.901 34.0289 18.6382 34.0289 19.3923C34.0289 20.1463 34.2525 20.8835 34.6715 21.5104C35.0905 22.1374 35.686 22.626 36.3827 22.9145C37.0794 23.203 37.8461 23.2784 38.5856 23.1311C39.3252 22.9838 40.0044 22.6206 40.5375 22.0872C41.2509 21.3717 41.6515 20.4026 41.6515 19.3923C41.6515 18.3819 41.2509 17.4128 40.5375 16.6973Z\"\n fill=\"url(#paint0_linear_2342_113)\"\n />\n </g>\n <defs>\n <linearGradient\n id=\"paint0_linear_2342_113\"\n x1=\"7.54585\"\n y1=\"35.0553\"\n x2=\"33.8846\"\n y2=\"8.71658\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#004987\" />\n <stop offset=\"0.25\" stop-color=\"#004C89\" />\n <stop offset=\"0.44\" stop-color=\"#00568F\" />\n <stop offset=\"0.62\" stop-color=\"#00669A\" />\n <stop offset=\"0.78\" stop-color=\"#007DAA\" />\n <stop offset=\"0.93\" stop-color=\"#009BBD\" />\n <stop offset=\"1\" stop-color=\"#00ABC8\" />\n </linearGradient>\n <clipPath id=\"clip0_2342_113\">\n <rect width=\"42\" height=\"29\" fill=\"white\" transform=\"translate(0 0.677048)\" />\n </clipPath>\n </defs>\n </svg>\n } @else {\n <svg [ngClass]=\"size()\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 165 29\" fill=\"none\">\n <g clip-path=\"url(#clip0_353_5425)\">\n <path\n d=\"M12.598 16.0262C13.1314 16.5593 13.4946 17.2386 13.6419 17.9781C13.7892 18.7177 13.7138 19.4843 13.4253 20.181C13.1368 20.8778 12.6482 21.4733 12.0212 21.8923C11.3943 22.3112 10.6571 22.5349 9.90305 22.5349C9.14897 22.5349 8.41183 22.3112 7.78487 21.8923C7.1579 21.4733 6.66928 20.8778 6.3808 20.181C6.09232 19.4843 6.01694 18.7177 6.16421 17.9781C6.31147 17.2386 6.67475 16.5593 7.20811 16.0262C7.56177 15.6719 7.98184 15.3908 8.44428 15.199C8.90671 15.0072 9.40242 14.9085 9.90305 14.9085C10.4037 14.9085 10.8994 15.0072 11.3618 15.199C11.8243 15.3908 12.2443 15.6719 12.598 16.0262ZM19.8477 8.78113C19.2638 8.20288 18.5218 7.81033 17.7152 7.65296C16.9086 7.49559 16.0735 7.58043 15.315 7.89677C14.5566 8.21311 13.9087 8.74683 13.4529 9.43069C12.9972 10.1145 12.754 10.918 12.754 11.7398C12.754 12.5616 12.9972 13.365 13.4529 14.0489C13.9087 14.7327 14.5566 15.2664 15.315 15.5828C16.0735 15.8991 16.9086 15.984 17.7152 15.8266C18.5218 15.6692 19.2638 15.2767 19.8477 14.6984C20.2387 14.3113 20.5491 13.8504 20.7609 13.3426C20.9727 12.8348 21.0817 12.29 21.0817 11.7398C21.0817 11.1895 20.9727 10.6448 20.7609 10.1369C20.5491 9.62912 20.2387 9.16829 19.8477 8.78113ZM27.2502 8.11491C27.9143 7.45025 28.3664 6.60361 28.5494 5.68204C28.7324 4.76046 28.6381 3.80531 28.2784 2.93733C27.9186 2.06935 27.3096 1.32751 26.5284 0.805587C25.7471 0.283668 24.8286 0.00509644 23.889 0.00509644C22.9494 0.00509644 22.0309 0.283668 21.2497 0.805587C20.4684 1.32751 19.8594 2.06935 19.4996 2.93733C19.1399 3.80531 19.0456 4.76046 19.2286 5.68204C19.4116 6.60361 19.8637 7.45025 20.5278 8.11491C21.4177 9.0023 22.6231 9.50063 23.8798 9.50063C25.1364 9.50063 26.3418 9.0023 27.2317 8.11491H27.2502ZM14.9436 23.7803C14.5635 24.1608 14.3047 24.6456 14.1999 25.1732C14.0952 25.7008 14.1492 26.2477 14.3552 26.7446C14.5612 27.2415 14.9099 27.6662 15.3572 27.965C15.8045 28.2638 16.3304 28.4233 16.8683 28.4233C17.4062 28.4233 17.932 28.2638 18.3793 27.965C18.8266 27.6662 19.1753 27.2415 19.3813 26.7446C19.5873 26.2477 19.6413 25.7008 19.5366 25.1732C19.4319 24.6456 19.1731 24.1608 18.7929 23.7803C18.2815 23.2717 17.5895 22.9863 16.8683 22.9863C16.147 22.9863 15.4551 23.2717 14.9436 23.7803ZM21.157 16.0262C20.6237 16.5593 20.2604 17.2386 20.1131 17.9781C19.9659 18.7177 20.0413 19.4843 20.3297 20.181C20.6182 20.8778 21.1068 21.4733 21.7338 21.8923C22.3608 22.3112 23.0979 22.5349 23.852 22.5349C24.6061 22.5349 25.3432 22.3112 25.9702 21.8923C26.5971 21.4733 27.0858 20.8778 27.3742 20.181C27.6627 19.4843 27.7381 18.7177 27.5908 17.9781C27.4436 17.2386 27.0803 16.5593 26.5469 16.0262C25.8322 15.3185 24.8671 14.9215 23.8612 14.9215C22.8554 14.9215 21.8903 15.3185 21.1756 16.0262H21.157ZM33.7967 8.78113C33.2128 8.20288 32.4708 7.81033 31.6642 7.65296C30.8576 7.49559 30.0225 7.58043 29.264 7.89677C28.5055 8.21311 27.8576 8.74683 27.4019 9.43069C26.9461 10.1145 26.703 10.918 26.703 11.7398C26.703 12.5616 26.9461 13.365 27.4019 14.0489C27.8576 14.7327 28.5055 15.2664 29.264 15.5828C30.0225 15.8991 30.8576 15.984 31.6642 15.8266C32.4708 15.6692 33.2128 15.2767 33.7967 14.6984C34.1889 14.3125 34.5007 13.8526 34.7141 13.3455C34.9275 12.8383 35.0382 12.2939 35.0399 11.7436C35.0417 11.1934 34.9343 10.6483 34.7241 10.1398C34.5139 9.6313 34.205 9.16951 33.8152 8.78113H33.7967ZM0.79576 23.7803C0.415596 24.1608 0.156791 24.6456 0.0520592 25.1732C-0.0526731 25.7008 0.00136908 26.2477 0.207354 26.7446C0.413339 27.2415 0.76202 27.6662 1.20932 27.965C1.65663 28.2638 2.18247 28.4233 2.72039 28.4233C3.25831 28.4233 3.78415 28.2638 4.23146 27.965C4.67876 27.6662 5.02744 27.2415 5.23343 26.7446C5.43941 26.2477 5.49345 25.7008 5.38872 25.1732C5.28399 24.6456 5.02519 24.1608 4.64502 23.7803C4.39237 23.5274 4.09235 23.3267 3.76211 23.1898C3.43187 23.0529 3.07788 22.9825 2.72039 22.9825C2.3629 22.9825 2.00892 23.0529 1.67867 23.1898C1.34843 23.3267 1.04841 23.5274 0.79576 23.7803ZM40.5375 16.0262C40.0044 15.4929 39.3252 15.1296 38.5856 14.9823C37.846 14.8351 37.0794 14.9104 36.3827 15.1989C35.686 15.4874 35.0905 15.976 34.6715 16.603C34.2525 17.23 34.0289 17.9671 34.0289 18.7212C34.0289 19.4753 34.2525 20.2124 34.6715 20.8394C35.0905 21.4663 35.686 21.9549 36.3827 22.2434C37.0794 22.5319 37.846 22.6073 38.5856 22.46C39.3252 22.3128 40.0044 21.9495 40.5375 21.4161C41.2509 20.7007 41.6515 19.7315 41.6515 18.7212C41.6515 17.7108 41.2509 16.7417 40.5375 16.0262Z\"\n fill=\"url(#paint0_linear_353_5425)\"\n />\n <path\n d=\"M71.0956 25.9224L73.2562 22.8272C74.352 23.552 75.5251 24.1525 76.7539 24.6177C77.7336 24.969 78.7665 25.1489 79.8074 25.1497C80.8503 25.1979 81.884 24.9354 82.7776 24.3956C83.1242 24.1955 83.412 23.9075 83.6118 23.5606C83.8116 23.2138 83.9164 22.8204 83.9157 22.4201C83.9268 22.1375 83.8719 21.8561 83.7555 21.5984C83.639 21.3406 83.4642 21.1135 83.2449 20.935C82.6082 20.4925 81.8757 20.2071 81.1074 20.1022L77.4849 19.4915C75.5325 19.1399 74.0612 18.4953 73.0712 17.5576C72.5741 17.0822 72.1845 16.506 71.9284 15.8676C71.6722 15.2293 71.5555 14.5435 71.586 13.8564C71.5595 12.9759 71.7429 12.1017 72.121 11.3061C72.4991 10.5105 73.0611 9.81625 73.7605 9.28077C75.2132 8.12723 77.1194 7.55046 79.4789 7.55046C80.8634 7.54789 82.2409 7.7458 83.5687 8.13804C84.9587 8.56661 86.2811 9.18965 87.4966 9.98864L85.3407 13.0005C84.3808 12.3679 83.3396 11.8683 82.2455 11.5154C81.2587 11.2068 80.2306 11.0508 79.1967 11.0527C78.3047 11.0099 77.4198 11.2303 76.6521 11.6866C76.3506 11.8703 76.1031 12.1306 75.9349 12.4411C75.7667 12.7515 75.6837 13.101 75.6944 13.4539C75.6752 13.7312 75.7227 14.0091 75.833 14.2643C75.9433 14.5194 76.1131 14.7445 76.3282 14.9205C77.0137 15.3433 77.7851 15.6074 78.586 15.6931L82.1669 16.3779C84.2025 16.7572 85.7108 17.4234 86.7055 18.3719C87.1989 18.85 87.5862 19.4267 87.8421 20.0644C88.098 20.7021 88.2167 21.3865 88.1906 22.0731C88.1981 22.9718 87.9886 23.859 87.5799 24.6593C87.1532 25.4812 86.5571 26.2034 85.8311 26.7783C85.0386 27.3946 84.1424 27.8647 83.1847 28.1662C82.1274 28.511 81.0213 28.6828 79.9092 28.6751C78.2476 28.6907 76.5935 28.4503 75.005 27.9626C73.5821 27.542 72.2544 26.8491 71.0956 25.9224ZM100.641 24.6177C101.587 24.624 102.523 24.4301 103.389 24.0486C104.235 23.6736 104.981 23.1027 105.563 22.3831L108.339 25.159C107.361 26.2662 106.153 27.1471 104.8 27.7406C103.407 28.3752 101.894 28.7019 100.363 28.6983C98.9721 28.7063 97.5944 28.4292 96.3148 27.884C95.0842 27.3641 93.9703 26.6027 93.0392 25.6448C92.1011 24.6715 91.3625 23.5242 90.8647 22.2674C90.3283 20.9453 90.0578 19.5303 90.069 18.1035C90.0587 16.6873 90.3292 15.2831 90.8647 13.9721C91.3577 12.7303 92.0937 11.5996 93.0296 10.6462C93.9655 9.69287 95.0824 8.93605 96.3148 8.42025C97.5937 7.8728 98.9719 7.59557 100.363 7.60597C101.907 7.59931 103.436 7.90296 104.86 8.49889C106.244 9.06665 107.488 9.92861 108.506 11.025L105.656 13.9952C105.001 13.2509 104.203 12.6453 103.31 12.214C102.442 11.8062 101.493 11.5976 100.534 11.6033C99.7439 11.5944 98.9613 11.7593 98.2418 12.0863C97.5222 12.4133 96.8833 12.8944 96.3703 13.4955C95.2698 14.7859 94.6653 16.4262 94.6653 18.1221C94.6653 19.8179 95.2698 21.4583 96.3703 22.7486C96.904 23.3511 97.5624 23.8302 98.2998 24.153C99.0371 24.4757 99.8358 24.6343 100.641 24.6177ZM127.581 25.6771C126.445 26.641 125.159 27.4116 123.773 27.958C122.398 28.4598 120.943 28.7075 119.48 28.689C118.083 28.6962 116.699 28.4191 115.413 27.8747C114.168 27.3589 113.041 26.5955 112.1 25.6309C110.161 23.6055 109.082 20.9077 109.089 18.1035C109.079 16.6807 109.334 15.2686 109.843 13.9397C110.313 12.7025 111.018 11.5682 111.92 10.5993C112.837 9.63566 113.942 8.87094 115.167 8.35279C116.392 7.83463 117.71 7.57412 119.04 7.58748C120.334 7.57286 121.616 7.82963 122.804 8.34124C123.992 8.85284 125.06 9.60791 125.938 10.5577C126.817 11.5232 127.5 12.6497 127.951 13.8749C128.45 15.2218 128.698 16.6488 128.682 18.085V19.2278H113.623C113.806 20.7608 114.535 22.1767 115.677 23.2159C116.77 24.2488 118.221 24.8176 119.725 24.8027C120.651 24.8061 121.57 24.6334 122.431 24.2938C123.236 23.9907 123.965 23.5172 124.569 22.9059L127.581 25.6771ZM118.994 11.3118C118.354 11.3 117.717 11.4167 117.123 11.6551C116.529 11.8935 115.988 12.2488 115.533 12.6998C114.536 13.7035 113.887 15.0009 113.683 16.401H124.324C124.107 15.0155 123.459 13.7335 122.473 12.7368C122.019 12.2766 121.477 11.9131 120.879 11.6682C120.281 11.4233 119.64 11.3021 118.994 11.3118ZM131.337 28.2819V7.89282H135.936V11.2332C136.622 10.1079 137.575 9.16999 138.712 8.50352C139.842 7.87248 141.119 7.55314 142.413 7.57822C143.355 7.54695 144.292 7.71364 145.164 8.0675C146.037 8.42135 146.826 8.95448 147.479 9.63239C148.138 10.33 148.651 11.1513 148.989 12.0487C149.327 12.9462 149.484 13.9019 149.45 14.8603V28.2772H144.852V16.1558C144.91 14.8643 144.475 13.5989 143.635 12.6165C143.225 12.17 142.723 11.8183 142.164 11.5857C141.605 11.3532 141.001 11.2455 140.396 11.2702C139.521 11.2585 138.658 11.4771 137.893 11.904C137.118 12.3507 136.457 12.9696 135.959 13.713V28.2819H131.337ZM154.785 22.9105V11.557H150.672V7.89282H154.785V4.7144L159.383 1.30003V7.89282H164.121V11.557H159.383V21.8927C159.383 22.8981 159.599 23.6106 160.031 24.0301C160.463 24.4496 161.195 24.6593 162.229 24.6593C162.658 24.6626 163.087 24.6286 163.51 24.5575C164.015 24.4635 164.513 24.3352 165 24.1735V28.0367C164.355 28.2361 163.694 28.38 163.024 28.4669C162.37 28.5549 161.71 28.6013 161.049 28.6057C159.019 28.6057 157.466 28.1246 156.39 27.1623C155.314 26.1999 154.778 24.7827 154.785 22.9105ZM66.6681 9.4936C65.1876 8.22285 63.1396 7.58748 60.5241 7.58748C59.1392 7.59187 57.7598 7.76273 56.4157 8.09638C55.5404 8.31315 54.6797 8.58512 53.8387 8.91066V12.9311C54.8259 12.4676 55.8504 12.0884 56.9015 11.7976C57.7899 11.5547 58.7056 11.4257 59.6265 11.4136C61.1687 11.4136 62.3361 11.7591 63.1288 12.45C63.5322 12.8343 63.8468 13.3022 64.0506 13.8208C64.2544 14.3395 64.3424 14.8964 64.3085 15.4526V17.3448C63.4366 16.9313 62.5231 16.6118 61.5835 16.3917C60.6725 16.1865 59.7414 16.0841 58.8076 16.0864C56.4203 16.0864 54.5281 16.6277 53.1309 17.7103C52.4478 18.2857 51.9039 19.0084 51.5401 19.8241C51.1763 20.6399 51.0021 21.5274 51.0304 22.4201C51.0086 23.2675 51.1788 24.1088 51.5281 24.8812C51.8774 25.6535 52.3969 26.3368 53.0476 26.88C54.3893 28.0336 56.1181 28.6088 58.2339 28.6057C59.3319 28.6185 60.4225 28.4255 61.4494 28.0367C62.5061 27.6024 63.4726 26.9748 64.2993 26.1861V28.2634H68.8564V14.9899C68.8626 12.6211 68.1331 10.7921 66.6681 9.50286V9.4936ZM64.3085 23.7155C63.6542 24.2698 62.9028 24.6981 62.0924 24.9786C61.2581 25.2536 60.3847 25.3911 59.5062 25.3857C58.4382 25.4388 57.3817 25.1451 56.4944 24.5483C56.1352 24.3028 55.843 23.9715 55.6443 23.5845C55.4456 23.1976 55.3466 22.7671 55.3562 22.3322C55.3445 21.8588 55.441 21.3889 55.6382 20.9584C55.8354 20.5279 56.1282 20.148 56.4944 19.8477C57.2531 19.3203 58.0813 19.0566 59.5895 19.0566C60.4213 19.0508 61.2518 19.1252 62.0693 19.2787C62.8449 19.4333 63.5974 19.6868 64.3085 20.0328V23.7155Z\"\n fill=\"#004987\"\n />\n </g>\n <defs>\n <linearGradient\n id=\"paint0_linear_353_5425\"\n x1=\"7.54584\"\n y1=\"34.3843\"\n x2=\"33.8846\"\n y2=\"8.04551\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#004987\" />\n <stop offset=\"0.25\" stop-color=\"#004C89\" />\n <stop offset=\"0.44\" stop-color=\"#00568F\" />\n <stop offset=\"0.62\" stop-color=\"#00669A\" />\n <stop offset=\"0.78\" stop-color=\"#007DAA\" />\n <stop offset=\"0.93\" stop-color=\"#009BBD\" />\n <stop offset=\"1\" stop-color=\"#00ABC8\" />\n </linearGradient>\n <clipPath id=\"clip0_353_5425\">\n <rect width=\"165\" height=\"28.689\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n }\n } @else {\n @if (isMobile || isCollapsed()) {\n <svg\n class=\"collapsed regular-logo\"\n [ngClass]=\"size()\"\n width=\"42\"\n height=\"30\"\n viewBox=\"0 0 42 30\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g id=\"New logo Color\" clip-path=\"url(#clip0_2349_6338)\">\n <path\n id=\"Vector\"\n d=\"M12.598 16.0906C13.1314 16.6237 13.4946 17.3029 13.6419 18.0425C13.7892 18.7821 13.7138 19.5487 13.4253 20.2454C13.1368 20.9421 12.6482 21.5376 12.0212 21.9566C11.3943 22.3756 10.6571 22.5992 9.90305 22.5992C9.14898 22.5992 8.41184 22.3756 7.78487 21.9566C7.15791 21.5376 6.66928 20.9421 6.3808 20.2454C6.09232 19.5487 6.01695 18.7821 6.16421 18.0425C6.31147 17.3029 6.67475 16.6237 7.20811 16.0906C7.56177 15.7363 7.98185 15.4552 8.44428 15.2634C8.90671 15.0716 9.40242 14.9728 9.90305 14.9728C10.4037 14.9728 10.8994 15.0716 11.3618 15.2634C11.8243 15.4552 12.2443 15.7363 12.598 16.0906ZM19.8477 8.84549C19.2638 8.26724 18.5218 7.87469 17.7152 7.71732C16.9086 7.55996 16.0735 7.64479 15.315 7.96113C14.5566 8.27748 13.9087 8.81119 13.4529 9.49505C12.9972 10.1789 12.754 10.9823 12.754 11.8041C12.754 12.6259 12.9972 13.4294 13.4529 14.1132C13.9087 14.7971 14.5566 15.3308 15.315 15.6471C16.0735 15.9635 16.9086 16.0483 17.7152 15.891C18.5218 15.7336 19.2638 15.341 19.8477 14.7628C20.2387 14.3756 20.5491 13.9148 20.7609 13.407C20.9727 12.8991 21.0817 12.3544 21.0817 11.8041C21.0817 11.2539 20.9727 10.7091 20.7609 10.2013C20.5491 9.69348 20.2387 9.23266 19.8477 8.84549ZM27.2502 8.17927C27.9143 7.51461 28.3664 6.66798 28.5494 5.7464C28.7324 4.82482 28.6381 3.86967 28.2784 3.00169C27.9186 2.13371 27.3096 1.39187 26.5284 0.869949C25.7471 0.348029 24.8286 0.069458 23.889 0.069458C22.9494 0.069458 22.0309 0.348029 21.2497 0.869949C20.4684 1.39187 19.8594 2.13371 19.4996 3.00169C19.1399 3.86967 19.0456 4.82482 19.2286 5.7464C19.4116 6.66798 19.8637 7.51461 20.5278 8.17927C21.4177 9.06667 22.6231 9.56499 23.8798 9.56499C25.1364 9.56499 26.3418 9.06667 27.2317 8.17927H27.2502ZM14.9436 23.8446C14.5635 24.2252 14.3047 24.7099 14.1999 25.2376C14.0952 25.7652 14.1492 26.312 14.3552 26.809C14.5612 27.3059 14.9099 27.7305 15.3572 28.0293C15.8045 28.3281 16.3304 28.4876 16.8683 28.4876C17.4062 28.4876 17.932 28.3281 18.3793 28.0293C18.8266 27.7305 19.1753 27.3059 19.3813 26.809C19.5873 26.312 19.6413 25.7652 19.5366 25.2376C19.4319 24.7099 19.1731 24.2252 18.7929 23.8446C18.2815 23.3361 17.5895 23.0506 16.8683 23.0506C16.147 23.0506 15.4551 23.3361 14.9436 23.8446ZM21.157 16.0906C20.6237 16.6237 20.2604 17.3029 20.1131 18.0425C19.9659 18.7821 20.0413 19.5487 20.3297 20.2454C20.6182 20.9421 21.1068 21.5376 21.7338 21.9566C22.3608 22.3756 23.0979 22.5992 23.852 22.5992C24.6061 22.5992 25.3432 22.3756 25.9702 21.9566C26.5971 21.5376 27.0858 20.9421 27.3743 20.2454C27.6627 19.5487 27.7381 18.7821 27.5908 18.0425C27.4436 17.3029 27.0803 16.6237 26.5469 16.0906C25.8322 15.3829 24.8671 14.9858 23.8612 14.9858C22.8554 14.9858 21.8903 15.3829 21.1756 16.0906H21.157ZM33.7967 8.84549C33.2128 8.26724 32.4708 7.87469 31.6642 7.71732C30.8576 7.55996 30.0225 7.64479 29.264 7.96113C28.5055 8.27748 27.8576 8.81119 27.4019 9.49505C26.9461 10.1789 26.703 10.9823 26.703 11.8041C26.703 12.6259 26.9461 13.4294 27.4019 14.1132C27.8576 14.7971 28.5055 15.3308 29.264 15.6471C30.0225 15.9635 30.8576 16.0483 31.6642 15.891C32.4708 15.7336 33.2128 15.341 33.7967 14.7628C34.1889 14.3768 34.5007 13.917 34.7141 13.4098C34.9275 12.9027 35.0382 12.3582 35.0399 11.808C35.0417 11.2578 34.9343 10.7127 34.7241 10.2042C34.5139 9.69567 34.205 9.23388 33.8152 8.84549H33.7967ZM0.795762 23.8446C0.415598 24.2252 0.156793 24.7099 0.0520611 25.2376C-0.0526711 25.7652 0.00137099 26.312 0.207356 26.809C0.413341 27.3059 0.762022 27.7305 1.20932 28.0293C1.65663 28.3281 2.18247 28.4876 2.72039 28.4876C3.25831 28.4876 3.78416 28.3281 4.23146 28.0293C4.67876 27.7305 5.02744 27.3059 5.23343 26.809C5.43941 26.312 5.49345 25.7652 5.38872 25.2376C5.28399 24.7099 5.02519 24.2252 4.64502 23.8446C4.39238 23.5917 4.09235 23.3911 3.76211 23.2542C3.43187 23.1173 3.07788 23.0468 2.72039 23.0468C2.3629 23.0468 2.00892 23.1173 1.67868 23.2542C1.34843 23.3911 1.04841 23.5917 0.795762 23.8446ZM40.5375 16.0906C40.0044 15.5572 39.3252 15.194 38.5856 15.0467C37.8461 14.8994 37.0794 14.9748 36.3827 15.2633C35.686 15.5518 35.0905 16.0404 34.6715 16.6674C34.2525 17.2943 34.0289 18.0315 34.0289 18.7855C34.0289 19.5396 34.2525 20.2768 34.6715 20.9037C35.0905 21.5307 35.686 22.0193 36.3827 22.3078C37.0794 22.5963 37.8461 22.6717 38.5856 22.5244C39.3252 22.3771 40.0044 22.0139 40.5375 21.4805C41.2509 20.765 41.6515 19.7959 41.6515 18.7855C41.6515 17.7752 41.2509 16.8061 40.5375 16.0906Z\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_2349_6338\">\n <rect width=\"42\" height=\"29\" transform=\"translate(0 0.0703125)\" />\n </clipPath>\n </defs>\n </svg>\n } @else {\n <svg\n [ngClass]=\"size()\"\n class=\"regular-logo\"\n width=\"165\"\n height=\"29\"\n viewBox=\"0 0 165 29\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g id=\"Ascent Logo\" clip-path=\"url(#clip0_2238_42055)\">\n <path\n id=\"Vector\"\n d=\"M12.598 16.0203C13.1314 16.5534 13.4946 17.2326 13.6419 17.9722C13.7892 18.7117 13.7138 19.4784 13.4253 20.1751C13.1368 20.8718 12.6482 21.4673 12.0212 21.8863C11.3943 22.3053 10.6571 22.5289 9.90305 22.5289C9.14898 22.5289 8.41184 22.3053 7.78487 21.8863C7.15791 21.4673 6.66928 20.8718 6.3808 20.1751C6.09232 19.4784 6.01695 18.7117 6.16421 17.9722C6.31147 17.2326 6.67475 16.5534 7.20811 16.0203C7.56177 15.6659 7.98185 15.3849 8.44428 15.1931C8.90671 15.0013 9.40242 14.9025 9.90305 14.9025C10.4037 14.9025 10.8994 15.0013 11.3618 15.1931C11.8243 15.3849 12.2443 15.6659 12.598 16.0203ZM19.8477 8.77518C19.2638 8.19692 18.5218 7.80438 17.7152 7.64701C16.9086 7.48964 16.0735 7.57447 15.315 7.89082C14.5566 8.20716 13.9087 8.74088 13.4529 9.42474C12.9972 10.1086 12.754 10.912 12.754 11.7338C12.754 12.5556 12.9972 13.3591 13.4529 14.0429C13.9087 14.7268 14.5566 15.2605 15.315 15.5768C16.0735 15.8932 16.9086 15.978 17.7152 15.8206C18.5218 15.6633 19.2638 15.2707 19.8477 14.6925C20.2387 14.3053 20.5491 13.8445 20.7609 13.3367C20.9727 12.8288 21.0817 12.284 21.0817 11.7338C21.0817 11.1836 20.9727 10.6388 20.7609 10.131C20.5491 9.62316 20.2387 9.16234 19.8477 8.77518ZM27.2502 8.10896C27.9143 7.4443 28.3664 6.59766 28.5494 5.67608C28.7324 4.75451 28.6381 3.79936 28.2784 2.93138C27.9186 2.0634 27.3096 1.32156 26.5284 0.799636C25.7471 0.277717 24.8286 -0.000854492 23.889 -0.000854492C22.9494 -0.000854492 22.0309 0.277717 21.2497 0.799636C20.4684 1.32156 19.8594 2.0634 19.4996 2.93138C19.1399 3.79936 19.0456 4.75451 19.2286 5.67608C19.4116 6.59766 19.8637 7.4443 20.5278 8.10896C21.4177 8.99635 22.6231 9.49468 23.8798 9.49468C25.1364 9.49468 26.3418 8.99635 27.2317 8.10896H27.2502ZM14.9436 23.7743C14.5635 24.1549 14.3047 24.6396 14.1999 25.1672C14.0952 25.6949 14.1492 26.2417 14.3552 26.7386C14.5612 27.2356 14.9099 27.6602 15.3572 27.959C15.8045 28.2578 16.3304 28.4173 16.8683 28.4173C17.4062 28.4173 17.932 28.2578 18.3793 27.959C18.8266 27.6602 19.1753 27.2356 19.3813 26.7386C19.5873 26.2417 19.6413 25.6949 19.5366 25.1672C19.4319 24.6396 19.1731 24.1549 18.7929 23.7743C18.2815 23.2658 17.5895 22.9803 16.8683 22.9803C16.147 22.9803 15.4551 23.2658 14.9436 23.7743ZM21.157 16.0203C20.6237 16.5534 20.2604 17.2326 20.1131 17.9722C19.9659 18.7117 20.0413 19.4784 20.3297 20.1751C20.6182 20.8718 21.1068 21.4673 21.7338 21.8863C22.3608 22.3053 23.0979 22.5289 23.852 22.5289C24.6061 22.5289 25.3432 22.3053 25.9702 21.8863C26.5971 21.4673 27.0858 20.8718 27.3743 20.1751C27.6627 19.4784 27.7381 18.7117 27.5908 17.9722C27.4436 17.2326 27.0803 16.5534 26.5469 16.0203C25.8322 15.3126 24.8671 14.9155 23.8612 14.9155C22.8554 14.9155 21.8903 15.3126 21.1756 16.0203H21.157ZM33.7967 8.77518C33.2128 8.19692 32.4708 7.80438 31.6642 7.64701C30.8576 7.48964 30.0225 7.57447 29.264 7.89082C28.5055 8.20716 27.8576 8.74088 27.4019 9.42474C26.9461 10.1086 26.703 10.912 26.703 11.7338C26.703 12.5556 26.9461 13.3591 27.4019 14.0429C27.8576 14.7268 28.5055 15.2605 29.264 15.5768C30.0225 15.8932 30.8576 15.978 31.6642 15.8206C32.4708 15.6633 33.2128 15.2707 33.7967 14.6925C34.1889 14.3065 34.5007 13.8467 34.7141 13.3395C34.9275 12.8323 35.0382 12.2879 35.0399 11.7377C35.0417 11.1874 34.9343 10.6423 34.7241 10.1338C34.5139 9.62535 34.205 9.16356 33.8152 8.77518H33.7967ZM0.795762 23.7743C0.415598 24.1549 0.156793 24.6396 0.0520611 25.1672C-0.0526711 25.6949 0.00137099 26.2417 0.207356 26.7386C0.413341 27.2356 0.762022 27.6602 1.20932 27.959C1.65663 28.2578 2.18247 28.4173 2.72039 28.4173C3.25831 28.4173 3.78416 28.2578 4.23146 27.959C4.67876 27.6602 5.02744 27.2356 5.23343 26.7386C5.43941 26.2417 5.49345 25.6949 5.38872 25.1672C5.28399 24.6396 5.02519 24.1549 4.64502 23.7743C4.39238 23.5214 4.09235 23.3208 3.76211 23.1839C3.43187 23.047 3.07788 22.9765 2.72039 22.9765C2.3629 22.9765 2.00892 23.047 1.67868 23.1839C1.34843 23.3208 1.04841 23.5214 0.795762 23.7743ZM40.5375 16.0203C40.0044 15.4869 39.3252 15.1236 38.5856 14.9764C37.8461 14.8291 37.0794 14.9045 36.3827 15.193C35.686 15.4814 35.0905 15.9701 34.6715 16.597C34.2525 17.224 34.0289 17.9612 34.0289 18.7152C34.0289 19.4693 34.2525 20.2065 34.6715 20.8334C35.0905 21.4604 35.686 21.949 36.3827 22.2375C37.0794 22.526 37.8461 22.6013 38.5856 22.4541C39.3252 22.3068 40.0044 21.9435 40.5375 21.4102C41.2509 20.6947 41.6515 19.7256 41.6515 18.7152C41.6515 17.7049 41.2509 16.7358 40.5375 16.0203Z\"\n />\n <path\n id=\"Vector_2\"\n d=\"M71.0956 25.9164L73.2562 22.8213C74.352 23.5461 75.5251 24.1466 76.7539 24.6117C77.7336 24.963 78.7665 25.143 79.8074 25.1438C80.8503 25.1919 81.884 24.9294 82.7776 24.3896C83.1242 24.1895 83.412 23.9015 83.6118 23.5546C83.8116 23.2078 83.9164 22.8144 83.9157 22.4141C83.9268 22.1315 83.8719 21.8502 83.7555 21.5924C83.639 21.3347 83.4642 21.1075 83.2449 20.929C82.6082 20.4865 81.8757 20.2011 81.1074 20.0962L77.4849 19.4855C75.5325 19.1339 74.0612 18.4893 73.0712 17.5516C72.5741 17.0762 72.1845 16.5 71.9284 15.8617C71.6722 15.2233 71.5555 14.5376 71.586 13.8504C71.5595 12.9699 71.7429 12.0958 72.121 11.3001C72.4991 10.5045 73.0611 9.81028 73.7605 9.2748C75.2132 8.12126 77.1194 7.54449 79.4789 7.54449C80.8634 7.54192 82.2409 7.73984 83.5687 8.13207C84.9587 8.56065 86.2811 9.18369 87.4966 9.98267L85.3407 12.9945C84.3808 12.3619 83.3396 11.8623 82.2455 11.5094C81.2587 11.2008 80.2306 11.0448 79.1967 11.0468C78.3047 11.0039 77.4198 11.2243 76.6521 11.6806C76.3506 11.8643 76.1031 12.1247 75.9349 12.4351C75.7667 12.7456 75.6837 13.095 75.6944 13.4479C75.6752 13.7252 75.7227 14.0031 75.833 14.2583C75.9433 14.5135 76.1131 14.7385 76.3282 14.9145C77.0137 15.3374 77.7851 15.6014 78.586 15.6872L82.1669 16.3719C84.2025 16.7513 85.7108 17.4175 86.7055 18.3659C87.1989 18.8441 87.5862 19.4207 87.8421 20.0584C88.098 20.6961 88.2167 21.3805 88.1906 22.0671C88.1981 22.9658 87.9886 23.853 87.5799 24.6534C87.1532 25.4753 86.5571 26.1974 85.8311 26.7723C85.0386 27.3887 84.1424 27.8587 83.1847 28.1602C82.1274 28.505 81.0213 28.6769 79.9092 28.6692C78.2476 28.6847 76.5935 28.4444 75.005 27.9567C73.5821 27.5361 72.2544 26.8432 71.0956 25.9164ZM100.641 24.6117C101.587 24.618 102.523 24.4241 103.389 24.0427C104.235 23.6676 104.981 23.0967 105.563 22.3771L108.339 25.153C107.361 26.2602 106.153 27.1412 104.8 27.7346C103.407 28.3692 101.894 28.6959 100.363 28.6923C98.9721 28.7003 97.5944 28.4232 96.3148 27.878C95.0842 27.3582 93.9703 26.5968 93.0392 25.6388C92.1011 24.6655 91.3625 23.5182 90.8647 22.2614C90.3283 20.9393 90.0578 19.5243 90.069 18.0976C90.0587 16.6814 90.3292 15.2772 90.8647 13.9661C91.3577 12.7244 92.0937 11.5937 93.0296 10.6403C93.9655 9.6869 95.0824 8.93009 96.3148 8.41428C97.5937 7.86683 98.9719 7.5896 100.363 7.60001C101.907 7.59334 103.436 7.89699 104.86 8.49292C106.244 9.06069 107.488 9.92264 108.506 11.019L105.656 13.9892C105.001 13.2449 104.203 12.6393 103.31 12.208C102.442 11.8003 101.493 11.5916 100.534 11.5973C99.7439 11.5885 98.9613 11.7534 98.2418 12.0803C97.5222 12.4073 96.8833 12.8884 96.3703 13.4896C95.2698 14.7799 94.6653 16.4202 94.6653 18.1161C94.6653 19.812 95.2698 21.4523 96.3703 22.7426C96.904 23.3451 97.5624 23.8243 98.2998 24.147C99.0371 24.4698 99.8358 24.6283 100.641 24.6117ZM127.581 25.6712C126.445 26.635 125.159 27.4056 123.773 27.9521C122.398 28.4538 120.943 28.7015 119.48 28.683C118.083 28.6902 116.699 28.4132 115.413 27.8688C114.168 27.3529 113.041 26.5895 112.1 25.6249C110.161 23.5996 109.082 20.9017 109.089 18.0976C109.079 16.6748 109.334 15.2626 109.843 13.9337C110.313 12.6966 111.018 11.5622 111.92 10.5934C112.837 9.62969 113.942 8.86497 115.167 8.34682C116.392 7.82866 117.71 7.56815 119.04 7.58151C120.334 7.56689 121.616 7.82366 122.804 8.33527C123.992 8.84688 125.06 9.60194 125.938 10.5517C126.817 11.5172 127.5 12.6437 127.951 13.869C128.45 15.2159 128.698 16.6428 128.682 18.0791V19.2218H113.623C113.806 20.7549 114.535 22.1707 115.677 23.2099C116.77 24.2428 118.221 24.8116 119.725 24.7968C120.651 24.8002 121.57 24.6274 122.431 24.2878C123.236 23.9848 123.965 23.5113 124.569 22.8999L127.581 25.6712ZM118.994 11.3059C118.354 11.294 117.717 11.4108 117.123 11.6492C116.529 11.8876 115.988 12.2428 115.533 12.6938C114.536 13.6975 113.887 14.9949 113.683 16.395H124.324C124.107 15.0096 123.459 13.7276 122.473 12.7308C122.019 12.2706 121.477 11.9072 120.879 11.6622C120.281 11.4173 119.64 11.2961 118.994 11.3059ZM131.337 28.2759V7.88685H135.936V11.2272C136.622 10.1019 137.575 9.16403 138.712 8.49755C139.842 7.86651 141.119 7.54718 142.413 7.57225C143.355 7.54099 144.292 7.70768 145.164 8.06153C146.037 8.41538 146.826 8.94851 147.479 9.62642C148.138 10.324 148.651 11.1453 148.989 12.0428C149.327 12.9402 149.484 13.8959 149.45 14.8544V28.2713H144.852V16.1498C144.91 14.8583 144.475 13.5929 143.635 12.6105C143.225 12.1641 142.723 11.8123 142.164 11.5798C141.605 11.3472 141.001 11.2396 140.396 11.2642C139.521 11.2526 138.658 11.4711 137.893 11.8981C137.118 12.3447 136.457 12.9637 135.959 13.707V28.2759H131.337ZM154.785 22.9045V11.5511H150.672V7.88685H154.785V4.70844L159.383 1.29407V7.88685H164.121V11.5511H159.383V21.8867C159.383 22.8922 159.599 23.6047 160.031 24.0241C160.463 24.4436 161.195 24.6534 162.229 24.6534C162.658 24.6567 163.087 24.6226 163.51 24.5516C164.015 24.4575 164.513 24.3292 165 24.1676V28.0307C164.355 28.2301 163.694 28.3741 163.024 28.461C162.37 28.549 161.71 28.5953 161.049 28.5998C159.019 28.5998 157.466 28.1186 156.39 27.1563C155.314 26.194 154.778 24.7767 154.785 22.9045ZM66.6681 9.48763C65.1876 8.21689 63.1396 7.58151 60.5241 7.58151C59.1392 7.58591 57.7598 7.75676 56.4157 8.09042C55.5404 8.30719 54.6797 8.57916 53.8387 8.90469V12.9251C54.8259 12.4616 55.8504 12.0824 56.9015 11.7916C57.7899 11.5487 58.7056 11.4197 59.6265 11.4076C61.1687 11.4076 62.3361 11.7531 63.1288 12.444C63.5322 12.8284 63.8468 13.2962 64.0506 13.8149C64.2544 14.3335 64.3424 14.8904 64.3085 15.4466V17.3388C63.4366 16.9253 62.5231 16.6058 61.5835 16.3858C60.6725 16.1806 59.7414 16.0781 58.8076 16.0804C56.4203 16.0804 54.5281 16.6217 53.1309 17.7043C52.4478 18.2797 51.9039 19.0025 51.5401 19.8182C51.1763 20.6339 51.0021 21.5214 51.0304 22.4141C51.0086 23.2615 51.1788 24.1029 51.5281 24.8752C51.8774 25.6475 52.3969 26.3309 53.0476 26.8741C54.3893 28.0276 56.1181 28.6028 58.2339 28.5998C59.3319 28.6126 60.4225 28.4196 61.4494 28.0307C62.5061 27.5964 63.4726 26.9688 64.2993 26.1801V28.2574H68.8564V14.9839C68.8626 12.6152 68.1331 10.7862 66.6681 9.4969V9.48763ZM64.3085 23.7095C63.6542 24.2639 62.9028 24.6921 62.0924 24.9726C61.2581 25.2476 60.3847 25.3851 59.5062 25.3797C58.4382 25.4329 57.3817 25.1391 56.4944 24.5423C56.1352 24.2968 55.843 23.9655 55.6443 23.5786C55.4456 23.1916 55.3466 22.7611 55.3562 22.3262C55.3445 21.8528 55.441 21.383 55.6382 20.9525C55.8354 20.5219 56.1282 20.1421 56.4944 19.8418C57.2531 19.3144 58.0813 19.0506 59.5895 19.0506C60.4213 19.0449 61.2518 19.1193 62.0693 19.2727C62.8449 19.4274 63.5974 19.6808 64.3085 20.0268V23.7095Z\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_2238_42055\">\n <rect width=\"165\" height=\"28.689\" transform=\"translate(0 -0.00598145)\" />\n </clipPath>\n </defs>\n </svg>\n }\n }\n </picture>\n} @else {\n <picture class=\"ads-ascent-logo\">\n @if (isMobile || isCollapsed()) {\n <svg\n class=\"collapsed teal-logo\"\n [ngClass]=\"size()\"\n width=\"42\"\n height=\"30\"\n viewBox=\"0 0 42 30\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g id=\"New logo Color\" clip-path=\"url(#clip0_2342_113)\">\n <path\n id=\"Vector\"\n d=\"M12.598 16.6973C13.1314 17.2304 13.4946 17.9096 13.6419 18.6492C13.7892 19.3888 13.7138 20.1554 13.4253 20.8521C13.1368 21.5488 12.6482 22.1443 12.0212 22.5633C11.3943 22.9823 10.6571 23.2059 9.90305 23.2059C9.14898 23.2059 8.41184 22.9823 7.78487 22.5633C7.15791 22.1443 6.66928 21.5488 6.3808 20.8521C6.09232 20.1554 6.01695 19.3888 6.16421 18.6492C6.31147 17.9096 6.67475 17.2304 7.20811 16.6973C7.56177 16.343 7.98185 16.0619 8.44428 15.8701C8.90671 15.6783 9.40242 15.5795 9.90305 15.5795C10.4037 15.5795 10.8994 15.6783 11.3618 15.8701C11.8243 16.0619 12.2443 16.343 12.598 16.6973ZM19.8477 9.45219C19.2638 8.87394 18.5218 8.4814 17.7152 8.32403C16.9086 8.16666 16.0735 8.25149 15.315 8.56784C14.5566 8.88418 13.9087 9.41789 13.4529 10.1018C12.9972 10.7856 12.754 11.589 12.754 12.4108C12.754 13.2326 12.9972 14.0361 13.4529 14.7199C13.9087 15.4038 14.5566 15.9375 15.315 16.2539C16.0735 16.5702 16.9086 16.655 17.7152 16.4977C18.5218 16.3403 19.2638 15.9477 19.8477 15.3695C20.2387 14.9823 20.5491 14.5215 20.7609 14.0137C20.9727 13.5058 21.0817 12.9611 21.0817 12.4108C21.0817 11.8606 20.9727 11.3158 20.7609 10.808C20.5491 10.3002 20.2387 9.83936 19.8477 9.45219ZM27.2502 8.78597C27.9143 8.12132 28.3664 7.27468 28.5494 6.3531C28.7324 5.43152 28.6381 4.47638 28.2784 3.6084C27.9186 2.74042 27.3096 1.99857 26.5284 1.47665C25.7471 0.954734 24.8286 0.676163 23.889 0.676163C22.9494 0.676163 22.0309 0.954734 21.2497 1.47665C20.4684 1.99857 19.8594 2.74042 19.4996 3.6084C19.1399 4.47638 19.0456 5.43152 19.2286 6.3531C19.4116 7.27468 19.8637 8.12132 20.5278 8.78597C21.4177 9.67337 22.6231 10.1717 23.8798 10.1717C25.1364 10.1717 26.3418 9.67337 27.2317 8.78597H27.2502ZM14.9436 24.4513C14.5635 24.8319 14.3047 25.3166 14.1999 25.8443C14.0952 26.3719 14.1492 26.9187 14.3552 27.4157C14.5612 27.9126 14.9099 28.3373 15.3572 28.636C15.8045 28.9348 16.3304 29.0943 16.8683 29.0943C17.4062 29.0943 17.932 28.9348 18.3793 28.636C18.8266 28.3373 19.1753 27.9126 19.3813 27.4157C19.5873 26.9187 19.6413 26.3719 19.5366 25.8443C19.4319 25.3166 19.1731 24.8319 18.7929 24.4513C18.2815 23.9428 17.5895 23.6573 16.8683 23.6573C16.147 23.6573 15.4551 23.9428 14.9436 24.4513ZM21.157 16.6973C20.6237 17.2304 20.2604 17.9096 20.1131 18.6492C19.9659 19.3888 20.0413 20.1554 20.3297 20.8521C20.6182 21.5488 21.1068 22.1443 21.7338 22.5633C22.3608 22.9823 23.0979 23.2059 23.852 23.2059C24.6061 23.2059 25.3432 22.9823 25.9702 22.5633C26.5971 22.1443 27.0858 21.5488 27.3743 20.8521C27.6627 20.1554 27.7381 19.3888 27.5908 18.6492C27.4436 17.9096 27.0803 17.2304 26.5469 16.6973C25.8322 15.9896 24.8671 15.5925 23.8612 15.5925C22.8554 15.5925 21.8903 15.9896 21.1756 16.6973H21.157ZM33.7967 9.45219C33.2128 8.87394 32.4708 8.4814 31.6642 8.32403C30.8576 8.16666 30.0225 8.25149 29.264 8.56784C28.5055 8.88418 27.8576 9.41789 27.4019 10.1018C26.9461 10.7856 26.703 11.589 26.703 12.4108C26.703 13.2326 26.9461 14.0361 27.4019 14.7199C27.8576 15.4038 28.5055 15.9375 29.264 16.2539C30.0225 16.5702 30.8576 16.655 31.6642 16.4977C32.4708 16.3403 33.2128 15.9477 33.7967 15.3695C34.1889 14.9836 34.5007 14.5237 34.7141 14.0165C34.9275 13.5094 35.0382 12.9649 35.0399 12.4147C35.0417 11.8645 34.9343 11.3194 34.7241 10.8109C34.5139 10.3024 34.205 9.84058 33.8152 9.45219H33.7967ZM0.795762 24.4513C0.415598 24.8319 0.156793 25.3166 0.0520611 25.8443C-0.0526711 26.3719 0.00137099 26.9187 0.207356 27.4157C0.413341 27.9126 0.762022 28.3373 1.20932 28.636C1.65663 28.9348 2.18247 29.0943 2.72039 29.0943C3.25831 29.0943 3.78416 28.9348 4.23146 28.636C4.67876 28.3373 5.02744 27.9126 5.23343 27.4157C5.43941 26.9187 5.49345 26.3719 5.38872 25.8443C5.28399 25.3166 5.02519 24.8319 4.64502 24.4513C4.39238 24.1984 4.09235 23.9978 3.76211 23.8609C3.43187 23.724 3.07788 23.6535 2.72039 23.6535C2.3629 23.6535 2.00892 23.724 1.67868 23.8609C1.34843 23.9978 1.04841 24.1984 0.795762 24.4513ZM40.5375 16.6973C40.0044 16.1639 39.3252 15.8007 38.5856 15.6534C37.8461 15.5061 37.0794 15.5815 36.3827 15.87C35.686 16.1585 35.0905 16.6471 34.6715 17.2741C34.2525 17.901 34.0289 18.6382 34.0289 19.3923C34.0289 20.1463 34.2525 20.8835 34.6715 21.5104C35.0905 22.1374 35.686 22.626 36.3827 22.9145C37.0794 23.203 37.8461 23.2784 38.5856 23.1311C39.3252 22.9838 40.0044 22.6206 40.5375 22.0872C41.2509 21.3717 41.6515 20.4026 41.6515 19.3923C41.6515 18.3819 41.2509 17.4128 40.5375 16.6973Z\"\n fill=\"url(#paint0_linear_2342_113)\"\n />\n </g>\n <defs>\n <linearGradient\n id=\"paint0_linear_2342_113\"\n x1=\"7.54585\"\n y1=\"35.0553\"\n x2=\"33.8846\"\n y2=\"8.71658\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#004987\" />\n <stop offset=\"0.25\" stop-color=\"#004C89\" />\n <stop offset=\"0.44\" stop-color=\"#00568F\" />\n <stop offset=\"0.62\" stop-color=\"#00669A\" />\n <stop offset=\"0.78\" stop-color=\"#007DAA\" />\n <stop offset=\"0.93\" stop-color=\"#009BBD\" />\n <stop offset=\"1\" stop-color=\"#00ABC8\" />\n </linearGradient>\n <clipPath id=\"clip0_2342_113\">\n <rect width=\"42\" height=\"29\" fill=\"white\" transform=\"translate(0 0.677048)\" />\n </clipPath>\n </defs>\n </svg>\n } @else {\n <svg class=\"teal-logo\" [ngClass]=\"size()\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 165 29\" fill=\"none\">\n <g clip-path=\"url(#clip0_353_5425)\">\n <path\n d=\"M12.598 16.0262C13.1314 16.5593 13.4946 17.2386 13.6419 17.9781C13.7892 18.7177 13.7138 19.4843 13.4253 20.181C13.1368 20.8778 12.6482 21.4733 12.0212 21.8923C11.3943 22.3112 10.6571 22.5349 9.90305 22.5349C9.14897 22.5349 8.41183 22.3112 7.78487 21.8923C7.1579 21.4733 6.66928 20.8778 6.3808 20.181C6.09232 19.4843 6.01694 18.7177 6.16421 17.9781C6.31147 17.2386 6.67475 16.5593 7.20811 16.0262C7.56177 15.6719 7.98184 15.3908 8.44428 15.199C8.90671 15.0072 9.40242 14.9085 9.90305 14.9085C10.4037 14.9085 10.8994 15.0072 11.3618 15.199C11.8243 15.3908 12.2443 15.6719 12.598 16.0262ZM19.8477 8.78113C19.2638 8.20288 18.5218 7.81033 17.7152 7.65296C16.9086 7.49559 16.0735 7.58043 15.315 7.89677C14.5566 8.21311 13.9087 8.74683 13.4529 9.43069C12.9972 10.1145 12.754 10.918 12.754 11.7398C12.754 12.5616 12.9972 13.365 13.4529 14.0489C13.9087 14.7327 14.5566 15.2664 15.315 15.5828C16.0735 15.8991 16.9086 15.984 17.7152 15.8266C18.5218 15.6692 19.2638 15.2767 19.8477 14.6984C20.2387 14.3113 20.5491 13.8504 20.7609 13.3426C20.9727 12.8348 21.0817 12.29 21.0817 11.7398C21.0817 11.1895 20.9727 10.6448 20.7609 10.1369C20.5491 9.62912 20.2387 9.16829 19.8477 8.78113ZM27.2502 8.11491C27.9143 7.45025 28.3664 6.60361 28.5494 5.68204C28.7324 4.76046 28.6381 3.80531 28.2784 2.93733C27.9186 2.06935 27.3096 1.32751 26.5284 0.805587C25.7471 0.283668 24.8286 0.00509644 23.889 0.00509644C22.9494 0.00509644 22.0309 0.283668 21.2497 0.805587C20.4684 1.32751 19.8594 2.06935 19.4996 2.93733C19.1399 3.80531 19.0456 4.76046 19.2286 5.68204C19.4116 6.60361 19.8637 7.45025 20.5278 8.11491C21.4177 9.0023 22.6231 9.50063 23.8798 9.50063C25.1364 9.50063 26.3418 9.0023 27.2317 8.11491H27.2502ZM14.9436 23.7803C14.5635 24.1608 14.3047 24.6456 14.1999 25.1732C14.0952 25.7008 14.1492 26.2477 14.3552 26.7446C14.5612 27.2415 14.9099 27.6662 15.3572 27.965C15.8045 28.2638 16.3304 28.4233 16.8683 28.4233C17.4062 28.4233 17.932 28.2638 18.3793 27.965C18.8266 27.6662 19.1753 27.2415 19.3813 26.7446C19.5873 26.2477 19.6413 25.7008 19.5366 25.1732C19.4319 24.6456 19.1731 24.1608 18.7929 23.7803C18.2815 23.2717 17.5895 22.9863 16.8683 22.9863C16.147 22.9863 15.4551 23.2717 14.9436 23.7803ZM21.157 16.0262C20.6237 16.5593 20.2604 17.2386 20.1131 17.9781C19.9659 18.7177 20.0413 19.4843 20.3297 20.181C20.6182 20.8778 21.1068 21.4733 21.7338 21.8923C22.3608 22.3112 23.0979 22.5349 23.852 22.5349C24.6061 22.5349 25.3432 22.3112 25.9702 21.8923C26.5971 21.4733 27.0858 20.8778 27.3742 20.181C27.6627 19.4843 27.7381 18.7177 27.5908 17.9781C27.4436 17.2386 27.0803 16.5593 26.5469 16.0262C25.8322 15.3185 24.8671 14.9215 23.8612 14.9215C22.8554 14.9215 21.8903 15.3185 21.1756 16.0262H21.157ZM33.7967 8.78113C33.2128 8.20288 32.4708 7.81033 31.6642 7.65296C30.8576 7.49559 30.0225 7.58043 29.264 7.89677C28.5055 8.21311 27.8576 8.74683 27.4019 9.43069C26.9461 10.1145 26.703 10.918 26.703 11.7398C26.703 12.5616 26.9461 13.365 27.4019 14.0489C27.8576 14.7327 28.5055 15.2664 29.264 15.5828C30.0225 15.8991 30.8576 15.984 31.6642 15.8266C32.4708 15.6692 33.2128 15.2767 33.7967 14.6984C34.1889 14.3125 34.5007 13.8526 34.7141 13.3455C34.9275 12.8383 35.0382 12.2939 35.0399 11.7436C35.0417 11.1934 34.9343 10.6483 34.7241 10.1398C34.5139 9.6313 34.205 9.16951 33.8152 8.78113H33.7967ZM0.79576 23.7803C0.415596 24.1608 0.156791 24.6456 0.0520592 25.1732C-0.0526731 25.7008 0.00136908 26.2477 0.207354 26.7446C0.413339 27.2415 0.76202 27.6662 1.20932 27.965C1.65663 28.2638 2.18247 28.4233 2.72039 28.4233C3.25831 28.4233 3.78415 28.2638 4.23146 27.965C4.67876 27.6662 5.02744 27.2415 5.23343 26.7446C5.43941 26.2477 5.49345 25.7008 5.38872 25.1732C5.28399 24.6456 5.02519 24.1608 4.64502 23.7803C4.39237 23.5274 4.09235 23.3267 3.76211 23.1898C3.43187 23.0529 3.07788 22.9825 2.72039 22.9825C2.3629 22.9825 2.00892 23.0529 1.67867 23.1898C1.34843 23.3267 1.04841 23.5274 0.79576 23.7803ZM40.5375 16.0262C40.0044 15.4929 39.3252 15.1296 38.5856 14.9823C37.846 14.8351 37.0794 14.9104 36.3827 15.1989C35.686 15.4874 35.0905 15.976 34.6715 16.603C34.2525 17.23 34.0289 17.9671 34.0289 18.7212C34.0289 19.4753 34.2525 20.2124 34.6715 20.8394C35.0905 21.4663 35.686 21.9549 36.3827 22.2434C37.0794 22.5319 37.846 22.6073 38.5856 22.46C39.3252 22.3128 40.0044 21.9495 40.5375 21.4161C41.2509 20.7007 41.6515 19.7315 41.6515 18.7212C41.6515 17.7108 41.2509 16.7417 40.5375 16.0262Z\"\n fill=\"url(#paint0_linear_353_5425)\"\n />\n <path\n d=\"M71.0956 25.9224L73.2562 22.8272C74.352 23.552 75.5251 24.1525 76.7539 24.6177C77.7336 24.969 78.7665 25.1489 79.8074 25.1497C80.8503 25.1979 81.884 24.9354 82.7776 24.3956C83.1242 24.1955 83.412 23.9075 83.6118 23.5606C83.8116 23.2138 83.9164 22.8204 83.9157 22.4201C83.9268 22.1375 83.8719 21.8561 83.7555 21.5984C83.639 21.3406 83.4642 21.1135 83.2449 20.935C82.6082 20.4925 81.8757 20.2071 81.1074 20.1022L77.4849 19.4915C75.5325 19.1399 74.0612 18.4953 73.0712 17.5576C72.5741 17.0822 72.1845 16.506 71.9284 15.8676C71.6722 15.2293 71.5555 14.5435 71.586 13.8564C71.5595 12.9759 71.7429 12.1017 72.121 11.3061C72.4991 10.5105 73.0611 9.81625 73.7605 9.28077C75.2132 8.12723 77.1194 7.55046 79.4789 7.55046C80.8634 7.54789 82.2409 7.7458 83.5687 8.13804C84.9587 8.56661 86.2811 9.18965 87.4966 9.98864L85.3407 13.0005C84.3808 12.3679 83.3396 11.8683 82.2455 11.5154C81.2587 11.2068 80.2306 11.0508 79.1967 11.0527C78.3047 11.0099 77.4198 11.2303 76.6521 11.6866C76.3506 11.8703 76.1031 12.1306 75.9349 12.4411C75.7667 12.7515 75.6837 13.101 75.6944 13.4539C75.6752 13.7312 75.7227 14.0091 75.833 14.2643C75.9433 14.5194 76.1131 14.7445 76.3282 14.9205C77.0137 15.3433 77.7851 15.6074 78.586 15.6931L82.1669 16.3779C84.2025 16.7572 85.7108 17.4234 86.7055 18.3719C87.1989 18.85 87.5862 19.4267 87.8421 20.0644C88.098 20.7021 88.2167 21.3865 88.1906 22.0731C88.1981 22.9718 87.9886 23.859 87.5799 24.6593C87.1532 25.4812 86.5571 26.2034 85.8311 26.7783C85.0386 27.3946 84.1424 27.8647 83.1847 28.1662C82.1274 28.511 81.0213 28.6828 79.9092 28.6751C78.2476 28.6907 76.5935 28.4503 75.005 27.9626C73.5821 27.542 72.2544 26.8491 71.0956 25.9224ZM100.641 24.6177C101.587 24.624 102.523 24.4301 103.389 24.0486C104.235 23.6736 104.981 23.1027 105.563 22.3831L108.339 25.159C107.361 26.2662 106.153 27.1471 104.8 27.7406C103.407 28.3752 101.894 28.7019 100.363 28.6983C98.9721 28.7063 97.5944 28.4292 96.3148 27.884C95.0842 27.3641 93.9703 26.6027 93.0392 25.6448C92.1011 24.6715 91.3625 23.5242 90.8647 22.2674C90.3283 20.9453 90.0578 19.5303 90.069 18.1035C90.0587 16.6873 90.3292 15.2831 90.8647 13.9721C91.3577 12.7303 92.0937 11.5996 93.0296 10.6462C93.9655 9.69287 95.0824 8.93605 96.3148 8.42025C97.5937 7.8728 98.9719 7.59557 100.363 7.60597C101.907 7.59931 103.436 7.90296 104.86 8.49889C106.244 9.06665 107.488 9.92861 108.506 11.025L105.656 13.9952C105.001 13.2509 104.203 12.6453 103.31 12.214C102.442 11.8062 101.493 11.5976 100.534 11.6033C99.7439 11.5944 98.9613 11.7593 98.2418 12.0863C97.5222 12.4133 96.8833 12.8944 96.3703 13.4955C95.2698 14.7859 94.6653 16.4262 94.6653 18.1221C94.6653 19.8179 95.2698 21.4583 96.3703 22.7486C96.904 23.3511 97.5624 23.8302 98.2998 24.153C99.0371 24.4757 99.8358 24.6343 100.641 24.6177ZM127.581 25.6771C126.445 26.641 125.159 27.4116 123.773 27.958C122.398 28.4598 120.943 28.7075 119.48 28.689C118.083 28.6962 116.699 28.4191 115.413 27.8747C114.168 27.3589 113.041 26.5955 112.1 25.6309C110.161 23.6055 109.082 20.9077 109.089 18.1035C109.079 16.6807 109.334 15.2686 109.843 13.9397C110.313 12.7025 111.018 11.5682 111.92 10.5993C112.837 9.63566 113.942 8.87094 115.167 8.35279C116.392 7.83463 117.71 7.57412 119.04 7.58748C120.334 7.57286 121.616 7.82963 122.804 8.34124C123.992 8.85284 125.06 9.60791 125.938 10.5577C126.817 11.5232 127.5 12.6497 127.951 13.8749C128.45 15.2218 128.698 16.6488 128.682 18.085V19.2278H113.623C113.806 20.7608 114.535 22.1767 115.677 23.2159C116.77 24.2488 118.221 24.8176 119.725 24.8027C120.651 24.8061 121.57 24.6334 122.431 24.2938C123.236 23.9907 123.965 23.5172 124.569 22.9059L127.581 25.6771ZM118.994 11.3118C118.354 11.3 117.717 11.4167 117.123 11.6551C116.529 11.8935 115.988 12.2488 115.533 12.6998C114.536 13.7035 113.887 15.0009 113.683 16.401H124.324C124.107 15.0155 123.459 13.7335 122.473 12.7368C122.019 12.2766 121.477 11.9131 120.879 11.6682C120.281 11.4233 119.64 11.3021 118.994 11.3118ZM131.337 28.2819V7.89282H135.936V11.2332C136.622 10.1079 137.575 9.16999 138.712 8.50352C139.842 7.87248 141.119 7.55314 142.413 7.57822C143.355 7.54695 144.292 7.71364 145.164 8.0675C146.037 8.42135 146.826 8.95448 147.479 9.63239C148.138 10.33 148.651 11.1513 148.989 12.0487C149.327 12.9462 149.484 13.9019 149.45 14.8603V28.2772H144.852V16.1558C144.91 14.8643 144.475 13.5989 143.635 12.6165C143.225 12.17 142.723 11.8183 142.164 11.5857C141.605 11.3532 141.001 11.2455 140.396 11.2702C139.521 11.2585 138.658 11.4771 137.893 11.904C137.118 12.3507 136.457 12.9696 135.959 13.713V28.2819H131.337ZM154.785 22.9105V11.557H150.672V7.89282H154.785V4.7144L159.383 1.30003V7.89282H164.121V11.557H159.383V21.8927C159.383 22.8981 159.599 23.6106 160.031 24.0301C160.463 24.4496 161.195 24.6593 162.229 24.6593C162.658 24.6626 163.087 24.6286 163.51 24.5575C164.015 24.4635 164.513 24.3352 165 24.1735V28.0367C164.355 28.2361 163.694 28.38 163.024 28.4669C162.37 28.5549 161.71 28.6013 161.049 28.6057C159.019 28.6057 157.466 28.1246 156.39 27.1623C155.314 26.1999 154.778 24.7827 154.785 22.9105ZM66.6681 9.4936C65.1876 8.22285 63.1396 7.58748 60.5241 7.58748C59.1392 7.59187 57.7598 7.76273 56.4157 8.09638C55.5404 8.31315 54.6797 8.58512 53.8387 8.91066V12.9311C54.8259 12.4676 55.8504 12.0884 56.9015 11.7976C57.7899 11.5547 58.7056 11.4257 59.6265 11.4136C61.1687 11.4136 62.3361 11.7591 63.1288 12.45C63.5322 12.8343 63.8468 13.3022 64.0506 13.8208C64.2544 14.3395 64.3424 14.8964 64.3085 15.4526V17.3448C63.4366 16.9313 62.5231 16.6118 61.5835 16.3917C60.6725 16.1865 59.7414 16.0841 58.8076 16.0864C56.4203 16.0864 54.5281 16.6277 53.1309 17.7103C52.4478 18.2857 51.9039 19.0084 51.5401 19.8241C51.1763 20.6399 51.0021 21.5274 51.0304 22.4201C51.0086 23.2675 51.1788 24.1088 51.5281 24.8812C51.8774 25.6535 52.3969 26.3368 53.0476 26.88C54.3893 28.0336 56.1181 28.6088 58.2339 28.6057C59.3319 28.6185 60.4225 28.4255 61.4494 28.0367C62.5061 27.6024 63.4726 26.9748 64.2993 26.1861V28.2634H68.8564V14.9899C68.8626 12.6211 68.1331 10.7921 66.6681 9.50286V9.4936ZM64.3085 23.7155C63.6542 24.2698 62.9028 24.6981 62.0924 24.9786C61.2581 25.2536 60.3847 25.3911 59.5062 25.3857C58.4382 25.4388 57.3817 25.1451 56.4944 24.5483C56.1352 24.3028 55.843 23.9715 55.6443 23.5845C55.4456 23.1976 55.3466 22.7671 55.3562 22.3322C55.3445 21.8588 55.441 21.3889 55.6382 20.9584C55.8354 20.5279 56.1282 20.148 56.4944 19.8477C57.2531 19.3203 58.0813 19.0566 59.5895 19.0566C60.4213 19.0508 61.2518 19.1252 62.0693 19.2787C62.8449 19.4333 63.5974 19.6868 64.3085 20.0328V23.7155Z\"\n fill=\"#004987\"\n />\n </g>\n <defs>\n <linearGradient\n id=\"paint0_linear_353_5425\"\n x1=\"7.54584\"\n y1=\"34.3843\"\n x2=\"33.8846\"\n y2=\"8.04551\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#004987\" />\n <stop offset=\"0.25\" stop-color=\"#004C89\" />\n <stop offset=\"0.44\" stop-color=\"#00568F\" />\n <stop offset=\"0.62\" stop-color=\"#00669A\" />\n <stop offset=\"0.78\" stop-color=\"#007DAA\" />\n <stop offset=\"0.93\" stop-color=\"#009BBD\" />\n <stop offset=\"1\" stop-color=\"#00ABC8\" />\n </linearGradient>\n <clipPath id=\"clip0_353_5425\">\n <rect width=\"165\" height=\"28.689\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n }\n @if (isMobile || isCollapsed()) {\n <svg\n class=\"collapsed regular-logo white-logo\"\n [ngClass]=\"size()\"\n width=\"42\"\n height=\"30\"\n viewBox=\"0 0 42 30\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g id=\"New logo Color\" clip-path=\"url(#clip0_2349_6338)\">\n <path\n id=\"Vector\"\n d=\"M12.598 16.0906C13.1314 16.6237 13.4946 17.3029 13.6419 18.0425C13.7892 18.7821 13.7138 19.5487 13.4253 20.2454C13.1368 20.9421 12.6482 21.5376 12.0212 21.9566C11.3943 22.3756 10.6571 22.5992 9.90305 22.5992C9.14898 22.5992 8.41184 22.3756 7.78487 21.9566C7.15791 21.5376 6.66928 20.9421 6.3808 20.2454C6.09232 19.5487 6.01695 18.7821 6.16421 18.0425C6.31147 17.3029 6.67475 16.6237 7.20811 16.0906C7.56177 15.7363 7.98185 15.4552 8.44428 15.2634C8.90671 15.0716 9.40242 14.9728 9.90305 14.9728C10.4037 14.9728 10.8994 15.0716 11.3618 15.2634C11.8243 15.4552 12.2443 15.7363 12.598 16.0906ZM19.8477 8.84549C19.2638 8.26724 18.5218 7.87469 17.7152 7.71732C16.9086 7.55996 16.0735 7.64479 15.315 7.96113C14.5566 8.27748 13.9087 8.81119 13.4529 9.49505C12.9972 10.1789 12.754 10.9823 12.754 11.8041C12.754 12.6259 12.9972 13.4294 13.4529 14.1132C13.9087 14.7971 14.5566 15.3308 15.315 15.6471C16.0735 15.9635 16.9086 16.0483 17.7152 15.891C18.5218 15.7336 19.2638 15.341 19.8477 14.7628C20.2387 14.3756 20.5491 13.9148 20.7609 13.407C20.9727 12.8991 21.0817 12.3544 21.0817 11.8041C21.0817 11.2539 20.9727 10.7091 20.7609 10.2013C20.5491 9.69348 20.2387 9.23266 19.8477 8.84549ZM27.2502 8.17927C27.9143 7.51461 28.3664 6.66798 28.5494 5.7464C28.7324 4.82482 28.6381 3.86967 28.2784 3.00169C27.9186 2.13371 27.3096 1.39187 26.5284 0.869949C25.7471 0.348029 24.8286 0.069458 23.889 0.069458C22.9494 0.069458 22.0309 0.348029 21.2497 0.869949C20.4684 1.39187 19.8594 2.13371 19.4996 3.00169C19.1399 3.86967 19.0456 4.82482 19.2286 5.7464C19.4116 6.66798 19.8637 7.51461 20.5278 8.17927C21.4177 9.06667 22.6231 9.56499 23.8798 9.56499C25.1364 9.56499 26.3418 9.06667 27.2317 8.17927H27.2502ZM14.9436 23.8446C14.5635 24.2252 14.3047 24.7099 14.1999 25.2376C14.0952 25.7652 14.1492 26.312 14.3552 26.809C14.5612 27.3059 14.9099 27.7305 15.3572 28.0293C15.8045 28.3281 16.3304 28.4876 16.8683 28.4876C17.4062 28.4876 17.932 28.3281 18.3793 28.0293C18.8266 27.7305 19.1753 27.3059 19.3813 26.809C19.5873 26.312 19.6413 25.7652 19.5366 25.2376C19.4319 24.7099 19.1731 24.2252 18.7929 23.8446C18.2815 23.3361 17.5895 23.0506 16.8683 23.0506C16.147 23.0506 15.4551 23.3361 14.9436 23.8446ZM21.157 16.0906C20.6237 16.6237 20.2604 17.3029 20.1131 18.0425C19.9659 18.7821 20.0413 19.5487 20.3297 20.2454C20.6182 20.9421 21.1068 21.5376 21.7338 21.9566C22.3608 22.3756 23.0979 22.5992 23.852 22.5992C24.6061 22.5992 25.3432 22.3756 25.9702 21.9566C26.5971 21.5376 27.0858 20.9421 27.3743 20.2454C27.6627 19.5487 27.7381 18.7821 27.5908 18.0425C27.4436 17.3029 27.0803 16.6237 26.5469 16.0906C25.8322 15.3829 24.8671 14.9858 23.8612 14.9858C22.8554 14.9858 21.8903 15.3829 21.1756 16.0906H21.157ZM33.7967 8.84549C33.2128 8.26724 32.4708 7.87469 31.6642 7.71732C30.8576 7.55996 30.0225 7.64479 29.264 7.96113C28.5055 8.27748 27.8576 8.81119 27.4019 9.49505C26.9461 10.1789 26.703 10.9823 26.703 11.8041C26.703 12.6259 26.9461 13.4294 27.4019 14.1132C27.8576 14.7971 28.5055 15.3308 29.264 15.6471C30.0225 15.9635 30.8576 16.0483 31.6642 15.891C32.4708 15.7336 33.2128 15.341 33.7967 14.7628C34.1889 14.3768 34.5007 13.917 34.7141 13.4098C34.9275 12.9027 35.0382 12.3582 35.0399 11.808C35.0417 11.2578 34.9343 10.7127 34.7241 10.2042C34.5139 9.69567 34.205 9.23388 33.8152 8.84549H33.7967ZM0.795762 23.8446C0.415598 24.2252 0.156793 24.7099 0.0520611 25.2376C-0.0526711 25.7652 0.00137099 26.312 0.207356 26.809C0.413341 27.3059 0.762022 27.7305 1.20932 28.0293C1.65663 28.3281 2.18247 28.4876 2.72039 28.4876C3.25831 28.4876 3.78416 28.3281 4.23146 28.0293C4.67876 27.7305 5.02744 27.3059 5.23343 26.809C5.43941 26.312 5.49345 25.7652 5.38872 25.2376C5.28399 24.7099 5.02519 24.2252 4.64502 23.8446C4.39238 23.5917 4.09235 23.3911 3.76211 23.2542C3.43187 23.1173 3.07788 23.0468 2.72039 23.0468C2.3629 23.0468 2.00892 23.1173 1.67868 23.2542C1.34843 23.3911 1.04841 23.5917 0.795762 23.8446ZM40.5375 16.0906C40.0044 15.5572 39.3252 15.194 38.5856 15.0467C37.8461 14.8994 37.0794 14.9748 36.3827 15.2633C35.686 15.5518 35.0905 16.0404 34.6715 16.6674C34.2525 17.2943 34.0289 18.0315 34.0289 18.7855C34.0289 19.5396 34.2525 20.2768 34.6715 20.9037C35.0905 21.5307 35.686 22.0193 36.3827 22.3078C37.0794 22.5963 37.8461 22.6717 38.5856 22.5244C39.3252 22.3771 40.0044 22.0139 40.5375 21.4805C41.2509 20.765 41.6515 19.7959 41.6515 18.7855C41.6515 17.7752 41.2509 16.8061 40.5375 16.0906Z\"\n fill=\"white\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_2349_6338\">\n <rect width=\"42\" height=\"29\" fill=\"white\" transform=\"translate(0 0.0703125)\" />\n </clipPath>\n </defs>\n </svg>\n } @else {\n <svg\n [ngClass]=\"size()\"\n class=\"regular-logo white-logo\"\n width=\"165\"\n height=\"29\"\n viewBox=\"0 0 165 29\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g id=\"Ascent Logo\" clip-path=\"url(#clip0_2238_42055)\">\n <path\n id=\"Vector\"\n d=\"M12.598 16.0203C13.1314 16.5534 13.4946 17.2326 13.6419 17.9722C13.7892 18.7117 13.7138 19.4784 13.4253 20.1751C13.1368 20.8718 12.6482 21.4673 12.0212 21.8863C11.3943 22.3053 10.6571 22.5289 9.90305 22.5289C9.14898 22.5289 8.41184 22.3053 7.78487 21.8863C7.15791 21.4673 6.66928 20.8718 6.3808 20.1751C6.09232 19.4784 6.01695 18.7117 6.16421 17.9722C6.31147 17.2326 6.67475 16.5534 7.20811 16.0203C7.56177 15.6659 7.98185 15.3849 8.44428 15.1931C8.90671 15.0013 9.40242 14.9025 9.90305 14.9025C10.4037 14.9025 10.8994 15.0013 11.3618 15.1931C11.8243 15.3849 12.2443 15.6659 12.598 16.0203ZM19.8477 8.77518C19.2638 8.19692 18.5218 7.80438 17.7152 7.64701C16.9086 7.48964 16.0735 7.57447 15.315 7.89082C14.5566 8.20716 13.9087 8.74088 13.4529 9.42474C12.9972 10.1086 12.754 10.912 12.754 11.7338C12.754 12.5556 12.9972 13.3591 13.4529 14.0429C13.9087 14.7268 14.5566 15.2605 15.315 15.5768C16.0735 15.8932 16.9086 15.978 17.7152 15.8206C18.5218 15.6633 19.2638 15.2707 19.8477 14.6925C20.2387 14.3053 20.5491 13.8445 20.7609 13.3367C20.9727 12.8288 21.0817 12.284 21.0817 11.7338C21.0817 11.1836 20.9727 10.6388 20.7609 10.131C20.5491 9.62316 20.2387 9.16234 19.8477 8.77518ZM27.2502 8.10896C27.9143 7.4443 28.3664 6.59766 28.5494 5.67608C28.7324 4.75451 28.6381 3.79936 28.2784 2.93138C27.9186 2.0634 27.3096 1.32156 26.5284 0.799636C25.7471 0.277717 24.8286 -0.000854492 23.889 -0.000854492C22.9494 -0.000854492 22.0309 0.277717 21.2497 0.799636C20.4684 1.32156 19.8594 2.0634 19.4996 2.93138C19.1399 3.79936 19.0456 4.75451 19.2286 5.67608C19.4116 6.59766 19.8637 7.4443 20.5278 8.10896C21.4177 8.99635 22.6231 9.49468 23.8798 9.49468C25.1364 9.49468 26.3418 8.99635 27.2317 8.10896H27.2502ZM14.9436 23.7743C14.5635 24.1549 14.3047 24.6396 14.1999 25.1672C14.0952 25.6949 14.1492 26.2417 14.3552 26.7386C14.5612 27.2356 14.9099 27.6602 15.3572 27.959C15.8045 28.2578 16.3304 28.4173 16.8683 28.4173C17.4062 28.4173 17.932 28.2578 18.3793 27.959C18.8266 27.6602 19.1753 27.2356 19.3813 26.7386C19.5873 26.2417 19.6413 25.6949 19.5366 25.1672C19.4319 24.6396 19.1731 24.1549 18.7929 23.7743C18.2815 23.2658 17.5895 22.9803 16.8683 22.9803C16.147 22.9803 15.4551 23.2658 14.9436 23.7743ZM21.157 16.0203C20.6237 16.5534 20.2604 17.2326 20.1131 17.9722C19.9659 18.7117 20.0413 19.4784 20.3297 20.1751C20.6182 20.8718 21.1068 21.4673 21.7338 21.8863C22.3608 22.3053 23.0979 22.5289 23.852 22.5289C24.6061 22.5289 25.3432 22.3053 25.9702 21.8863C26.5971 21.4673 27.0858 20.8718 27.3743 20.1751C27.6627 19.4784 27.7381 18.7117 27.5908 17.9722C27.4436 17.2326 27.0803 16.5534 26.5469 16.0203C25.8322 15.3126 24.8671 14.9155 23.8612 14.9155C22.8554 14.9155 21.8903 15.3126 21.1756 16.0203H21.157ZM33.7967 8.77518C33.2128 8.19692 32.4708 7.80438 31.6642 7.64701C30.8576 7.48964 30.0225 7.57447 29.264 7.89082C28.5055 8.20716 27.8576 8.74088 27.4019 9.42474C26.9461 10.1086 26.703 10.912 26.703 11.7338C26.703 12.5556 26.9461 13.3591 27.4019 14.0429C27.8576 14.7268 28.5055 15.2605 29.264 15.5768C30.0225 15.8932 30.8576 15.978 31.6642 15.8206C32.4708 15.6633 33.2128 15.2707 33.7967 14.6925C34.1889 14.3065 34.5007 13.8467 34.7141 13.3395C34.9275 12.8323 35.0382 12.2879 35.0399 11.7377C35.0417 11.1874 34.9343 10.6423 34.7241 10.1338C34.5139 9.62535 34.205 9.16356 33.8152 8.77518H33.7967ZM0.795762 23.7743C0.415598 24.1549 0.156793 24.6396 0.0520611 25.1672C-0.0526711 25.6949 0.00137099 26.2417 0.207356 26.7386C0.413341 27.2356 0.762022 27.6602 1.20932 27.959C1.65663 28.2578 2.18247 28.4173 2.72039 28.4173C3.25831 28.4173 3.78416 28.2578 4.23146 27.959C4.67876 27.6602 5.02744 27.2356 5.23343 26.7386C5.43941 26.2417 5.49345 25.6949 5.38872 25.1672C5.28399 24.6396 5.02519 24.1549 4.64502 23.7743C4.39238 23.5214 4.09235 23.3208 3.76211 23.1839C3.43187 23.047 3.07788 22.9765 2.72039 22.9765C2.3629 22.9765 2.00892 23.047 1.67868 23.1839C1.34843 23.3208 1.04841 23.5214 0.795762 23.7743ZM40.5375 16.0203C40.0044 15.4869 39.3252 15.1236 38.5856 14.9764C37.8461 14.8291 37.0794 14.9045 36.3827 15.193C35.686 15.4814 35.0905 15.9701 34.6715 16.597C34.2525 17.224 34.0289 17.9612 34.0289 18.7152C34.0289 19.4693 34.2525 20.2065 34.6715 20.8334C35.0905 21.4604 35.686 21.949 36.3827 22.2375C37.0794 22.526 37.8461 22.6013 38.5856 22.4541C39.3252 22.3068 40.0044 21.9435 40.5375 21.4102C41.2509 20.6947 41.6515 19.7256 41.6515 18.7152C41.6515 17.7049 41.2509 16.7358 40.5375 16.0203Z\"\n fill=\"white\"\n />\n <path\n id=\"Vector_2\"\n d=\"M71.0956 25.9164L73.2562 22.8213C74.352 23.5461 75.5251 24.1466 76.7539 24.6117C77.7336 24.963 78.7665 25.143 79.8074 25.1438C80.8503 25.1919 81.884 24.9294 82.7776 24.3896C83.1242 24.1895 83.412 23.9015 83.6118 23.5546C83.8116 23.2078 83.9164 22.8144 83.9157 22.4141C83.9268 22.1315 83.8719 21.8502 83.7555 21.5924C83.639 21.3347 83.4642 21.1075 83.2449 20.929C82.6082 20.4865 81.8757 20.2011 81.1074 20.0962L77.4849 19.4855C75.5325 19.1339 74.0612 18.4893 73.0712 17.5516C72.5741 17.0762 72.1845 16.5 71.9284 15.8617C71.6722 15.2233 71.5555 14.5376 71.586 13.8504C71.5595 12.9699 71.7429 12.0958 72.121 11.3001C72.4991 10.5045 73.0611 9.81028 73.7605 9.2748C75.2132 8.12126 77.1194 7.54449 79.4789 7.54449C80.8634 7.54192 82.2409 7.73984 83.5687 8.13207C84.9587 8.56065 86.2811 9.18369 87.4966 9.98267L85.3407 12.9945C84.3808 12.3619 83.3396 11.8623 82.2455 11.5094C81.2587 11.2008 80.2306 11.0448 79.1967 11.0468C78.3047 11.0039 77.4198 11.2243 76.6521 11.6806C76.3506 11.8643 76.1031 12.1247 75.9349 12.4351C75.7667 12.7456 75.6837 13.095 75.6944 13.4479C75.6752 13.7252 75.7227 14.0031 75.833 14.2583C75.9433 14.5135 76.1131 14.7385 76.3282 14.9145C77.0137 15.3374 77.7851 15.6014 78.586 15.6872L82.1669 16.3719C84.2025 16.7513 85.7108 17.4175 86.7055 18.3659C87.1989 18.8441 87.5862 19.4207 87.8421 20.0584C88.098 20.6961 88.2167 21.3805 88.1906 22.0671C88.1981 22.9658 87.9886 23.853 87.5799 24.6534C87.1532 25.4753 86.5571 26.1974 85.8311 26.7723C85.0386 27.3887 84.1424 27.8587 83.1847 28.1602C82.1274 28.505 81.0213 28.6769 79.9092 28.6692C78.2476 28.6847 76.5935 28.4444 75.005 27.9567C73.5821 27.5361 72.2544 26.8432 71.0956 25.9164ZM100.641 24.6117C101.587 24.618 102.523 24.4241 103.389 24.0427C104.235 23.6676 104.981 23.0967 105.563 22.3771L108.339 25.153C107.361 26.2602 106.153 27.1412 104.8 27.7346C103.407 28.3692 101.894 28.6959 100.363 28.6923C98.9721 28.7003 97.5944 28.4232 96.3148 27.878C95.0842 27.3582 93.9703 26.5968 93.0392 25.6388C92.1011 24.6655 91.3625 23.5182 90.8647 22.2614C90.3283 20.9393 90.0578 19.5243 90.069 18.0976C90.0587 16.6814 90.3292 15.2772 90.8647 13.9661C91.3577 12.7244 92.0937 11.5937 93.0296 10.6403C93.9655 9.6869 95.0824 8.93009 96.3148 8.41428C97.5937 7.86683 98.9719 7.5896 100.363 7.60001C101.907 7.59334 103.436 7.89699 104.86 8.49292C106.244 9.06069 107.488 9.92264 108.506 11.019L105.656 13.9892C105.001 13.2449 104.203 12.6393 103.31 12.208C102.442 11.8003 101.493 11.5916 100.534 11.5973C99.7439 11.5885 98.9613 11.7534 98.2418 12.0803C97.5222 12.4073 96.8833 12.8884 96.3703 13.4896C95.2698 14.7799 94.6653 16.4202 94.6653 18.1161C94.6653 19.812 95.2698 21.4523 96.3703 22.7426C96.904 23.3451 97.5624 23.8243 98.2998 24.147C99.0371 24.4698 99.8358 24.6283 100.641 24.6117ZM127.581 25.6712C126.445 26.635 125.159 27.4056 123.773 27.9521C122.398 28.4538 120.943 28.7015 119.48 28.683C118.083 28.6902 116.699 28.4132 115.413 27.8688C114.168 27.3529 113.041 26.5895 112.1 25.6249C110.161 23.5996 109.082 20.9017 109.089 18.0976C109.079 16.6748 109.334 15.2626 109.843 13.9337C110.313 12.6966 111.018 11.5622 111.92 10.5934C112.837 9.62969 113.942 8.86497 115.167 8.34682C116.392 7.82866 117.71 7.56815 119.04 7.58151C120.334 7.56689 121.616 7.82366 122.804 8.33527C123.992 8.84688 125.06 9.60194 125.938 10.5517C126.817 11.5172 127.5 12.6437 127.951 13.869C128.45 15.2159 128.698 16.6428 128.682 18.0791V19.2218H113.623C113.806 20.7549 114.535 22.1707 115.677 23.2099C116.77 24.2428 118.221 24.8116 119.725 24.7968C120.651 24.8002 121.57 24.6274 122.431 24.2878C123.236 23.9848 123.965 23.5113 124.569 22.8999L127.581 25.6712ZM118.994 11.3059C118.354 11.294 117.717 11.4108 117.123 11.6492C116.529 11.8876 115.988 12.2428 115.533 12.6938C114.536 13.6975 113.887 14.9949 113.683 16.395H124.324C124.107 15.0096 123.459 13.7276 122.473 12.7308C122.019 12.2706 121.477 11.9072 120.879 11.6622C120.281 11.4173 119.64 11.2961 118.994 11.3059ZM131.337 28.2759V7.88685H135.936V11.2272C136.622 10.1019 137.575 9.16403 138.712 8.49755C139.842 7.86651 141.119 7.54718 142.413 7.57225C143.355 7.54099 144.292 7.70768 145.164 8.06153C146.037 8.41538 146.826 8.94851 147.479 9.62642C148.138 10.324 148.651 11.1453 148.989 12.0428C149.327 12.9402 149.484 13.8959 149.45 14.8544V28.2713H144.852V16.1498C144.91 14.8583 144.475 13.5929 143.635 12.6105C143.225 12.1641 142.723 11.8123 142.164 11.5798C141.605 11.3472 141.001 11.2396 140.396 11.2642C139.521 11.2526 138.658 11.4711 137.893 11.8981C137.118 12.3447 136.457 12.9637 135.959 13.707V28.2759H131.337ZM154.785 22.9045V11.5511H150.672V7.88685H154.785V4.70844L159.383 1.29407V7.88685H164.121V11.5511H159.383V21.8867C159.383 22.8922 159.599 23.6047 160.031 24.0241C160.463 24.4436 161.195 24.6534 162.229 24.6534C162.658 24.6567 163.087 24.6226 163.51 24.5516C164.015 24.4575 164.513 24.3292 165 24.1676V28.0307C164.355 28.2301 163.694 28.3741 163.024 28.461C162.37 28.549 161.71 28.5953 161.049 28.5998C159.019 28.5998 157.466 28.1186 156.39 27.1563C155.314 26.194 154.778 24.7767 154.785 22.9045ZM66.6681 9.48763C65.1876 8.21689 63.1396 7.58151 60.5241 7.58151C59.1392 7.58591 57.7598 7.75676 56.4157 8.09042C55.5404 8.30719 54.6797 8.57916 53.8387 8.90469V12.9251C54.8259 12.4616 55.8504 12.0824 56.9015 11.7916C57.7899 11.5487 58.7056 11.4197 59.6265 11.4076C61.1687 11.4076 62.3361 11.7531 63.1288 12.444C63.5322 12.8284 63.8468 13.2962 64.0506 13.8149C64.2544 14.3335 64.3424 14.8904 64.3085 15.4466V17.3388C63.4366 16.9253 62.5231 16.6058 61.5835 16.3858C60.6725 16.1806 59.7414 16.0781 58.8076 16.0804C56.4203 16.0804 54.5281 16.6217 53.1309 17.7043C52.4478 18.2797 51.9039 19.0025 51.5401 19.8182C51.1763 20.6339 51.0021 21.5214 51.0304 22.4141C51.0086 23.2615 51.1788 24.1029 51.5281 24.8752C51.8774 25.6475 52.3969 26.3309 53.0476 26.8741C54.3893 28.0276 56.1181 28.6028 58.2339 28.5998C59.3319 28.6126 60.4225 28.4196 61.4494 28.0307C62.5061 27.5964 63.4726 26.9688 64.2993 26.1801V28.2574H68.8564V14.9839C68.8626 12.6152 68.1331 10.7862 66.6681 9.4969V9.48763ZM64.3085 23.7095C63.6542 24.2639 62.9028 24.6921 62.0924 24.9726C61.2581 25.2476 60.3847 25.3851 59.5062 25.3797C58.4382 25.4329 57.3817 25.1391 56.4944 24.5423C56.1352 24.2968 55.843 23.9655 55.6443 23.5786C55.4456 23.1916 55.3466 22.7611 55.3562 22.3262C55.3445 21.8528 55.441 21.383 55.6382 20.9525C55.8354 20.5219 56.1282 20.1421 56.4944 19.8418C57.2531 19.3144 58.0813 19.0506 59.5895 19.0506C60.4213 19.0449 61.2518 19.1193 62.0693 19.2727C62.8449 19.4274 63.5974 19.6808 64.3085 20.0268V23.7095Z\"\n fill=\"white\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_2238_42055\">\n <rect width=\"165\" height=\"28.689\" fill=\"white\" transform=\"translate(0 -0.00598145)\" />\n </clipPath>\n </defs>\n </svg>\n }\n </picture>\n}\n", styles: [".ads-ascent-logo:not(.invert-theme) .teal-logo{display:inline-block}.ads-ascent-logo:not(.invert-theme) .white-logo{display:none}.ads-ascent-logo.invert-theme .teal-logo{display:none}.ads-ascent-logo.invert-theme .white-logo{display:inline-block}@media(prefers-color-scheme:dark){.ads-ascent-logo:not(.invert-theme) .teal-logo{display:none}.ads-ascent-logo:not(.invert-theme) .white-logo{display:inline-block}.ads-ascent-logo.invert-theme .teal-logo{display:inline-block}.ads-ascent-logo.invert-theme .white-logo{display:none}}svg:not(.collapsed).large{width:165px;height:29px}svg:not(.collapsed).small{width:123px;height:21px}svg.large{width:42px;height:29px}svg.small{width:31px;height:21px}.regular-logo{fill:var(--color-dark)}\n"] }]
|
|
1783
1782
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { invertTheme: [{
|
|
1784
1783
|
type: Input
|
|
1785
1784
|
}], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
|
|
@@ -1804,7 +1803,7 @@ class AdsScmsLogoComponent extends AbstractApplicationLogoComponent {
|
|
|
1804
1803
|
}
|
|
1805
1804
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsScmsLogoComponent, decorators: [{
|
|
1806
1805
|
type: Component,
|
|
1807
|
-
args: [{ selector: 'ads-scms-logo', imports: [CommonModule, AdsAscentLogoComponent], template: "<div class=\"logo-container\" [class.hover-effect]=\"enableHoverEffect()\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 198.93 197.74\">\n <defs>\n <linearGradient id=\"linear-gradient\" x1=\"36.05\" y1=\"164.2\" x2=\"161.84\" y2=\"38.41\" gradientUnits=\"userSpaceOnUse\">\n <stop offset=\"0\" stop-color=\"#004987\"/>\n <stop offset=\".25\" stop-color=\"#004c89\"/>\n <stop offset=\".44\" stop-color=\"#00558f\"/>\n <stop offset=\".62\" stop-color=\"#00669a\"/>\n <stop offset=\".78\" stop-color=\"#007da9\"/>\n <stop offset=\".93\" stop-color=\"#009abd\"/>\n <stop offset=\"1\" stop-color=\"#00abc8\"/>\n </linearGradient>\n </defs>\n <path class=\"st0\" d=\"M60.18,76.54c7.11,7.11,7.11,18.63,0,25.74-7.11,7.11-18.63,7.11-25.74,0-7.11-7.11-7.11-18.63,0-25.74,7.11-7.11,18.63-7.11,25.74,0ZM94.79,41.93c-7.8-7.8-20.45-7.8-28.25,0-7.8,7.8-7.8,20.45,0,28.25,7.8,7.8,20.45,7.8,28.25,0,7.8-7.8,7.8-20.45,0-28.25ZM130.07,38.75c8.87-8.87,8.87-23.24,0-32.1-8.87-8.87-23.24-8.87-32.1,0-8.87,8.87-8.87,23.24,0,32.1,8.87,8.87,23.24,8.87,32.1,0ZM71.47,113.57c-5.08,5.08-5.08,13.31,0,18.39,5.08,5.08,13.31,5.08,18.39,0,5.08-5.08,5.08-13.31,0-18.39-5.08-5.08-13.31-5.08-18.39,0ZM101.15,76.54c-7.11,7.11-7.11,18.63,0,25.74,7.11,7.11,18.63,7.11,25.74,0,7.11-7.11,7.11-18.63,0-25.74-7.11-7.11-18.63-7.11-25.74,0ZM161.5,41.93c-7.8-7.8-20.45-7.8-28.25,0-7.8,7.8-7.8,20.45,0,28.25,7.8,7.8,20.45,7.8,28.25,0,7.8-7.8,7.8-20.45,0-28.25ZM3.81,113.57c-5.08,5.08-5.08,13.31,0,18.39,5.08,5.08,13.31,5.08,18.39,0,5.08-5.08,5.08-13.31,0-18.39-5.08-5.08-13.31-5.08-18.39,0ZM193.6,76.54c-7.11-7.11-18.63-7.11-25.74,0-7.11,7.11-7.11,18.63,0,25.74,7.11,7.11,18.63,7.11,25.74,0,7.11-7.11,7.11-18.63,0-25.74Z\"/>\n <path class=\"st1\" d=\"M35.14,192.93l3.75-5.37c2.31,1.46,4.34,2.5,6.08,3.11,1.74.61,3.51.92,5.3.92,2.12,0,3.84-.44,5.16-1.31,1.32-.87,1.98-2.02,1.98-3.43,0-1.08-.39-1.94-1.17-2.58s-2.02-1.12-3.71-1.45l-6.29-1.06c-3.39-.61-5.95-1.73-7.67-3.36-1.72-1.63-2.58-3.76-2.58-6.4,0-3.3,1.26-5.95,3.78-7.95,2.52-2,5.83-3.01,9.93-3.01,2.45,0,4.82.34,7.11,1.03,2.29.68,4.56,1.76,6.82,3.22l-3.75,5.23c-1.84-1.18-3.63-2.04-5.37-2.58-1.74-.54-3.51-.81-5.3-.81s-3.31.37-4.42,1.1c-1.11.73-1.66,1.76-1.66,3.08,0,1.13.36,1.98,1.1,2.55.73.57,2.04,1.01,3.92,1.34l6.22,1.13c3.54.66,6.16,1.82,7.88,3.46,1.72,1.65,2.58,3.79,2.58,6.43,0,1.6-.37,3.11-1.1,4.53-.73,1.41-1.74,2.64-3.04,3.68-1.3,1.04-2.83,1.85-4.6,2.44-1.77.59-3.67.88-5.69.88-3.06,0-5.9-.41-8.52-1.24-2.62-.82-4.87-2.02-6.75-3.57ZM86.47,190.67c1.7,0,3.29-.33,4.77-.99,1.48-.66,2.75-1.63,3.78-2.9l4.81,4.81c-1.65,1.89-3.7,3.38-6.15,4.49-2.45,1.11-5.02,1.66-7.71,1.66-2.5,0-4.84-.47-7.04-1.41-2.19-.94-4.09-2.24-5.69-3.89-1.6-1.65-2.86-3.61-3.78-5.87-.92-2.26-1.38-4.67-1.38-7.21s.46-4.94,1.38-7.18c.92-2.24,2.18-4.17,3.78-5.8,1.6-1.63,3.5-2.91,5.69-3.85,2.19-.94,4.54-1.41,7.04-1.41,2.73,0,5.34.52,7.81,1.56,2.47,1.04,4.58,2.5,6.33,4.38l-4.95,5.16c-1.23-1.37-2.59-2.4-4.1-3.11-1.51-.71-3.11-1.06-4.81-1.06-2.83,0-5.23,1.1-7.21,3.29-1.98,2.19-2.97,4.87-2.97,8.03s.99,5.89,2.97,8.06c1.98,2.17,4.45,3.25,7.42,3.25ZM133.28,192.51c-2.17,1.79-4.37,3.11-6.61,3.96-2.24.85-4.73,1.27-7.46,1.27-2.5,0-4.86-.47-7.07-1.41-2.22-.94-4.13-2.24-5.73-3.89-1.6-1.65-2.88-3.61-3.82-5.87-.94-2.26-1.41-4.67-1.41-7.21s.44-5.01,1.31-7.25c.87-2.24,2.07-4.17,3.61-5.8,1.53-1.63,3.36-2.91,5.48-3.85,2.12-.94,4.41-1.41,6.86-1.41s4.63.46,6.68,1.38c2.05.92,3.82,2.18,5.3,3.78,1.48,1.6,2.65,3.52,3.5,5.76.85,2.24,1.27,4.68,1.27,7.32v1.98h-26.16c.38,2.78,1.57,5.09,3.57,6.93,2,1.84,4.35,2.76,7.04,2.76,1.65,0,3.22-.29,4.7-.88,1.48-.59,2.72-1.4,3.71-2.44l5.23,4.88ZM118.36,167.55c-2.36,0-4.36.8-6.01,2.4-1.65,1.6-2.71,3.75-3.18,6.43h18.45c-.47-2.59-1.54-4.71-3.22-6.36-1.67-1.65-3.69-2.47-6.05-2.47ZM139.81,197.04v-35.42h7.99v5.8c1.32-2.07,2.93-3.65,4.84-4.74,1.91-1.08,4.04-1.63,6.4-1.63,3.58,0,6.52,1.19,8.8,3.57,2.29,2.38,3.43,5.41,3.43,9.09v23.33h-7.99v-21.07c0-2.55-.71-4.6-2.12-6.15-1.41-1.56-3.3-2.33-5.66-2.33-1.6,0-3.05.37-4.35,1.1-1.3.73-2.42,1.78-3.36,3.15v25.31h-7.99ZM180.54,187.7v-19.73h-7.14v-6.36h7.14v-5.52l7.99-5.93v11.45h8.23v6.36h-8.23v17.96c0,1.74.38,2.98,1.13,3.71.75.73,2.03,1.1,3.82,1.1.8,0,1.54-.06,2.23-.18.68-.12,1.54-.34,2.58-.67v6.72c-1.04.33-2.18.58-3.43.74-1.25.16-2.39.25-3.43.25-3.54,0-6.23-.84-8.1-2.51-1.86-1.67-2.79-4.14-2.79-7.39ZM27.44,164.4c-2.55-2.24-6.11-3.36-10.68-3.36-2.36,0-4.74.3-7.14.88-1.45.36-2.94.83-4.48,1.41v6.99c1.92-.88,3.7-1.54,5.32-1.97,1.7-.45,3.28-.67,4.74-.67,2.69,0,4.71.6,6.08,1.8,1.37,1.2,2.05,2.96,2.05,5.27v3.29c-1.6-.75-3.18-1.31-4.74-1.66-1.56-.35-3.16-.53-4.81-.53-4.15,0-7.44.94-9.86,2.83-2.43,1.89-3.64,5.01-3.64,8.17s1.17,5.74,3.5,7.74c2.33,2,5.34,3.01,9.02,3.01,2.03,0,3.89-.33,5.59-.99,1.7-.66,3.35-1.72,4.95-3.18v3.61h7.92v-23.12c0-4.1-1.27-7.27-3.82-9.51ZM23.34,189.12c-1.18.99-2.46,1.72-3.85,2.19-1.39.47-2.89.71-4.49.71-2.17,0-3.91-.48-5.23-1.45-1.32-.97-1.98-2.25-1.98-3.85s.66-3.39,1.98-4.31c1.32-.92,2.75-1.38,5.37-1.38,1.56,0,2.99.13,4.31.39,1.32.26,2.62.7,3.89,1.31v6.4Z\"/>\n </svg>\n</div>\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%}svg{scale:.7}.st0{fill:url(#linear-gradient)}.st1{fill:#004987}.logo-container.hover-effect:hover .st0,.logo-container.hover-effect:hover .st1{fill:#fff}.logo-container.hover-effect:hover svg stop{stop-color:#fff}@media(prefers-color-scheme:dark){.st0,.st1{fill:#fff}svg stop{stop-color:#fff}.logo-container.hover-effect:hover .st0,.logo-container.hover-effect:hover .st1{fill:#fff}.logo-container.hover-effect:hover svg stop{stop-color:#fff}}\n"] }]
|
|
1806
|
+
args: [{ selector: 'ads-scms-logo', imports: [CommonModule], template: "<div class=\"logo-container\" [class.hover-effect]=\"enableHoverEffect()\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 198.93 197.74\">\n <defs>\n <linearGradient id=\"linear-gradient\" x1=\"36.05\" y1=\"164.2\" x2=\"161.84\" y2=\"38.41\" gradientUnits=\"userSpaceOnUse\">\n <stop offset=\"0\" stop-color=\"#004987\"/>\n <stop offset=\".25\" stop-color=\"#004c89\"/>\n <stop offset=\".44\" stop-color=\"#00558f\"/>\n <stop offset=\".62\" stop-color=\"#00669a\"/>\n <stop offset=\".78\" stop-color=\"#007da9\"/>\n <stop offset=\".93\" stop-color=\"#009abd\"/>\n <stop offset=\"1\" stop-color=\"#00abc8\"/>\n </linearGradient>\n </defs>\n <path class=\"st0\" d=\"M60.18,76.54c7.11,7.11,7.11,18.63,0,25.74-7.11,7.11-18.63,7.11-25.74,0-7.11-7.11-7.11-18.63,0-25.74,7.11-7.11,18.63-7.11,25.74,0ZM94.79,41.93c-7.8-7.8-20.45-7.8-28.25,0-7.8,7.8-7.8,20.45,0,28.25,7.8,7.8,20.45,7.8,28.25,0,7.8-7.8,7.8-20.45,0-28.25ZM130.07,38.75c8.87-8.87,8.87-23.24,0-32.1-8.87-8.87-23.24-8.87-32.1,0-8.87,8.87-8.87,23.24,0,32.1,8.87,8.87,23.24,8.87,32.1,0ZM71.47,113.57c-5.08,5.08-5.08,13.31,0,18.39,5.08,5.08,13.31,5.08,18.39,0,5.08-5.08,5.08-13.31,0-18.39-5.08-5.08-13.31-5.08-18.39,0ZM101.15,76.54c-7.11,7.11-7.11,18.63,0,25.74,7.11,7.11,18.63,7.11,25.74,0,7.11-7.11,7.11-18.63,0-25.74-7.11-7.11-18.63-7.11-25.74,0ZM161.5,41.93c-7.8-7.8-20.45-7.8-28.25,0-7.8,7.8-7.8,20.45,0,28.25,7.8,7.8,20.45,7.8,28.25,0,7.8-7.8,7.8-20.45,0-28.25ZM3.81,113.57c-5.08,5.08-5.08,13.31,0,18.39,5.08,5.08,13.31,5.08,18.39,0,5.08-5.08,5.08-13.31,0-18.39-5.08-5.08-13.31-5.08-18.39,0ZM193.6,76.54c-7.11-7.11-18.63-7.11-25.74,0-7.11,7.11-7.11,18.63,0,25.74,7.11,7.11,18.63,7.11,25.74,0,7.11-7.11,7.11-18.63,0-25.74Z\"/>\n <path class=\"st1\" d=\"M35.14,192.93l3.75-5.37c2.31,1.46,4.34,2.5,6.08,3.11,1.74.61,3.51.92,5.3.92,2.12,0,3.84-.44,5.16-1.31,1.32-.87,1.98-2.02,1.98-3.43,0-1.08-.39-1.94-1.17-2.58s-2.02-1.12-3.71-1.45l-6.29-1.06c-3.39-.61-5.95-1.73-7.67-3.36-1.72-1.63-2.58-3.76-2.58-6.4,0-3.3,1.26-5.95,3.78-7.95,2.52-2,5.83-3.01,9.93-3.01,2.45,0,4.82.34,7.11,1.03,2.29.68,4.56,1.76,6.82,3.22l-3.75,5.23c-1.84-1.18-3.63-2.04-5.37-2.58-1.74-.54-3.51-.81-5.3-.81s-3.31.37-4.42,1.1c-1.11.73-1.66,1.76-1.66,3.08,0,1.13.36,1.98,1.1,2.55.73.57,2.04,1.01,3.92,1.34l6.22,1.13c3.54.66,6.16,1.82,7.88,3.46,1.72,1.65,2.58,3.79,2.58,6.43,0,1.6-.37,3.11-1.1,4.53-.73,1.41-1.74,2.64-3.04,3.68-1.3,1.04-2.83,1.85-4.6,2.44-1.77.59-3.67.88-5.69.88-3.06,0-5.9-.41-8.52-1.24-2.62-.82-4.87-2.02-6.75-3.57ZM86.47,190.67c1.7,0,3.29-.33,4.77-.99,1.48-.66,2.75-1.63,3.78-2.9l4.81,4.81c-1.65,1.89-3.7,3.38-6.15,4.49-2.45,1.11-5.02,1.66-7.71,1.66-2.5,0-4.84-.47-7.04-1.41-2.19-.94-4.09-2.24-5.69-3.89-1.6-1.65-2.86-3.61-3.78-5.87-.92-2.26-1.38-4.67-1.38-7.21s.46-4.94,1.38-7.18c.92-2.24,2.18-4.17,3.78-5.8,1.6-1.63,3.5-2.91,5.69-3.85,2.19-.94,4.54-1.41,7.04-1.41,2.73,0,5.34.52,7.81,1.56,2.47,1.04,4.58,2.5,6.33,4.38l-4.95,5.16c-1.23-1.37-2.59-2.4-4.1-3.11-1.51-.71-3.11-1.06-4.81-1.06-2.83,0-5.23,1.1-7.21,3.29-1.98,2.19-2.97,4.87-2.97,8.03s.99,5.89,2.97,8.06c1.98,2.17,4.45,3.25,7.42,3.25ZM133.28,192.51c-2.17,1.79-4.37,3.11-6.61,3.96-2.24.85-4.73,1.27-7.46,1.27-2.5,0-4.86-.47-7.07-1.41-2.22-.94-4.13-2.24-5.73-3.89-1.6-1.65-2.88-3.61-3.82-5.87-.94-2.26-1.41-4.67-1.41-7.21s.44-5.01,1.31-7.25c.87-2.24,2.07-4.17,3.61-5.8,1.53-1.63,3.36-2.91,5.48-3.85,2.12-.94,4.41-1.41,6.86-1.41s4.63.46,6.68,1.38c2.05.92,3.82,2.18,5.3,3.78,1.48,1.6,2.65,3.52,3.5,5.76.85,2.24,1.27,4.68,1.27,7.32v1.98h-26.16c.38,2.78,1.57,5.09,3.57,6.93,2,1.84,4.35,2.76,7.04,2.76,1.65,0,3.22-.29,4.7-.88,1.48-.59,2.72-1.4,3.71-2.44l5.23,4.88ZM118.36,167.55c-2.36,0-4.36.8-6.01,2.4-1.65,1.6-2.71,3.75-3.18,6.43h18.45c-.47-2.59-1.54-4.71-3.22-6.36-1.67-1.65-3.69-2.47-6.05-2.47ZM139.81,197.04v-35.42h7.99v5.8c1.32-2.07,2.93-3.65,4.84-4.74,1.91-1.08,4.04-1.63,6.4-1.63,3.58,0,6.52,1.19,8.8,3.57,2.29,2.38,3.43,5.41,3.43,9.09v23.33h-7.99v-21.07c0-2.55-.71-4.6-2.12-6.15-1.41-1.56-3.3-2.33-5.66-2.33-1.6,0-3.05.37-4.35,1.1-1.3.73-2.42,1.78-3.36,3.15v25.31h-7.99ZM180.54,187.7v-19.73h-7.14v-6.36h7.14v-5.52l7.99-5.93v11.45h8.23v6.36h-8.23v17.96c0,1.74.38,2.98,1.13,3.71.75.73,2.03,1.1,3.82,1.1.8,0,1.54-.06,2.23-.18.68-.12,1.54-.34,2.58-.67v6.72c-1.04.33-2.18.58-3.43.74-1.25.16-2.39.25-3.43.25-3.54,0-6.23-.84-8.1-2.51-1.86-1.67-2.79-4.14-2.79-7.39ZM27.44,164.4c-2.55-2.24-6.11-3.36-10.68-3.36-2.36,0-4.74.3-7.14.88-1.45.36-2.94.83-4.48,1.41v6.99c1.92-.88,3.7-1.54,5.32-1.97,1.7-.45,3.28-.67,4.74-.67,2.69,0,4.71.6,6.08,1.8,1.37,1.2,2.05,2.96,2.05,5.27v3.29c-1.6-.75-3.18-1.31-4.74-1.66-1.56-.35-3.16-.53-4.81-.53-4.15,0-7.44.94-9.86,2.83-2.43,1.89-3.64,5.01-3.64,8.17s1.17,5.74,3.5,7.74c2.33,2,5.34,3.01,9.02,3.01,2.03,0,3.89-.33,5.59-.99,1.7-.66,3.35-1.72,4.95-3.18v3.61h7.92v-23.12c0-4.1-1.27-7.27-3.82-9.51ZM23.34,189.12c-1.18.99-2.46,1.72-3.85,2.19-1.39.47-2.89.71-4.49.71-2.17,0-3.91-.48-5.23-1.45-1.32-.97-1.98-2.25-1.98-3.85s.66-3.39,1.98-4.31c1.32-.92,2.75-1.38,5.37-1.38,1.56,0,2.99.13,4.31.39,1.32.26,2.62.7,3.89,1.31v6.4Z\"/>\n </svg>\n</div>\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%}svg{scale:.7}.st0{fill:url(#linear-gradient)}.st1{fill:#004987}.logo-container.hover-effect:hover .st0,.logo-container.hover-effect:hover .st1{fill:#fff}.logo-container.hover-effect:hover svg stop{stop-color:#fff}@media(prefers-color-scheme:dark){.st0,.st1{fill:#fff}svg stop{stop-color:#fff}.logo-container.hover-effect:hover .st0,.logo-container.hover-effect:hover .st1{fill:#fff}.logo-container.hover-effect:hover svg stop{stop-color:#fff}}\n"] }]
|
|
1808
1807
|
}] });
|
|
1809
1808
|
|
|
1810
1809
|
class AdsGenericLogoComponent extends AbstractApplicationLogoComponent {
|
|
@@ -1884,13 +1883,13 @@ class AdsCxaLogoComponent extends AbstractApplicationLogoComponent {
|
|
|
1884
1883
|
}
|
|
1885
1884
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsCxaLogoComponent, decorators: [{
|
|
1886
1885
|
type: Component,
|
|
1887
|
-
args: [{ selector: 'ads-cxa-logo', imports: [CommonModule, AdsPrimaryLogoComponent, AdsIconComponent], template: "<div class=\"logo-container\" [class.hover-effect]=\"enableHoverEffect()\">\n <div class=\"logo-sub-container\">\n <ads-icon name=\"star_full\" class=\"icon\" [size]=\"'xl'\" aria-hidden=\"true\" />\n <span class=\"title\">{{ label }}</span>\n </div>\n</div>\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}}.title{font-size:.9rem;line-height:.9rem}@media screen and (max-width:480px){.title{font-size:.55rem;line-height:.55rem}}.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"] }]
|
|
1886
|
+
args: [{ selector: 'ads-cxa-logo', imports: [CommonModule, AdsIconComponent], template: "<div class=\"logo-container\" [class.hover-effect]=\"enableHoverEffect()\">\n <div class=\"logo-sub-container\">\n <ads-icon name=\"star_full\" class=\"icon\" [size]=\"'xl'\" aria-hidden=\"true\" />\n <span class=\"title\">{{ label }}</span>\n </div>\n</div>\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}}.title{font-size:.9rem;line-height:.9rem}@media screen and (max-width:480px){.title{font-size:.55rem;line-height:.55rem}}.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"] }]
|
|
1888
1887
|
}], ctorParameters: () => [] });
|
|
1889
1888
|
|
|
1890
1889
|
class AdsCustomerPortalLogoComponent extends AbstractApplicationLogoComponent {
|
|
1891
1890
|
constructor() {
|
|
1892
1891
|
super();
|
|
1893
|
-
this.label = '
|
|
1892
|
+
this.label = 'ECAP';
|
|
1894
1893
|
this.iconRegistry = inject(AdsIconRegistry);
|
|
1895
1894
|
this.iconRegistry.register([adsIconUsers]);
|
|
1896
1895
|
}
|
|
@@ -1899,7 +1898,7 @@ class AdsCustomerPortalLogoComponent extends AbstractApplicationLogoComponent {
|
|
|
1899
1898
|
}
|
|
1900
1899
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsCustomerPortalLogoComponent, decorators: [{
|
|
1901
1900
|
type: Component,
|
|
1902
|
-
args: [{ selector: 'ads-customer-portal-logo', imports: [CommonModule, AdsPrimaryLogoComponent, AdsIconComponent], template: "<div class=\"logo-container\" [class.hover-effect]=\"enableHoverEffect()\">\n <div class=\"logo-sub-container\">\n <ads-icon name=\"users\" class=\"icon\" [size]=\"'xl'\" aria-hidden=\"true\" />\n <span class=\"title\">{{ label }}</span>\n </div>\n</div>\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"] }]
|
|
1901
|
+
args: [{ selector: 'ads-customer-portal-logo', imports: [CommonModule, AdsIconComponent], template: "<div class=\"logo-container\" [class.hover-effect]=\"enableHoverEffect()\">\n <div class=\"logo-sub-container\">\n <ads-icon name=\"users\" class=\"icon\" [size]=\"'xl'\" aria-hidden=\"true\" />\n <span class=\"title\">{{ label }}</span>\n </div>\n</div>\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"] }]
|
|
1903
1902
|
}], ctorParameters: () => [] });
|
|
1904
1903
|
|
|
1905
1904
|
class AdsPilotPayLogoComponent extends AbstractApplicationLogoComponent {
|
|
@@ -1908,7 +1907,7 @@ class AdsPilotPayLogoComponent extends AbstractApplicationLogoComponent {
|
|
|
1908
1907
|
}
|
|
1909
1908
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsPilotPayLogoComponent, decorators: [{
|
|
1910
1909
|
type: Component,
|
|
1911
|
-
args: [{ selector: 'ads-pilot-pay-logo', imports: [CommonModule, AdsPrimaryLogoComponent], template: "<div class=\"logo-container\" [class.hover-effect]=\"enableHoverEffect()\" >\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 600 360\">\n\n <!-- Minimal Wings (y=80, shifted horizontally) -->\n <g transform=\"translate(20,80)\">\n <rect class=\"wing\" x=\"40\" y=\"60\" width=\"130\" height=\"18\" rx=\"4\"/>\n <rect class=\"wing\" x=\"55\" y=\"90\" width=\"115\" height=\"18\" rx=\"4\"/>\n <rect class=\"wing\" x=\"70\" y=\"120\" width=\"100\" height=\"18\" rx=\"4\"/>\n </g>\n\n <g transform=\"translate(580,80) scale(-1,1)\">\n <rect class=\"wing\" x=\"40\" y=\"60\" width=\"130\" height=\"18\" rx=\"4\"/>\n <rect class=\"wing\" x=\"55\" y=\"90\" width=\"115\" height=\"18\" rx=\"4\"/>\n <rect class=\"wing\" x=\"70\" y=\"120\" width=\"100\" height=\"18\" rx=\"4\"/>\n </g>\n\n <!-- USA / JET -->\n <text x=\"210\" y=\"70\" class=\"text-small\">USA</text>\n <text x=\"390\" y=\"70\" class=\"text-small\">JET</text>\n\n <!-- Shield (transparent, with thicker outline) -->\n <path class=\"shield\"\n d=\"M300 75\n C240 75 200 105 200 155\n L200 245\n C200 300 260 330 300 345\n C340 330 400 300 400 245\n L400 155\n C400 105 360 75 300 75 Z\"/>\n\n <!-- Crown ABOVE shield (moved 5px down previously) -->\n <polygon class=\"crown\"\n points=\"300,10 280,60 255,30 255,95 345,95 345,30 320,60\"/>\n\n <!-- Main Text -->\n <text x=\"300\" y=\"195\" class=\"text-blue\">PILOT</text>\n <text x=\"300\" y=\"270\" class=\"text-green\">PAY</text>\n\n <!-- Stars -->\n <circle cx=\"300\" cy=\"310\" r=\"7\" class=\"star\"/>\n <circle cx=\"275\" cy=\"315\" r=\"7\" class=\"star\"/>\n <circle cx=\"325\" cy=\"315\" r=\"7\" class=\"star\"/>\n </svg>\n</div>\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%}svg{pointer-events:none}.wing,.crown,.star{fill:var(--color-medium-50)}.shield{fill:none;stroke:var(--color-primary);stroke-width:12}.text-small{fill:var(--color-error-pressed);font-weight:700;font-size:28px;font-family:Arial,sans-serif;text-anchor:middle}.text-blue{fill:var(--color-primary);font-weight:800;font-size:46.75px;font-family:Arial,sans-serif;text-anchor:middle}.text-green{fill:var(--color-success);font-weight:800;font-size:63.75px;font-family:Arial,sans-serif;text-anchor:middle}.logo-container.hover-effect:hover .shield{stroke:var(--color-white)}.logo-container.hover-effect:hover .text-blue,.logo-container.hover-effect:hover .text-green,.logo-container.hover-effect:hover .text-small,.logo-container.hover-effect:hover .wing,.logo-container.hover-effect:hover .crown,.logo-container.hover-effect:hover .star{fill:var(--color-white)}@media(prefers-color-scheme:dark){.shield{stroke:var(--color-dark)}.text-blue,.text-green,.text-small,.wing,.crown,.star{fill:var(--color-dark)}.logo-container.hover-effect:hover .shield{stroke:var(--color-dark)}.logo-container.hover-effect:hover .text-blue,.logo-container.hover-effect:hover .text-green,.logo-container.hover-effect:hover .text-small,.logo-container.hover-effect:hover .wing,.logo-container.hover-effect:hover .crown,.logo-container.hover-effect:hover .star{fill:var(--color-dark)}}\n"] }]
|
|
1910
|
+
args: [{ selector: 'ads-pilot-pay-logo', imports: [CommonModule], template: "<div class=\"logo-container\" [class.hover-effect]=\"enableHoverEffect()\" >\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 600 360\">\n\n <!-- Minimal Wings (y=80, shifted horizontally) -->\n <g transform=\"translate(20,80)\">\n <rect class=\"wing\" x=\"40\" y=\"60\" width=\"130\" height=\"18\" rx=\"4\"/>\n <rect class=\"wing\" x=\"55\" y=\"90\" width=\"115\" height=\"18\" rx=\"4\"/>\n <rect class=\"wing\" x=\"70\" y=\"120\" width=\"100\" height=\"18\" rx=\"4\"/>\n </g>\n\n <g transform=\"translate(580,80) scale(-1,1)\">\n <rect class=\"wing\" x=\"40\" y=\"60\" width=\"130\" height=\"18\" rx=\"4\"/>\n <rect class=\"wing\" x=\"55\" y=\"90\" width=\"115\" height=\"18\" rx=\"4\"/>\n <rect class=\"wing\" x=\"70\" y=\"120\" width=\"100\" height=\"18\" rx=\"4\"/>\n </g>\n\n <!-- USA / JET -->\n <text x=\"210\" y=\"70\" class=\"text-small\">USA</text>\n <text x=\"390\" y=\"70\" class=\"text-small\">JET</text>\n\n <!-- Shield (transparent, with thicker outline) -->\n <path class=\"shield\"\n d=\"M300 75\n C240 75 200 105 200 155\n L200 245\n C200 300 260 330 300 345\n C340 330 400 300 400 245\n L400 155\n C400 105 360 75 300 75 Z\"/>\n\n <!-- Crown ABOVE shield (moved 5px down previously) -->\n <polygon class=\"crown\"\n points=\"300,10 280,60 255,30 255,95 345,95 345,30 320,60\"/>\n\n <!-- Main Text -->\n <text x=\"300\" y=\"195\" class=\"text-blue\">PILOT</text>\n <text x=\"300\" y=\"270\" class=\"text-green\">PAY</text>\n\n <!-- Stars -->\n <circle cx=\"300\" cy=\"310\" r=\"7\" class=\"star\"/>\n <circle cx=\"275\" cy=\"315\" r=\"7\" class=\"star\"/>\n <circle cx=\"325\" cy=\"315\" r=\"7\" class=\"star\"/>\n </svg>\n</div>\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%}svg{pointer-events:none}.wing,.crown,.star{fill:var(--color-medium-50)}.shield{fill:none;stroke:var(--color-primary);stroke-width:12}.text-small{fill:var(--color-error-pressed);font-weight:700;font-size:28px;font-family:Arial,sans-serif;text-anchor:middle}.text-blue{fill:var(--color-primary);font-weight:800;font-size:46.75px;font-family:Arial,sans-serif;text-anchor:middle}.text-green{fill:var(--color-success);font-weight:800;font-size:63.75px;font-family:Arial,sans-serif;text-anchor:middle}.logo-container.hover-effect:hover .shield{stroke:var(--color-white)}.logo-container.hover-effect:hover .text-blue,.logo-container.hover-effect:hover .text-green,.logo-container.hover-effect:hover .text-small,.logo-container.hover-effect:hover .wing,.logo-container.hover-effect:hover .crown,.logo-container.hover-effect:hover .star{fill:var(--color-white)}@media(prefers-color-scheme:dark){.shield{stroke:var(--color-dark)}.text-blue,.text-green,.text-small,.wing,.crown,.star{fill:var(--color-dark)}.logo-container.hover-effect:hover .shield{stroke:var(--color-dark)}.logo-container.hover-effect:hover .text-blue,.logo-container.hover-effect:hover .text-green,.logo-container.hover-effect:hover .text-small,.logo-container.hover-effect:hover .wing,.logo-container.hover-effect:hover .crown,.logo-container.hover-effect:hover .star{fill:var(--color-dark)}}\n"] }]
|
|
1912
1911
|
}] });
|
|
1913
1912
|
|
|
1914
1913
|
class AdsProgressBarComponent {
|
|
@@ -2059,7 +2058,7 @@ class AdsProgressSpinnerComponent {
|
|
|
2059
2058
|
}
|
|
2060
2059
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsProgressSpinnerComponent, decorators: [{
|
|
2061
2060
|
type: Component,
|
|
2062
|
-
args: [{ selector: 'ads-progress-spinner', imports: [CommonModule,
|
|
2061
|
+
args: [{ selector: 'ads-progress-spinner', imports: [CommonModule, MatProgressSpinnerModule], providers: [{ provide: Window, useValue: window }], changeDetection: ChangeDetectionStrategy.Eager, template: "@if (isSticky) {\n <div class=\"spinner-container\" [ngStyle]=\"{ zIndex }\">\n <div class=\"spinner-overlay\" [ngStyle]=\"getOverlayStyles()\">\n <mat-spinner [diameter]=\"computedDiameter\" aria-label=\"progress spinner\"></mat-spinner>\n </div>\n </div>\n} @else {\n <div class=\"spinner-overlay window\" [ngStyle]=\"{ zIndex }\">\n <mat-spinner [diameter]=\"computedDiameter\" aria-label=\"progress spinner\"></mat-spinner>\n </div>\n}\n", styles: [".spinner-container{position:sticky;display:block;z-index:1;top:0;left:0}.spinner-container .spinner-overlay{position:absolute}.spinner-overlay{width:100%;height:100%;position:fixed;z-index:1;inset:0 auto auto 0;display:flex;align-items:center;justify-content:center;background:var(--color-light)}.spinner-overlay ::ng-deep svg{max-width:unset!important}.spinner-overlay ::ng-deep mat-spinner circle{stroke:var(--color-white)!important}\n"] }]
|
|
2063
2062
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { zIndex: [{
|
|
2064
2063
|
type: Input
|
|
2065
2064
|
}], scrollContainer: [{
|
|
@@ -3186,7 +3185,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
|
|
|
3186
3185
|
MatInputModule,
|
|
3187
3186
|
MatIconButton,
|
|
3188
3187
|
AdsInputTooltipComponent,
|
|
3189
|
-
MatIcon,
|
|
3190
3188
|
AdsErrorComponent,
|
|
3191
3189
|
AdsHintComponent,
|
|
3192
3190
|
AdsSuccessComponent,
|
|
@@ -3342,7 +3340,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
|
|
|
3342
3340
|
MatInputModule,
|
|
3343
3341
|
AdsInputTooltipComponent,
|
|
3344
3342
|
MatIconButton,
|
|
3345
|
-
MatIcon,
|
|
3346
3343
|
AdsSuccessComponent,
|
|
3347
3344
|
AdsErrorComponent,
|
|
3348
3345
|
AdsHintComponent,
|
|
@@ -3462,7 +3459,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
|
|
|
3462
3459
|
AdsErrorComponent,
|
|
3463
3460
|
AdsHintComponent,
|
|
3464
3461
|
NgxMaskDirective,
|
|
3465
|
-
MatAutocompleteTrigger,
|
|
3466
3462
|
], providers: [provideNgxMask()], changeDetection: ChangeDetectionStrategy.Eager, template: "<div [ngStyle]=\"{ minWidth: containerMinWidth }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [floatLabel]=\"valueControl.value ? 'always' : 'auto'\"\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': canClear,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n 'x-small': smallSize,\n 'read-only': readOnly,\n 'suppress-validation': !showValidationError,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <input\n #input\n matInput\n [suffix]=\"suffix\"\n [prefix]=\"prefix\"\n [mask]=\"mask\"\n [maxlength]=\"maxlength\"\n [dropSpecialCharacters]=\"dropSpecialCharacters\"\n [thousandSeparator]=\"thousandSeparator\"\n [decimalMarker]=\"decimalMarker\"\n [outputTransformFn]=\"outputTransformFn\"\n [id]=\"id\"\n [type]=\"isPasswordField ? (hidePassword ? 'password' : 'text') : type\"\n [formControl]=\"valueControl\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n [readonly]=\"readOnly\"\n [tabIndex]=\"readOnly ? -1 : 0\"\n (blur)=\"onBlur($event)\"\n (focus)=\"handleFocusInternal($event)\"\n (keydown)=\"restrictInput($event)\"\n (wheel)=\"preventScroll($event)\"\n (paste)=\"readOnly ? $event.preventDefault() : null\"\n (cut)=\"readOnly ? $event.preventDefault() : null\"\n [attr.matAutocomplete]=\"matAutocomplete ? matAutocomplete : null\"\n [attr.pattern]=\"pattern\"\n />\n @if (rightHint) {\n <span class=\"ads-input-right-hint\">{{ rightHint }}</span>\n }\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\n </button>\n }\n\n @if (isPasswordField) {\n <button type=\"button\" mat-icon-button matTextSuffix (click)=\"showHidePassword()\" class=\"action-icon\">\n <ads-icon\n class=\"visibility-eye\"\n [name]=\"hidePassword ? 'visibility_eye_none' : 'visibility_eye'\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n stroke=\"iconPrimary\"\n color=\"--color-medium\"\n />\n </button>\n }\n\n @if (showClockIcon) {\n <button\n type=\"button\"\n [disableRipple]=\"true\"\n mat-icon-button\n matTextSuffix\n class=\"action-icon time-picker-button\"\n >\n <ads-icon\n class=\"status_processing\"\n name=\"status_processing\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n theme=\"iconPrimary\"\n />\n </button>\n }\n\n @if (showSearchIcon) {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n [disableRipple]=\"true\"\n [disabled]=\"true\"\n class=\"action-icon\"\n >\n <ads-icon name=\"search\" size=\"xs\" [theme]=\"'iconPrimary'\" class=\"search-icon\" />\n </button>\n }\n\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\"\n [class.dynamic]=\"!isStaticFooter\"\n [class.has-content]=\"hasFooterContent()\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n }\n</div>\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"] }]
|
|
3467
3463
|
}], propDecorators: { maxlength: [{
|
|
3468
3464
|
type: Input
|
|
@@ -3572,7 +3568,7 @@ class AdsPhoneFieldComponent extends AbstractInputComponent {
|
|
|
3572
3568
|
}
|
|
3573
3569
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsPhoneFieldComponent, decorators: [{
|
|
3574
3570
|
type: Component,
|
|
3575
|
-
args: [{ selector: 'ads-phone-field', imports: [CommonModule,
|
|
3571
|
+
args: [{ selector: 'ads-phone-field', imports: [CommonModule, AdsInputComponent], providers: [provideNgxMask()], changeDetection: ChangeDetectionStrategy.Eager, template: "<ads-input\n [control]=\"valueControl\"\n [mask]=\"phoneMask()\"\n [onBlur]=\"onBlur\"\n [id]=\"id\"\n [placeholder]=\"placeholder\"\n [label]=\"label\"\n [errorMessages]=\"errorMessages\"\n [width]=\"width\"\n [showClearButton]=\"showClearButton\"\n [showValidationError]=\"showValidationError\"\n [skipValidationWhenEmpty]=\"skipValidationWhenEmpty\"\n/>\n", styles: [".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"] }]
|
|
3576
3572
|
}] });
|
|
3577
3573
|
|
|
3578
3574
|
class AdsTextareaComponent extends AbstractInputComponent {
|
|
@@ -3694,14 +3690,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
|
|
|
3694
3690
|
MatSelectModule,
|
|
3695
3691
|
MatInputModule,
|
|
3696
3692
|
ReactiveFormsModule,
|
|
3697
|
-
AdsIconComponent,
|
|
3698
3693
|
AdsInputComponent,
|
|
3699
3694
|
AdsDropdownComponent,
|
|
3700
3695
|
AdsInputTooltipComponent,
|
|
3701
3696
|
AdsErrorComponent,
|
|
3702
3697
|
AdsHintComponent,
|
|
3703
3698
|
AdsSuccessComponent,
|
|
3704
|
-
NgxMaskDirective,
|
|
3705
3699
|
], changeDetection: ChangeDetectionStrategy.Eager, template: "<div class=\"form-field-wrapper\" [ngStyle]=\"{ width: width }\">\n <div class=\"form-controls-wrapper\">\n <div\n class=\"text-box\"\n [ngClass]=\"{\n invalid: showValidationError && dropdownControl.invalid && dropdownControl.touched,\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: inputWidth }\"\n >\n <ads-input\n [control]=\"valueControl\"\n [skipValidationWhenEmpty]=\"skipValidationWhenEmpty\"\n [showValidationError]=\"showValidationError\"\n [maxlength]=\"maxlength\"\n [id]=\"id\"\n [pattern]=\"pattern\"\n [label]=\"label\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n [errorMessages]=\"errorMessages\"\n [showExclamationOnError]=\"showExclamationOnError\"\n [showClearButton]=\"showClearButton\"\n [immediateValidation]=\"immediateValidation\"\n [showFooter]=\"false\"\n [size]=\"size\"\n [successMessage]=\"successMessage\"\n [mask]=\"mask\"\n [suffix]=\"suffix\"\n [prefix]=\"prefix\"\n [dropSpecialCharacters]=\"dropSpecialCharacters\"\n [thousandSeparator]=\"thousandSeparator\"\n [decimalMarker]=\"decimalMarker\"\n [outputTransformFn]=\"outputTransformFn\"\n [onBlur]=\"onBlur\"\n />\n </div>\n <div\n class=\"select-box\"\n [ngClass]=\"{ invalid: showValidationError && valueControl.invalid && valueControl.touched }\"\n [ngStyle]=\"{ width: dropdownWidth }\"\n >\n @if (isSingleOptionSelected) {\n <ads-input\n [control]=\"dropdownControl\"\n [skipValidationWhenEmpty]=\"skipValidationWhenEmpty\"\n [showValidationError]=\"showValidationError\"\n [id]=\"id\"\n [label]=\"dropdownLabel\"\n [placeholder]=\"dropdownPlaceholder\"\n [immediateValidation]=\"immediateValidation\"\n [showFooter]=\"false\"\n [size]=\"size\"\n [successMessage]=\"successMessage\"\n [mask]=\"mask\"\n />\n } @else {\n <ads-dropdown\n [hasEmptyValue]=\"hasEmptyValue\"\n [control]=\"dropdownControl\"\n [skipValidationWhenEmpty]=\"skipValidationWhenEmpty\"\n [showValidationError]=\"showValidationError\"\n [id]=\"dropdownId\"\n [options]=\"options\"\n [label]=\"dropdownLabel\"\n [placeholder]=\"dropdownPlaceholder\"\n [immediateValidation]=\"immediateValidation\"\n [displayValueKey]=\"displayValueKey\"\n [fitContent]=\"fitContent\"\n [showFooter]=\"false\"\n [checkSelected]=\"false\"\n [size]=\"size\"\n [successMessage]=\"successMessage\"\n [showTooltip]=\"showTooltip\"\n [closeOnOutOfView]=\"closeOnOutOfView\"\n [outOfViewRootMargin]=\"outOfViewRootMargin\"\n />\n }\n </div>\n </div>\n <div class=\"footer-container\"\n [class.dynamic]=\"!isStaticFooter\"\n [class.has-content]=\"hasFooterContent()\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n</div>\n@if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\n}\n", styles: [":host{display:flex;gap:12px;align-items:flex-start}.form-field-wrapper{display:flex;flex-direction:column}.form-field-wrapper .form-controls-wrapper{display:flex;width:100%}.form-field-wrapper .invalid ::ng-deep .mdc-text-field{border-color:var(--mat-form-field-filled-error-label-text-color)}.form-field-wrapper .invalid.text-box ::ng-deep .mdc-text-field{border-right-width:1px}.form-field-wrapper .invalid.select-box ::ng-deep .mdc-text-field{border-left-width:1px;border-left-color:transparent}.form-field-wrapper .select-box ::ng-deep .mdc-text-field{border-left-width:1px;border-left-color:transparent;border-top-left-radius:0;border-bottom-left-radius:0}.form-field-wrapper .text-box{z-index:1}.form-field-wrapper .text-box ::ng-deep .mdc-text-field{border-top-right-radius:0;border-bottom-right-radius: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"] }]
|
|
3706
3700
|
}], propDecorators: { maxlength: [{
|
|
3707
3701
|
type: Input
|
|
@@ -6114,7 +6108,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
|
|
|
6114
6108
|
AdsErrorComponent,
|
|
6115
6109
|
AdsHintComponent,
|
|
6116
6110
|
AdsInputTooltipComponent,
|
|
6117
|
-
AdsSearchDropdownHighlighterPipe,
|
|
6118
6111
|
AdsSuccessComponent,
|
|
6119
6112
|
], changeDetection: ChangeDetectionStrategy.Eager, template: "<div [ngStyle]=\"{ minWidth: containerMinWidth }\" class=\"ads-field-container\">\n <div>\n <mat-radio-group\n [id]=\"id\"\n [ngClass]=\"{\n vertical: vertical,\n 'radio-invalid': valueControl.invalid && (valueControl.touched || immediateValidation),\n }\"\n [formControl]=\"valueControl\"\n [ngStyle]=\"{ width: width }\"\n >\n @for (option of displayedOptions | keyvalue: applySorting; track $index) {\n <mat-radio-button [value]=\"option.key\">\n @if (useOptionTemplate) {\n <ng-template\n [ngTemplateOutlet]=\"optionRef()\"\n [ngTemplateOutletContext]=\"{ $implicit: option.key, value: option.value }\"\n ></ng-template>\n } @else {\n {{ displayValueFormatter ? displayValueFormatter(option.key) : option.value }}\n }\n </mat-radio-button>\n }\n </mat-radio-group>\n @if (showFooter) {\n <div class=\"footer-container\"\n [class.dynamic]=\"!isStaticFooter\"\n [class.has-content]=\"hasFooterContent()\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n }\n </div>\n @if (tooltip) {\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\n }\n</div>\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"] }]
|
|
6120
6113
|
}], propDecorators: { optionRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }], vertical: [{
|
|
@@ -6209,7 +6202,7 @@ class AdsSlideToggleComponent extends AbstractBaseComponent {
|
|
|
6209
6202
|
}
|
|
6210
6203
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsSlideToggleComponent, decorators: [{
|
|
6211
6204
|
type: Component,
|
|
6212
|
-
args: [{ selector: 'ads-slide-toggle', imports: [CommonModule, ReactiveFormsModule,
|
|
6205
|
+
args: [{ selector: 'ads-slide-toggle', imports: [CommonModule, ReactiveFormsModule, AdsErrorComponent, AdsHintComponent, AdsSuccessComponent], changeDetection: ChangeDetectionStrategy.Eager, template: "<div class=\"ads-toggle\"\n [class.disabled]=\"valueControl.disabled\"\n (click)=\"toggle()\"\n (keydown.enter)=\"toggle()\"\n (keydown.space)=\"toggle(); $event.preventDefault()\"\n [ngStyle]=\"{ width: width }\"\n [attr.tabindex]=\"valueControl.disabled ? -1 : 0\"\n role=\"switch\"\n [attr.aria-checked]=\"valueControl.value\"\n [attr.aria-disabled]=\"valueControl.disabled\">\n <div class=\"toggle-container\"\n [class.checked]=\"valueControl.value\"\n [class.enable-yes-no]=\"enableYesOrNo\"\n [ngStyle]=\"{ width: getToggleWidth() }\">\n <div class=\"toggle-track\">\n <span class=\"toggle-label\"> {{ getTitle(valueControl.value) }} </span>\n </div>\n <div class=\"toggle-handle\"></div>\n </div>\n\n @if (label) {\n <span class=\"label\"> {{ label }} </span>\n }\n</div>\n@if (showFooter) {\n <div class=\"footer-container\"\n [class.dynamic]=\"!isStaticFooter\"\n [class.has-content]=\"hasFooterContent()\">\n @if (canShowError()) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (canShowSuccess()) {\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n </div>\n}\n", styles: [".ads-toggle{height:48px;display:flex;align-items:center}.ads-toggle .label{padding:8px;cursor:pointer;font-size:1rem;line-height:21px;color:var(--color-dark);transition:transform .3s ease,color .3s ease}.ads-toggle:not(.disabled){outline:none}.ads-toggle:not(.disabled):focus-visible .toggle-container .toggle-handle{box-shadow:0 0 0 6px var(--color-muted)}.ads-toggle:not(.disabled):focus-visible .toggle-container.checked .toggle-handle{border-color:var(--color-secondary)}.ads-toggle:not(.disabled) .toggle-container{background-color:var(--color-medium);border-radius:48px;height:20px;display:flex;align-items:center;position:relative;transition:background-color .3s ease;cursor:pointer}.ads-toggle:not(.disabled) .toggle-container .toggle-handle{position:absolute;width:16px;height:16px;background-color:var(--color-white);border-radius:50%;border:1px solid var(--color-medium);left:2px;transition:left .3s ease,border-color .3s ease;z-index:2}.ads-toggle:not(.disabled) .toggle-container .toggle-track{width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start;position:relative}.ads-toggle:not(.disabled) .toggle-container .toggle-track .toggle-label{font-size:10px;line-height:13px;color:var(--color-white);font-weight:500;white-space:nowrap;text-align:center;padding:0 4px 0 20px}.ads-toggle:not(.disabled) .toggle-container.checked{background-color:var(--color-secondary)}.ads-toggle:not(.disabled) .toggle-container.checked .toggle-track{justify-content:flex-end}.ads-toggle:not(.disabled) .toggle-container.checked .toggle-track .toggle-label{padding:0 20px 0 4px}.ads-toggle:not(.disabled) .toggle-container.checked .toggle-handle{left:calc(100% - 18px);border-color:var(--color-secondary)}.ads-toggle:not(.disabled) .toggle-container:hover .toggle-handle{box-shadow:0 0 0 6px var(--color-light-30)}.ads-toggle:not(.disabled) .toggle-container:hover.checked .toggle-handle{border-color:var(--color-secondary-hover)}.ads-toggle.disabled .toggle-container{cursor:default;background-color:var(--color-medium-50)}.ads-toggle.disabled .toggle-container .toggle-handle{border-color:var(--color-medium-50)}.ads-toggle.disabled .toggle-container .toggle-track .toggle-label{color:var(--color-medium-30)}.ads-toggle.disabled .label{cursor:default;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"] }]
|
|
6213
6206
|
}], propDecorators: { enableYesOrNo: [{
|
|
6214
6207
|
type: Input
|
|
6215
6208
|
}], customTitles: [{
|
|
@@ -6245,7 +6238,7 @@ class AdsSliderComponent extends AdsCheckboxComponent {
|
|
|
6245
6238
|
}
|
|
6246
6239
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsSliderComponent, decorators: [{
|
|
6247
6240
|
type: Component,
|
|
6248
|
-
args: [{ selector: 'ads-slider', imports: [CommonModule, ReactiveFormsModule, MatSliderModule, MatInputModule,
|
|
6241
|
+
args: [{ selector: 'ads-slider', imports: [CommonModule, ReactiveFormsModule, MatSliderModule, MatInputModule, AdsErrorComponent, AdsHintComponent], changeDetection: ChangeDetectionStrategy.Eager, template: "<div>\n <mat-slider [id]=\"id\" [ngStyle]=\"{ width: width }\" [min]=\"min\" [max]=\"max\" [step]=\"step\" aria-label=\"slider\"\n ><input matSliderThumb [formControl]=\"valueControl\" />\n </mat-slider>\n @if (valueControl.touched && valueControl.errors) {\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n } @else if (hint) {\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n }\n</div>\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"] }]
|
|
6249
6242
|
}], propDecorators: { min: [{
|
|
6250
6243
|
type: Input
|
|
6251
6244
|
}], max: [{
|
|
@@ -6566,7 +6559,7 @@ class AdsChipComponent {
|
|
|
6566
6559
|
}
|
|
6567
6560
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsChipComponent, decorators: [{
|
|
6568
6561
|
type: Component,
|
|
6569
|
-
args: [{ selector: 'ads-chip', imports: [
|
|
6562
|
+
args: [{ selector: 'ads-chip', imports: [AdsIconComponent], template: "<div\n class=\"chip\"\n [class.disabled]=\"disabled()\"\n [class.clickable]=\"clickable()\"\n [class.dropdown-chip]=\"dropdown()\"\n [class.dropdown-open]=\"isDropdownOpen\"\n tabindex=\"0\"\n [id]=\"id()\"\n (click)=\"onSelected()\"\n>\n @if (showCheckedIcon()) {\n <ads-icon name=\"check\" />\n }\n @if (title()) {\n <span>{{ title() }}</span>\n } @else {\n <span>\n <ng-content></ng-content>\n </span>\n }\n @if (dropdown()) {\n <ads-icon\n name=\"dropdown_arrow\"\n class=\"dropdown-arrow\"\n />\n @if (isDropdownOpen) {\n <div class=\"dropdown-menu\" (click)=\"$event.stopPropagation()\">\n @for (option of dropdownOptions(); track option.id) {\n <div class=\"dropdown-option\" (click)=\"selectOption(option)\">\n {{ option.label }}\n </div>\n }\n </div>\n }\n }\n @if (deletable()) {\n <ads-icon name=\"cross\" class=\"chip-delete\" (click)=\"onDelete($event)\" />\n }\n</div>\n", styles: [":host{display:flex;height:32px;position:relative}.chip{display:inline-flex;justify-content:space-between;align-items:center;padding:8px 16px;font-size:12px;line-height:16px;font-weight:400;color:var(--color-medium);background-color:var(--color-muted);border-radius:100px;gap:8px;position:relative}.chip ads-icon{width:10px!important;height:10px!important;stroke:var(--color-medium)}.chip .chip-delete{cursor:pointer}.chip .dropdown-arrow{cursor:pointer;transition:transform .2s ease;fill:var(--color-medium)}.chip span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.2;max-height:2.4em}.chip.clickable,.chip.dropdown-chip{cursor:pointer}.chip .dropdown-menu{position:absolute;top:100%;left:0;min-width:100%;background-color:var(--color-white);border-radius:0 0 5px 5px;box-shadow:0 2px 8px #00000026;z-index:1000;overflow:hidden}.chip .dropdown-menu .dropdown-option{padding:12px;font-size:16px;line-height:21px;color:var(--color-dark);cursor:pointer;white-space:nowrap}.chip .dropdown-menu .dropdown-option:hover{background-color:var(--color-secondary-hover);color:var(--color-white)}.chip .dropdown-menu .dropdown-option:active{color:var(--color-white);background-color:var(--color-secondary-pressed)}.chip.disabled{background-color:var(--color-light-30);color:var(--color-medium-50)}.chip.disabled .chip-delete,.chip.disabled .dropdown-arrow{cursor:default}.chip.disabled ads-icon{stroke:var(--color-medium-50)}.chip.disabled .dropdown-arrow{fill:var(--color-medium-50)}.chip:not(.disabled):not(.dropdown-open):hover,.chip:not(.disabled):not(.dropdown-open):focus-visible{background-color:var(--color-primary-hover);color:var(--color-white)}.chip:not(.disabled):not(.dropdown-open):hover ads-icon,.chip:not(.disabled):not(.dropdown-open):focus-visible ads-icon{stroke:var(--color-white)}.chip:not(.disabled):not(.dropdown-open):hover .dropdown-arrow,.chip:not(.disabled):not(.dropdown-open):focus-visible .dropdown-arrow{fill:var(--color-white)}.chip:not(.disabled):not(.dropdown-open):focus-visible{outline:none}.chip:not(.disabled):not(.dropdown-open):focus:active{background-color:var(--color-primary-pressed);color:var(--color-white)}.chip:not(.disabled):not(.dropdown-open):focus:active ads-icon{stroke:var(--color-white)}.chip:not(.disabled):not(.dropdown-open):focus:active .dropdown-arrow{fill:var(--color-white)}\n"] }]
|
|
6570
6563
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }, { type: i0.ElementRef }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], showCheckedIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCheckedIcon", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], deletable: [{ type: i0.Input, args: [{ isSignal: true, alias: "deletable", required: false }] }], clickable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickable", required: false }] }], dropdown: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdown", required: false }] }], dropdownOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownOptions", required: false }] }], deleted: [{ type: i0.Output, args: ["deleted"] }], selected: [{ type: i0.Output, args: ["selected"] }], optionSelected: [{ type: i0.Output, args: ["optionSelected"] }], onDocumentClick: [{
|
|
6571
6564
|
type: HostListener,
|
|
6572
6565
|
args: ['document:click', ['$event']]
|
|
@@ -6709,7 +6702,6 @@ class AdsExpansionPanelComponent {
|
|
|
6709
6702
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsExpansionPanelComponent, decorators: [{
|
|
6710
6703
|
type: Component,
|
|
6711
6704
|
args: [{ selector: 'ads-expansion-panel', imports: [
|
|
6712
|
-
NgClass,
|
|
6713
6705
|
NgStyle,
|
|
6714
6706
|
AdsIconComponent,
|
|
6715
6707
|
MatExpansionPanel,
|
|
@@ -6750,386 +6742,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
|
|
|
6750
6742
|
args: [{ selector: 'ads-table-button', imports: [CommonModule, MatButtonModule, MatMenuModule], template: "<button\n mat-flat-button\n [id]=\"id()\"\n [disabled]=\"disabled()\"\n [class.full-width]=\"fullWidth()\"\n [disableRipple]=\"true\"\n [matMenuTriggerFor]=\"matMenuTriggerFor()\"\n (menuOpened)=\"menuOpened.emit()\"\n (menuClosed)=\"menuClosed.emit()\">\n <div class=\"content-container\">\n <ng-content></ng-content>\n </div>\n</button>\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"] }]
|
|
6751
6743
|
}], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", 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"] }] } });
|
|
6752
6744
|
|
|
6753
|
-
class
|
|
6745
|
+
class AdsFilterMenuComponent {
|
|
6754
6746
|
/** @ignore */
|
|
6755
6747
|
constructor(registry) {
|
|
6756
6748
|
this.registry = registry;
|
|
6757
|
-
/**
|
|
6758
|
-
this.
|
|
6759
|
-
/**
|
|
6760
|
-
this.
|
|
6761
|
-
/** Emits when
|
|
6762
|
-
this.sortChanged = new EventEmitter();
|
|
6763
|
-
/** Emits when filter options change */
|
|
6749
|
+
/** All column sort/filter configs (all possible columns) */
|
|
6750
|
+
this.columnSortFilterConfigs = [];
|
|
6751
|
+
/** Current column filter states from the table */
|
|
6752
|
+
this.columnFilterStates = new Map();
|
|
6753
|
+
/** Emits when filter values change for a column */
|
|
6764
6754
|
this.filterChanged = new EventEmitter();
|
|
6765
|
-
/** Emits when
|
|
6766
|
-
this.
|
|
6767
|
-
/** @ignore */
|
|
6768
|
-
this.
|
|
6769
|
-
|
|
6770
|
-
|
|
6771
|
-
|
|
6772
|
-
|
|
6773
|
-
...(ngDevMode ? [{ debugName: "filterOptions" }] : /* istanbul ignore next */ []));
|
|
6774
|
-
/** @ignore */
|
|
6775
|
-
this.filteredOptions = signal([], /* @ts-ignore */
|
|
6776
|
-
...(ngDevMode ? [{ debugName: "filteredOptions" }] : /* istanbul ignore next */ []));
|
|
6777
|
-
/** @ignore */
|
|
6778
|
-
this.searchValue = signal('', /* @ts-ignore */
|
|
6779
|
-
...(ngDevMode ? [{ debugName: "searchValue" }] : /* istanbul ignore next */ []));
|
|
6780
|
-
/** @ignore */
|
|
6781
|
-
this.noResultsFound = signal(false, /* @ts-ignore */
|
|
6782
|
-
...(ngDevMode ? [{ debugName: "noResultsFound" }] : /* istanbul ignore next */ []));
|
|
6755
|
+
/** Emits when filters are removed for columns (includes the removed column and all below it) */
|
|
6756
|
+
this.filtersRemoved = new EventEmitter();
|
|
6757
|
+
/** @ignore - Active filters (columns that have been selected for filtering) */
|
|
6758
|
+
this.activeFilters = signal([], /* @ts-ignore */
|
|
6759
|
+
...(ngDevMode ? [{ debugName: "activeFilters" }] : /* istanbul ignore next */ []));
|
|
6760
|
+
/** @ignore - Available columns (not yet added to active filters) */
|
|
6761
|
+
this.availableColumns = signal([], /* @ts-ignore */
|
|
6762
|
+
...(ngDevMode ? [{ debugName: "availableColumns" }] : /* istanbul ignore next */ []));
|
|
6783
6763
|
/** @ignore */
|
|
6784
6764
|
this.destroy$ = new Subject();
|
|
6785
6765
|
/** @ignore */
|
|
6786
|
-
this.
|
|
6787
|
-
/**
|
|
6788
|
-
|
|
6789
|
-
|
|
6790
|
-
|
|
6791
|
-
|
|
6792
|
-
this.
|
|
6793
|
-
/** Maximum characters before text is considered truncated */
|
|
6794
|
-
this.MAX_LABEL_LENGTH = 25;
|
|
6795
|
-
this.registry.register([
|
|
6796
|
-
adsIconSortDownToUp,
|
|
6797
|
-
adsIconSortUpToDown,
|
|
6798
|
-
adsIconCheckCircleFilled,
|
|
6799
|
-
adsIconVisibilityEyeNone,
|
|
6800
|
-
]);
|
|
6801
|
-
}
|
|
6802
|
-
/** @ignore */
|
|
6803
|
-
ngOnInit() {
|
|
6804
|
-
this.initializeFilterOptions();
|
|
6805
|
-
this.setupSearchSubscription();
|
|
6806
|
-
this.setupSelectAllSubscription();
|
|
6766
|
+
this.filterSubscriptions = [];
|
|
6767
|
+
/**
|
|
6768
|
+
* @ignore - Ordered list of active filter fields.
|
|
6769
|
+
* Maintains the hierarchy: filter at index N depends on filters 0..N-1.
|
|
6770
|
+
*/
|
|
6771
|
+
this.orderedActiveFields = [];
|
|
6772
|
+
this.registry.register([adsIconCross]);
|
|
6807
6773
|
}
|
|
6808
6774
|
/** @ignore */
|
|
6809
6775
|
ngOnChanges(changes) {
|
|
6810
|
-
if (changes['
|
|
6811
|
-
|
|
6812
|
-
if (newField !== this.initializedConfigField) {
|
|
6813
|
-
this.initializeFilterOptions();
|
|
6814
|
-
}
|
|
6815
|
-
}
|
|
6816
|
-
if (changes['selectedFilterValues'] && !changes['selectedFilterValues'].firstChange) {
|
|
6817
|
-
if (!this.isEmittingChange) {
|
|
6818
|
-
this.syncFilterOptionsWithSelectedValues();
|
|
6819
|
-
}
|
|
6776
|
+
if (changes['columnSortFilterConfigs'] || changes['columnFilterStates']) {
|
|
6777
|
+
this.rebuildMenuState();
|
|
6820
6778
|
}
|
|
6821
6779
|
}
|
|
6822
6780
|
/** @ignore */
|
|
6823
6781
|
ngOnDestroy() {
|
|
6824
6782
|
this.destroy$.next();
|
|
6825
6783
|
this.destroy$.complete();
|
|
6826
|
-
this.
|
|
6784
|
+
this.clearSubscriptions();
|
|
6827
6785
|
}
|
|
6828
6786
|
/** @ignore */
|
|
6829
|
-
|
|
6830
|
-
this.
|
|
6831
|
-
this.
|
|
6787
|
+
clearSubscriptions() {
|
|
6788
|
+
this.filterSubscriptions.forEach(sub => sub.unsubscribe());
|
|
6789
|
+
this.filterSubscriptions = [];
|
|
6832
6790
|
}
|
|
6833
|
-
/** @ignore */
|
|
6834
|
-
|
|
6835
|
-
|
|
6836
|
-
|
|
6837
|
-
|
|
6838
|
-
this.
|
|
6839
|
-
|
|
6840
|
-
|
|
6841
|
-
|
|
6842
|
-
|
|
6843
|
-
|
|
6844
|
-
});
|
|
6845
|
-
// Trigger signal update to notify Angular of changes
|
|
6846
|
-
this.filterOptions.set([...options]);
|
|
6847
|
-
// Re-apply search filter to update filteredOptions
|
|
6848
|
-
this.filterOptionsBySearch(this.searchValue());
|
|
6849
|
-
this.isBatchUpdate = false;
|
|
6850
|
-
this.updateSelectAllState();
|
|
6851
|
-
}
|
|
6852
|
-
/** @ignore */
|
|
6853
|
-
initializeFilterOptions() {
|
|
6854
|
-
this.clearOptionSubscriptions();
|
|
6855
|
-
if (!this.config?.filterOptions) {
|
|
6856
|
-
this.filterOptions.set([]);
|
|
6857
|
-
this.filteredOptions.set([]);
|
|
6858
|
-
this.initializedConfigField = null;
|
|
6859
|
-
return;
|
|
6860
|
-
}
|
|
6861
|
-
this.initializedConfigField = this.config.field;
|
|
6862
|
-
// Convert raw options to string keys for comparison with selectedFilterValues
|
|
6863
|
-
const allOptionKeys = this.config.filterOptions.map((opt) => this.serializeOptionValue(opt));
|
|
6864
|
-
// Determine if we should default to all selected or use the provided selectedFilterValues
|
|
6865
|
-
const allOptionsSelected = this.selectedFilterValues.length === allOptionKeys.length &&
|
|
6866
|
-
allOptionKeys.every((key) => this.selectedFilterValues.includes(key));
|
|
6867
|
-
// Get the value formatter if provided
|
|
6868
|
-
const formatter = this.config.filterValueFormatter;
|
|
6869
|
-
const showDateOnly = this.config.showDateOnly ?? false;
|
|
6870
|
-
const options = this.config.filterOptions.map((rawValue) => {
|
|
6871
|
-
// Serialize raw value to stable string key for selection/persistence
|
|
6872
|
-
const key = this.serializeOptionValue(rawValue);
|
|
6873
|
-
// If all options match selectedFilterValues, treat as all selected
|
|
6874
|
-
// Otherwise, check if this specific key is in selectedFilterValues
|
|
6875
|
-
const isSelected = allOptionsSelected || this.selectedFilterValues.includes(key);
|
|
6876
|
-
const control = new FormControl(isSelected, { nonNullable: true });
|
|
6877
|
-
// Subscribe to control value changes
|
|
6878
|
-
const subscription = control.valueChanges.subscribe(() => {
|
|
6879
|
-
if (!this.isBatchUpdate) {
|
|
6880
|
-
this.onOptionChanged();
|
|
6881
|
-
}
|
|
6882
|
-
});
|
|
6883
|
-
this.optionSubscriptions.push(subscription);
|
|
6884
|
-
// Build the label:
|
|
6885
|
-
// When showDateOnly is enabled, the rawValue is already a trimmed date-only string
|
|
6886
|
-
// from the table component — use it directly to avoid re-parsing and timezone shift.
|
|
6887
|
-
// Otherwise, use formatter if provided, or convert to string.
|
|
6888
|
-
let label;
|
|
6889
|
-
if (showDateOnly) {
|
|
6890
|
-
label = String(rawValue ?? '');
|
|
6891
|
-
}
|
|
6892
|
-
else {
|
|
6893
|
-
label = formatter ? formatter(rawValue) : String(rawValue ?? '');
|
|
6894
|
-
}
|
|
6895
|
-
return {
|
|
6896
|
-
value: key,
|
|
6897
|
-
rawValue,
|
|
6898
|
-
label,
|
|
6899
|
-
control,
|
|
6900
|
-
};
|
|
6901
|
-
});
|
|
6902
|
-
// Apply sort order to filter options.
|
|
6903
|
-
// A custom comparator takes full precedence over built-in strategies.
|
|
6904
|
-
const customComparator = this.config.filterOptionsSortComparator;
|
|
6905
|
-
if (customComparator) {
|
|
6906
|
-
options.sort((a, b) => customComparator(a, b));
|
|
6907
|
-
}
|
|
6908
|
-
else {
|
|
6909
|
-
const isDateSort = this.config.sortType === 'date';
|
|
6910
|
-
if (isDateSort) {
|
|
6911
|
-
// For date columns, sort by the raw value (ISO string or date-only string)
|
|
6912
|
-
// so that chronological order is preserved regardless of display format (e.g. MM/DD/YYYY).
|
|
6913
|
-
options.sort((a, b) => {
|
|
6914
|
-
const aTime = new Date(String(a.rawValue ?? '')).getTime();
|
|
6915
|
-
const bTime = new Date(String(b.rawValue ?? '')).getTime();
|
|
6916
|
-
const diff = aTime - bTime;
|
|
6917
|
-
return this.config.filterOptionsSortOrder === 'desc' ? -diff : diff;
|
|
6918
|
-
});
|
|
6919
|
-
}
|
|
6920
|
-
else if (this.config.filterOptionsSortOrder === 'desc') {
|
|
6921
|
-
options.sort((a, b) => b.label.localeCompare(a.label));
|
|
6922
|
-
}
|
|
6923
|
-
else {
|
|
6924
|
-
options.sort((a, b) => a.label.localeCompare(b.label));
|
|
6925
|
-
}
|
|
6926
|
-
}
|
|
6927
|
-
this.filterOptions.set(options);
|
|
6928
|
-
this.filteredOptions.set([...options]);
|
|
6929
|
-
this.updateSelectAllState();
|
|
6930
|
-
}
|
|
6931
|
-
/** @ignore - Serialize any value into a stable string key for selection */
|
|
6932
|
-
serializeOptionValue(value) {
|
|
6933
|
-
if (value === null || value === undefined)
|
|
6934
|
-
return '';
|
|
6935
|
-
if (typeof value === 'string')
|
|
6936
|
-
return value;
|
|
6937
|
-
if (typeof value === 'number' || typeof value === 'boolean')
|
|
6938
|
-
return String(value);
|
|
6939
|
-
if (value instanceof Date)
|
|
6940
|
-
return value.toISOString();
|
|
6941
|
-
try {
|
|
6942
|
-
return JSON.stringify(value);
|
|
6943
|
-
}
|
|
6944
|
-
catch {
|
|
6945
|
-
return String(value);
|
|
6946
|
-
}
|
|
6947
|
-
}
|
|
6948
|
-
/** @ignore */
|
|
6949
|
-
setupSearchSubscription() {
|
|
6950
|
-
this.searchControl.valueChanges.pipe(takeUntil$1(this.destroy$)).subscribe((value) => {
|
|
6951
|
-
this.searchValue.set(value);
|
|
6952
|
-
this.filterOptionsBySearch(value);
|
|
6953
|
-
});
|
|
6954
|
-
}
|
|
6955
|
-
/** @ignore */
|
|
6956
|
-
setupSelectAllSubscription() {
|
|
6957
|
-
this.selectAllSubscription = this.selectAllControl.valueChanges
|
|
6958
|
-
.pipe(takeUntil$1(this.destroy$))
|
|
6959
|
-
.subscribe((isChecked) => {
|
|
6960
|
-
if (this.isBatchUpdate)
|
|
6961
|
-
return;
|
|
6962
|
-
this.isBatchUpdate = true;
|
|
6963
|
-
// Update all filter options (both filtered and main list share same objects)
|
|
6964
|
-
const allOptions = this.filterOptions();
|
|
6965
|
-
const filteredValues = new Set(this.filteredOptions().map(o => o.value));
|
|
6966
|
-
allOptions.forEach((option) => {
|
|
6967
|
-
// Only update options that are currently visible (filtered)
|
|
6968
|
-
if (filteredValues.has(option.value)) {
|
|
6969
|
-
option.control.setValue(isChecked, { emitEvent: false });
|
|
6970
|
-
}
|
|
6971
|
-
});
|
|
6972
|
-
// Trigger signal update to notify Angular of changes
|
|
6973
|
-
this.filterOptions.set([...allOptions]);
|
|
6974
|
-
this.filteredOptions.set(allOptions.filter(o => filteredValues.has(o.value)));
|
|
6975
|
-
this.isBatchUpdate = false;
|
|
6976
|
-
// Emit the filter change
|
|
6977
|
-
this.emitFilterChange();
|
|
6978
|
-
});
|
|
6979
|
-
}
|
|
6980
|
-
/** @ignore */
|
|
6981
|
-
filterOptionsBySearch(searchTerm) {
|
|
6982
|
-
const allOptions = this.filterOptions();
|
|
6983
|
-
if (!searchTerm) {
|
|
6984
|
-
this.filteredOptions.set([...allOptions]);
|
|
6985
|
-
this.noResultsFound.set(false);
|
|
6986
|
-
this.updateSelectAllState();
|
|
6987
|
-
return;
|
|
6988
|
-
}
|
|
6989
|
-
const lowerSearch = searchTerm.toLowerCase();
|
|
6990
|
-
const filtered = allOptions.filter((option) => option.label.toLowerCase().startsWith(lowerSearch));
|
|
6991
|
-
this.filteredOptions.set(filtered);
|
|
6992
|
-
this.noResultsFound.set(filtered.length === 0);
|
|
6993
|
-
this.updateSelectAllState();
|
|
6994
|
-
}
|
|
6995
|
-
/** @ignore */
|
|
6996
|
-
onOptionChanged() {
|
|
6997
|
-
this.updateSelectAllState();
|
|
6998
|
-
this.emitFilterChange();
|
|
6999
|
-
}
|
|
7000
|
-
/** @ignore */
|
|
7001
|
-
updateSelectAllState() {
|
|
7002
|
-
this.isBatchUpdate = true;
|
|
7003
|
-
// Check ALL options, not just filtered ones
|
|
7004
|
-
const allOptions = this.filterOptions();
|
|
7005
|
-
const allChecked = allOptions.length > 0 && allOptions.every((opt) => opt.control.value);
|
|
7006
|
-
this.selectAllControl.setValue(allChecked, { emitEvent: false });
|
|
7007
|
-
this.isBatchUpdate = false;
|
|
7008
|
-
}
|
|
7009
|
-
/** @ignore */
|
|
7010
|
-
emitFilterChange() {
|
|
7011
|
-
const selectedValues = this.filterOptions()
|
|
7012
|
-
.filter((opt) => opt.control.value)
|
|
7013
|
-
.map((opt) => opt.value);
|
|
7014
|
-
this.isEmittingChange = true;
|
|
7015
|
-
this.filterChanged.emit({
|
|
7016
|
-
field: this.config.field,
|
|
7017
|
-
values: selectedValues,
|
|
7018
|
-
});
|
|
7019
|
-
// Reset flag after a microtask
|
|
7020
|
-
Promise.resolve().then(() => {
|
|
7021
|
-
this.isEmittingChange = false;
|
|
7022
|
-
});
|
|
7023
|
-
}
|
|
7024
|
-
/** @ignore */
|
|
7025
|
-
onSortOptionClick(direction) {
|
|
7026
|
-
const newDirection = this.currentSortDirection === direction ? null : direction;
|
|
7027
|
-
this.sortChanged.emit({
|
|
7028
|
-
field: this.config.field,
|
|
7029
|
-
direction: newDirection,
|
|
7030
|
-
});
|
|
7031
|
-
}
|
|
7032
|
-
/** @ignore */
|
|
7033
|
-
onHideColumnClick() {
|
|
7034
|
-
this.hideColumn.emit(this.config.field);
|
|
7035
|
-
}
|
|
7036
|
-
/** @ignore */
|
|
7037
|
-
isSortActive(direction) {
|
|
7038
|
-
return this.currentSortDirection === direction;
|
|
7039
|
-
}
|
|
7040
|
-
/** @ignore */
|
|
7041
|
-
get hasFilterOptions() {
|
|
7042
|
-
return !!this.config?.filterOptions && this.config.filterOptions.length > 0;
|
|
7043
|
-
}
|
|
7044
|
-
/** @ignore */
|
|
7045
|
-
get hasSortOptions() {
|
|
7046
|
-
return !!this.config?.sortOptions && this.config.sortOptions.length > 0;
|
|
7047
|
-
}
|
|
7048
|
-
/** @ignore */
|
|
7049
|
-
get sortOptions() {
|
|
7050
|
-
return this.config?.sortOptions || [];
|
|
7051
|
-
}
|
|
7052
|
-
/** @ignore - Check if text would be truncated based on character length */
|
|
7053
|
-
isTextTruncated(text) {
|
|
7054
|
-
return text.length > this.MAX_LABEL_LENGTH;
|
|
7055
|
-
}
|
|
7056
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsColumnSortFilterMenuComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7057
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: AdsColumnSortFilterMenuComponent, isStandalone: true, selector: "ads-column-sort-filter-menu", inputs: { config: "config", currentSortDirection: "currentSortDirection", selectedFilterValues: "selectedFilterValues" }, outputs: { sortChanged: "sortChanged", filterChanged: "filterChanged", hideColumn: "hideColumn" }, usesOnChanges: true, ngImport: i0, template: "<div\n class=\"column-sort-filter-menu\"\n (click)=\"$event.stopPropagation()\"\n [class.full-height]=\"hasFilterOptions && hasSortOptions\"\n>\n <!-- Sort Options -->\n @if (hasSortOptions) {\n <div class=\"sort-section\">\n @for (sortOption of sortOptions; track sortOption.direction) {\n <div\n class=\"sort-option\"\n [class.active]=\"isSortActive(sortOption.direction)\"\n (click)=\"onSortOptionClick(sortOption.direction)\"\n >\n <ads-icon\n [name]=\"sortOption.direction === 'asc' ? 'sort_down_to_up' : 'sort_up_to_down'\"\n [theme]=\"isSortActive(sortOption.direction) ? 'secondary' : 'iconPrimary'\"\n size=\"xxs_16\"\n class=\"sort-icon\"\n />\n <span class=\"sort-label\">{{ sortOption.label }}</span>\n @if (isSortActive(sortOption.direction)) {\n <ads-icon\n name=\"check_circle_filled\"\n theme=\"secondary\"\n size=\"xxs_16\"\n />\n }\n </div>\n }\n </div>\n }\n\n @if (hasFilterOptions && hasSortOptions) {\n <ads-divider />\n }\n\n <!-- Filter Section -->\n @if (hasFilterOptions) {\n <div class=\"filter-section\">\n <ads-search-input\n [control]=\"searchControl\"\n placeholder=\"Filter Search\"\n [showFooter]=\"false\"\n />\n\n @if (noResultsFound()) {\n <p class=\"no-results\">\n Can't find \"{{ searchValue() }}.\" Try searching something else.\n </p>\n } @else {\n <div class=\"filter-options\">\n <!-- Select All - only show when not searching -->\n @if (!searchValue()) {\n <ads-checkbox\n [control]=\"selectAllControl\"\n label=\"Select All\"\n [showFooter]=\"false\"\n />\n }\n\n <!-- Filter Options List -->\n @for (option of filteredOptions(); track option.value) {\n <div class=\"filter-option-wrapper\" [matTooltip]=\"option.label\" [matTooltipDisabled]=\"!isTextTruncated(option.label)\">\n <ads-checkbox\n [control]=\"option.control\"\n [label]=\"option.label\"\n [showFooter]=\"false\"\n />\n </div>\n }\n </div>\n }\n </div>\n }\n\n <!-- Hide Column -->\n <div class=\"hide-column-section\" (click)=\"onHideColumnClick()\">\n <ads-icon name=\"visibility_eye_none\" theme=\"iconPrimary\" stroke=\"iconPrimary\" size=\"xxs_16\" />\n <span>Hide Column</span>\n </div>\n</div>\n\n", styles: [".column-sort-filter-menu{width:234px;max-height:358px;background-color:var(--color-white);display:flex;flex-direction:column}.column-sort-filter-menu.full-height{height:358px}.column-sort-filter-menu .sort-section{padding:0;flex-shrink:0}.column-sort-filter-menu .sort-section .sort-option{display:flex;align-items:center;gap:8px;padding:12px;cursor:pointer;transition:background-color .2s ease}.column-sort-filter-menu .sort-section .sort-option .sort-label{font-size:16px;line-height:21px;color:var(--color-dark)}.column-sort-filter-menu .sort-section .sort-option:hover:not(.active){background-color:var(--color-secondary-hover)}.column-sort-filter-menu .sort-section .sort-option:hover:not(.active) .sort-label{color:var(--color-white)}.column-sort-filter-menu .sort-section .sort-option:hover:not(.active) .sort-icon ::ng-deep svg{fill:var(--color-white)!important}.column-sort-filter-menu .sort-section .sort-option.active{background-color:var(--color-secondary-10)}.column-sort-filter-menu .filter-section{padding:0 12px;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.column-sort-filter-menu .filter-section ads-search-input{display:block;padding:12px 0;flex-shrink:0}.column-sort-filter-menu .filter-section .no-results{color:var(--color-error);font-size:12px;line-height:16px;padding:12px 0;font-weight:600;margin:0}.column-sort-filter-menu .filter-section .filter-options{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.column-sort-filter-menu .filter-section .filter-options .filter-option-wrapper ads-checkbox{display:block}.column-sort-filter-menu .filter-section .filter-options .filter-option-wrapper ads-checkbox ::ng-deep .checkbox-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.column-sort-filter-menu .hide-column-section{display:flex;align-items:center;gap:8px;padding:12px;cursor:pointer;transition:background-color .2s ease;flex-shrink:0;border-top:1px solid var(--color-light)}.column-sort-filter-menu .hide-column-section:hover{background-color:var(--color-secondary-hover)}.column-sort-filter-menu .hide-column-section:hover span{color:var(--color-white)}.column-sort-filter-menu .hide-column-section:hover ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}.column-sort-filter-menu .hide-column-section:active{background-color:var(--color-secondary-pressed)}.column-sort-filter-menu .hide-column-section:active span{color:var(--color-white)}.column-sort-filter-menu .hide-column-section:active ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}.column-sort-filter-menu .hide-column-section span{font-size:16px;line-height:21px;color:var(--color-dark)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: AdsSearchInputComponent, selector: "ads-search-input", inputs: ["searchCallback", "isIconClickable", "searchEmptyValue", "loading"] }, { kind: "component", type: AdsCheckboxComponent, selector: "ads-checkbox", inputs: ["indeterminate", "width", "tooltip", "tooltipHref", "size"] }, { kind: "component", type: DividerComponent, selector: "ads-divider", inputs: ["margin", "color"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7058
|
-
}
|
|
7059
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsColumnSortFilterMenuComponent, decorators: [{
|
|
7060
|
-
type: Component,
|
|
7061
|
-
args: [{ selector: 'ads-column-sort-filter-menu', imports: [CommonModule, ReactiveFormsModule, AdsIconComponent, AdsSearchInputComponent, AdsCheckboxComponent, DividerComponent, MatTooltip], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"column-sort-filter-menu\"\n (click)=\"$event.stopPropagation()\"\n [class.full-height]=\"hasFilterOptions && hasSortOptions\"\n>\n <!-- Sort Options -->\n @if (hasSortOptions) {\n <div class=\"sort-section\">\n @for (sortOption of sortOptions; track sortOption.direction) {\n <div\n class=\"sort-option\"\n [class.active]=\"isSortActive(sortOption.direction)\"\n (click)=\"onSortOptionClick(sortOption.direction)\"\n >\n <ads-icon\n [name]=\"sortOption.direction === 'asc' ? 'sort_down_to_up' : 'sort_up_to_down'\"\n [theme]=\"isSortActive(sortOption.direction) ? 'secondary' : 'iconPrimary'\"\n size=\"xxs_16\"\n class=\"sort-icon\"\n />\n <span class=\"sort-label\">{{ sortOption.label }}</span>\n @if (isSortActive(sortOption.direction)) {\n <ads-icon\n name=\"check_circle_filled\"\n theme=\"secondary\"\n size=\"xxs_16\"\n />\n }\n </div>\n }\n </div>\n }\n\n @if (hasFilterOptions && hasSortOptions) {\n <ads-divider />\n }\n\n <!-- Filter Section -->\n @if (hasFilterOptions) {\n <div class=\"filter-section\">\n <ads-search-input\n [control]=\"searchControl\"\n placeholder=\"Filter Search\"\n [showFooter]=\"false\"\n />\n\n @if (noResultsFound()) {\n <p class=\"no-results\">\n Can't find \"{{ searchValue() }}.\" Try searching something else.\n </p>\n } @else {\n <div class=\"filter-options\">\n <!-- Select All - only show when not searching -->\n @if (!searchValue()) {\n <ads-checkbox\n [control]=\"selectAllControl\"\n label=\"Select All\"\n [showFooter]=\"false\"\n />\n }\n\n <!-- Filter Options List -->\n @for (option of filteredOptions(); track option.value) {\n <div class=\"filter-option-wrapper\" [matTooltip]=\"option.label\" [matTooltipDisabled]=\"!isTextTruncated(option.label)\">\n <ads-checkbox\n [control]=\"option.control\"\n [label]=\"option.label\"\n [showFooter]=\"false\"\n />\n </div>\n }\n </div>\n }\n </div>\n }\n\n <!-- Hide Column -->\n <div class=\"hide-column-section\" (click)=\"onHideColumnClick()\">\n <ads-icon name=\"visibility_eye_none\" theme=\"iconPrimary\" stroke=\"iconPrimary\" size=\"xxs_16\" />\n <span>Hide Column</span>\n </div>\n</div>\n\n", styles: [".column-sort-filter-menu{width:234px;max-height:358px;background-color:var(--color-white);display:flex;flex-direction:column}.column-sort-filter-menu.full-height{height:358px}.column-sort-filter-menu .sort-section{padding:0;flex-shrink:0}.column-sort-filter-menu .sort-section .sort-option{display:flex;align-items:center;gap:8px;padding:12px;cursor:pointer;transition:background-color .2s ease}.column-sort-filter-menu .sort-section .sort-option .sort-label{font-size:16px;line-height:21px;color:var(--color-dark)}.column-sort-filter-menu .sort-section .sort-option:hover:not(.active){background-color:var(--color-secondary-hover)}.column-sort-filter-menu .sort-section .sort-option:hover:not(.active) .sort-label{color:var(--color-white)}.column-sort-filter-menu .sort-section .sort-option:hover:not(.active) .sort-icon ::ng-deep svg{fill:var(--color-white)!important}.column-sort-filter-menu .sort-section .sort-option.active{background-color:var(--color-secondary-10)}.column-sort-filter-menu .filter-section{padding:0 12px;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.column-sort-filter-menu .filter-section ads-search-input{display:block;padding:12px 0;flex-shrink:0}.column-sort-filter-menu .filter-section .no-results{color:var(--color-error);font-size:12px;line-height:16px;padding:12px 0;font-weight:600;margin:0}.column-sort-filter-menu .filter-section .filter-options{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.column-sort-filter-menu .filter-section .filter-options .filter-option-wrapper ads-checkbox{display:block}.column-sort-filter-menu .filter-section .filter-options .filter-option-wrapper ads-checkbox ::ng-deep .checkbox-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.column-sort-filter-menu .hide-column-section{display:flex;align-items:center;gap:8px;padding:12px;cursor:pointer;transition:background-color .2s ease;flex-shrink:0;border-top:1px solid var(--color-light)}.column-sort-filter-menu .hide-column-section:hover{background-color:var(--color-secondary-hover)}.column-sort-filter-menu .hide-column-section:hover span{color:var(--color-white)}.column-sort-filter-menu .hide-column-section:hover ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}.column-sort-filter-menu .hide-column-section:active{background-color:var(--color-secondary-pressed)}.column-sort-filter-menu .hide-column-section:active span{color:var(--color-white)}.column-sort-filter-menu .hide-column-section:active ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}.column-sort-filter-menu .hide-column-section span{font-size:16px;line-height:21px;color:var(--color-dark)}\n"] }]
|
|
7062
|
-
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { config: [{
|
|
7063
|
-
type: Input
|
|
7064
|
-
}], currentSortDirection: [{
|
|
7065
|
-
type: Input
|
|
7066
|
-
}], selectedFilterValues: [{
|
|
7067
|
-
type: Input
|
|
7068
|
-
}], sortChanged: [{
|
|
7069
|
-
type: Output
|
|
7070
|
-
}], filterChanged: [{
|
|
7071
|
-
type: Output
|
|
7072
|
-
}], hideColumn: [{
|
|
7073
|
-
type: Output
|
|
7074
|
-
}] } });
|
|
7075
|
-
|
|
7076
|
-
class AdsFilterMenuComponent {
|
|
7077
|
-
/** @ignore */
|
|
7078
|
-
constructor(registry) {
|
|
7079
|
-
this.registry = registry;
|
|
7080
|
-
/** All column sort/filter configs (all possible columns) */
|
|
7081
|
-
this.columnSortFilterConfigs = [];
|
|
7082
|
-
/** Current column filter states from the table */
|
|
7083
|
-
this.columnFilterStates = new Map();
|
|
7084
|
-
/** Emits when filter values change for a column */
|
|
7085
|
-
this.filterChanged = new EventEmitter();
|
|
7086
|
-
/** Emits when filters are removed for columns (includes the removed column and all below it) */
|
|
7087
|
-
this.filtersRemoved = new EventEmitter();
|
|
7088
|
-
/** @ignore - Active filters (columns that have been selected for filtering) */
|
|
7089
|
-
this.activeFilters = signal([], /* @ts-ignore */
|
|
7090
|
-
...(ngDevMode ? [{ debugName: "activeFilters" }] : /* istanbul ignore next */ []));
|
|
7091
|
-
/** @ignore - Available columns (not yet added to active filters) */
|
|
7092
|
-
this.availableColumns = signal([], /* @ts-ignore */
|
|
7093
|
-
...(ngDevMode ? [{ debugName: "availableColumns" }] : /* istanbul ignore next */ []));
|
|
7094
|
-
/** @ignore */
|
|
7095
|
-
this.destroy$ = new Subject();
|
|
7096
|
-
/** @ignore */
|
|
7097
|
-
this.filterSubscriptions = [];
|
|
7098
|
-
/**
|
|
7099
|
-
* @ignore - Ordered list of active filter fields.
|
|
7100
|
-
* Maintains the hierarchy: filter at index N depends on filters 0..N-1.
|
|
7101
|
-
*/
|
|
7102
|
-
this.orderedActiveFields = [];
|
|
7103
|
-
this.registry.register([adsIconCross]);
|
|
7104
|
-
}
|
|
7105
|
-
/** @ignore */
|
|
7106
|
-
ngOnChanges(changes) {
|
|
7107
|
-
if (changes['columnSortFilterConfigs'] || changes['columnFilterStates']) {
|
|
7108
|
-
this.rebuildMenuState();
|
|
7109
|
-
}
|
|
7110
|
-
}
|
|
7111
|
-
/** @ignore */
|
|
7112
|
-
ngOnDestroy() {
|
|
7113
|
-
this.destroy$.next();
|
|
7114
|
-
this.destroy$.complete();
|
|
7115
|
-
this.clearSubscriptions();
|
|
7116
|
-
}
|
|
7117
|
-
/** @ignore */
|
|
7118
|
-
clearSubscriptions() {
|
|
7119
|
-
this.filterSubscriptions.forEach(sub => sub.unsubscribe());
|
|
7120
|
-
this.filterSubscriptions = [];
|
|
7121
|
-
}
|
|
7122
|
-
/** @ignore - Rebuild the full menu state from inputs */
|
|
7123
|
-
rebuildMenuState() {
|
|
7124
|
-
this.clearSubscriptions();
|
|
7125
|
-
// Reconcile orderedActiveFields with the current columnFilterStates.
|
|
7126
|
-
// Keep existing order, remove fields no longer in columnFilterStates.
|
|
7127
|
-
this.orderedActiveFields = this.orderedActiveFields.filter(field => this.columnFilterStates.has(field));
|
|
7128
|
-
// Add any fields from columnFilterStates that are not yet in the ordered list
|
|
7129
|
-
// (e.g. filters applied via the column-sort-filter menu header)
|
|
7130
|
-
for (const [field] of this.columnFilterStates) {
|
|
7131
|
-
if (!this.orderedActiveFields.includes(field)) {
|
|
7132
|
-
this.orderedActiveFields.push(field);
|
|
6791
|
+
/** @ignore - Rebuild the full menu state from inputs */
|
|
6792
|
+
rebuildMenuState() {
|
|
6793
|
+
this.clearSubscriptions();
|
|
6794
|
+
// Reconcile orderedActiveFields with the current columnFilterStates.
|
|
6795
|
+
// Keep existing order, remove fields no longer in columnFilterStates.
|
|
6796
|
+
this.orderedActiveFields = this.orderedActiveFields.filter(field => this.columnFilterStates.has(field));
|
|
6797
|
+
// Add any fields from columnFilterStates that are not yet in the ordered list
|
|
6798
|
+
// (e.g. filters applied via the column-sort-filter menu header)
|
|
6799
|
+
for (const [field] of this.columnFilterStates) {
|
|
6800
|
+
if (!this.orderedActiveFields.includes(field)) {
|
|
6801
|
+
this.orderedActiveFields.push(field);
|
|
7133
6802
|
}
|
|
7134
6803
|
}
|
|
7135
6804
|
// Build active filters in hierarchical order
|
|
@@ -7378,152 +7047,475 @@ class AdsSortMenuComponent {
|
|
|
7378
7047
|
}
|
|
7379
7048
|
}
|
|
7380
7049
|
/** @ignore */
|
|
7381
|
-
ngOnDestroy() {
|
|
7382
|
-
this.destroy$.next();
|
|
7383
|
-
this.destroy$.complete();
|
|
7384
|
-
this.clearSubscriptions();
|
|
7050
|
+
ngOnDestroy() {
|
|
7051
|
+
this.destroy$.next();
|
|
7052
|
+
this.destroy$.complete();
|
|
7053
|
+
this.clearSubscriptions();
|
|
7054
|
+
}
|
|
7055
|
+
/** @ignore */
|
|
7056
|
+
clearSubscriptions() {
|
|
7057
|
+
this.sortSubscriptions.forEach(sub => sub.unsubscribe());
|
|
7058
|
+
this.sortSubscriptions = [];
|
|
7059
|
+
}
|
|
7060
|
+
/** @ignore - Rebuild the full menu state from inputs */
|
|
7061
|
+
rebuildMenuState() {
|
|
7062
|
+
this.clearSubscriptions();
|
|
7063
|
+
// Only consider configs that have sortOptions defined
|
|
7064
|
+
const sortableConfigs = this.columnSortFilterConfigs.filter(c => c.sortOptions && c.sortOptions.length > 0);
|
|
7065
|
+
// Reconcile orderedActiveFields with the current columnSortStates
|
|
7066
|
+
this.orderedActiveFields = this.orderedActiveFields.filter(field => this.columnSortStates.has(field) && this.columnSortStates.get(field) !== null);
|
|
7067
|
+
// Add any fields from columnSortStates that are not yet in the ordered list
|
|
7068
|
+
for (const [field, direction] of this.columnSortStates) {
|
|
7069
|
+
if (direction !== null && !this.orderedActiveFields.includes(field)) {
|
|
7070
|
+
this.orderedActiveFields.push(field);
|
|
7071
|
+
}
|
|
7072
|
+
}
|
|
7073
|
+
// Build active sorts in order
|
|
7074
|
+
const activeSortsList = [];
|
|
7075
|
+
const activeFields = new Set();
|
|
7076
|
+
for (const field of this.orderedActiveFields) {
|
|
7077
|
+
const config = sortableConfigs.find(c => c.field === field);
|
|
7078
|
+
if (!config)
|
|
7079
|
+
continue;
|
|
7080
|
+
activeFields.add(field);
|
|
7081
|
+
const activeSort = this.createActiveSort(config, field);
|
|
7082
|
+
activeSortsList.push(activeSort);
|
|
7083
|
+
}
|
|
7084
|
+
this.activeSorts.set(activeSortsList);
|
|
7085
|
+
// Build available columns list (sortable configs not in active sorts)
|
|
7086
|
+
const available = sortableConfigs
|
|
7087
|
+
.filter(c => !activeFields.has(c.field))
|
|
7088
|
+
.map(c => ({ field: c.field, headerName: c.headerName }));
|
|
7089
|
+
this.availableColumns.set(available);
|
|
7090
|
+
}
|
|
7091
|
+
/** @ignore - Create an ActiveSort for a given column */
|
|
7092
|
+
createActiveSort(config, field) {
|
|
7093
|
+
const currentDirection = this.columnSortStates.get(field) || 'asc';
|
|
7094
|
+
// Build dropdown options from sortOptions — prefer shortLabel for compact display
|
|
7095
|
+
const options = new Map();
|
|
7096
|
+
(config.sortOptions || []).forEach(opt => {
|
|
7097
|
+
options.set(opt.direction, opt.shortLabel || opt.label);
|
|
7098
|
+
});
|
|
7099
|
+
const directionControl = new FormControl(currentDirection, { nonNullable: true });
|
|
7100
|
+
// Subscribe to direction changes
|
|
7101
|
+
const sub = directionControl.valueChanges
|
|
7102
|
+
.pipe(takeUntil$1(this.destroy$))
|
|
7103
|
+
.subscribe(() => {
|
|
7104
|
+
this.emitSortChanged();
|
|
7105
|
+
});
|
|
7106
|
+
this.sortSubscriptions.push(sub);
|
|
7107
|
+
return {
|
|
7108
|
+
field,
|
|
7109
|
+
headerName: config.headerName,
|
|
7110
|
+
directionControl,
|
|
7111
|
+
options,
|
|
7112
|
+
};
|
|
7113
|
+
}
|
|
7114
|
+
/** @ignore - Emit the current sort configuration */
|
|
7115
|
+
emitSortChanged() {
|
|
7116
|
+
const sorts = this.activeSorts().map(s => ({
|
|
7117
|
+
field: s.field,
|
|
7118
|
+
direction: s.directionControl.value,
|
|
7119
|
+
}));
|
|
7120
|
+
this.sortChanged.emit({ sorts });
|
|
7121
|
+
}
|
|
7122
|
+
/** @ignore - Add a column to the active sorts */
|
|
7123
|
+
addColumnToSort(column) {
|
|
7124
|
+
const config = this.columnSortFilterConfigs.find(c => c.field === column.field);
|
|
7125
|
+
if (!config?.sortOptions?.length)
|
|
7126
|
+
return;
|
|
7127
|
+
// Add to ordered list
|
|
7128
|
+
this.orderedActiveFields.push(column.field);
|
|
7129
|
+
// Remove from available columns
|
|
7130
|
+
const available = this.availableColumns().filter(c => c.field !== column.field);
|
|
7131
|
+
this.availableColumns.set(available);
|
|
7132
|
+
// Create active sort (defaults to first sortOption direction)
|
|
7133
|
+
const activeSort = this.createActiveSort(config, column.field);
|
|
7134
|
+
// Set to first available direction
|
|
7135
|
+
activeSort.directionControl.setValue(config.sortOptions[0].direction, { emitEvent: false });
|
|
7136
|
+
const currentSorts = [...this.activeSorts()];
|
|
7137
|
+
currentSorts.push(activeSort);
|
|
7138
|
+
this.activeSorts.set(currentSorts);
|
|
7139
|
+
// Emit updated sort configuration
|
|
7140
|
+
this.emitSortChanged();
|
|
7141
|
+
}
|
|
7142
|
+
/** @ignore - Remove a sort column */
|
|
7143
|
+
removeSort(field) {
|
|
7144
|
+
const index = this.orderedActiveFields.indexOf(field);
|
|
7145
|
+
if (index === -1)
|
|
7146
|
+
return;
|
|
7147
|
+
this.orderedActiveFields.splice(index, 1);
|
|
7148
|
+
const currentSorts = this.activeSorts().filter(s => s.field !== field);
|
|
7149
|
+
this.activeSorts.set(currentSorts);
|
|
7150
|
+
// Add removed column back to available columns
|
|
7151
|
+
const config = this.columnSortFilterConfigs.find(c => c.field === field);
|
|
7152
|
+
if (config) {
|
|
7153
|
+
const available = [...this.availableColumns(), { field: config.field, headerName: config.headerName }];
|
|
7154
|
+
// Sort by original config order
|
|
7155
|
+
available.sort((a, b) => {
|
|
7156
|
+
const indexA = this.columnSortFilterConfigs.findIndex(c => c.field === a.field);
|
|
7157
|
+
const indexB = this.columnSortFilterConfigs.findIndex(c => c.field === b.field);
|
|
7158
|
+
return indexA - indexB;
|
|
7159
|
+
});
|
|
7160
|
+
this.availableColumns.set(available);
|
|
7161
|
+
}
|
|
7162
|
+
// Emit removal and updated sort state
|
|
7163
|
+
this.sortsRemoved.emit([field]);
|
|
7164
|
+
this.emitSortChanged();
|
|
7165
|
+
}
|
|
7166
|
+
/** @ignore - Handle drag-and-drop reordering */
|
|
7167
|
+
onDrop(event) {
|
|
7168
|
+
const currentSorts = [...this.activeSorts()];
|
|
7169
|
+
moveItemInArray(currentSorts, event.previousIndex, event.currentIndex);
|
|
7170
|
+
moveItemInArray(this.orderedActiveFields, event.previousIndex, event.currentIndex);
|
|
7171
|
+
this.activeSorts.set(currentSorts);
|
|
7172
|
+
// Emit updated sort order
|
|
7173
|
+
this.emitSortChanged();
|
|
7174
|
+
}
|
|
7175
|
+
/** @ignore - Whether this is the first active sort (different styling) */
|
|
7176
|
+
isFirstSort(index) {
|
|
7177
|
+
return index === 0;
|
|
7178
|
+
}
|
|
7179
|
+
/** @ignore */
|
|
7180
|
+
get hasActiveSorts() {
|
|
7181
|
+
return this.activeSorts().length > 0;
|
|
7182
|
+
}
|
|
7183
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsSortMenuComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7184
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: AdsSortMenuComponent, isStandalone: true, selector: "ads-sort-menu", inputs: { columnSortFilterConfigs: "columnSortFilterConfigs", columnSortStates: "columnSortStates" }, outputs: { sortChanged: "sortChanged", sortsRemoved: "sortsRemoved" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"sort-menu\" (click)=\"$event.stopPropagation()\">\n <!-- Header -->\n <p class=\"sort-label\">Sort</p>\n\n <!-- Active Sorts Section -->\n @if (hasActiveSorts) {\n <div class=\"active-sorts\" cdkDropList (cdkDropListDropped)=\"onDrop($event)\">\n @for (sort of activeSorts(); track sort.field; let i = $index) {\n <div\n class=\"active-sort-row\"\n [class.first-sort]=\"isFirstSort(i)\"\n cdkDrag\n cdkDragLockAxis=\"y\"\n >\n <div class=\"active-sort-header\">\n <ads-icon\n cdkDragHandle\n name=\"drag\"\n theme=\"iconPrimary\"\n size=\"xxs\"\n class=\"drag-handle\"\n />\n\n <span class=\"sort-column-name\" [class.first]=\"isFirstSort(i)\">\n {{ sort.headerName }}\n </span>\n\n <div class=\"sort-actions\">\n <ads-dropdown\n [control]=\"sort.directionControl\"\n [options]=\"sort.options\"\n [showFooter]=\"false\"\n [sortOptions]=\"false\"\n size=\"xs\"\n panelWidth=\"120px\"\n />\n\n <button class=\"sort-remove-button\" (click)=\"removeSort(sort.field)\">\n <ads-icon name=\"cross\" stroke=\"iconPrimary\" size=\"xxs\" />\n </button>\n </div>\n </div>\n </div>\n }\n </div>\n } @else {\n <p class=\"no-sorts-text\">No sorted columns are applied</p>\n }\n <div class=\"select-column-section\">\n <p class=\"select-column-label\">Select Column</p>\n\n <div class=\"available-columns\">\n @for (column of availableColumns(); track column.field) {\n <div\n class=\"available-column-row\"\n (click)=\"addColumnToSort(column)\"\n >\n <span class=\"column-name\">{{ column.headerName }}</span>\n </div>\n }\n </div>\n </div>\n</div>\n", styles: [".sort-menu{background-color:var(--color-white);display:flex;flex-direction:column;overflow-y:auto}.sort-menu .sort-label{padding:12px 12px 0;color:var(--color-medium);font-size:12px;font-weight:600;line-height:16px;margin:0}.sort-menu .no-sorts-text{padding:12px;color:var(--color-medium-50);font-size:14px;line-height:18px;margin:0}.sort-menu .active-sorts{padding:0}.sort-menu .active-sorts .active-sort-row{padding:0 12px}.sort-menu .active-sorts .active-sort-row.first-sort .active-sort-header .sort-column-name{font-size:16px;color:var(--color-dark)}.sort-menu .active-sorts .active-sort-row .active-sort-header{display:flex;align-items:center;gap:8px;padding:8px 0}.sort-menu .active-sorts .active-sort-row .active-sort-header .drag-handle{cursor:grab;color:var(--color-medium)}.sort-menu .active-sorts .active-sort-row .active-sort-header .drag-handle:active{cursor:grabbing}.sort-menu .active-sorts .active-sort-row .active-sort-header .sort-column-name{font-size:16px;color:var(--color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.sort-menu .active-sorts .active-sort-row .active-sort-header .sort-column-name.first{font-size:16px}.sort-menu .active-sorts .active-sort-row .active-sort-header .sort-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.sort-menu .active-sorts .active-sort-row .active-sort-header .sort-actions ads-dropdown{width:108px}.sort-menu .active-sorts .active-sort-row .active-sort-header .sort-actions .sort-remove-button{display:flex;align-items:center;justify-content:center;padding:4px;border:none;background:none;cursor:pointer;border-radius:4px}.sort-menu .active-sorts .active-sort-row .active-sort-header .sort-actions .sort-remove-button:hover{background-color:var(--color-light-30)}.sort-menu .cdk-drag-preview{background-color:var(--color-white);box-shadow:0 4px 12px #00000026;border-radius:4px;padding:0 12px}.sort-menu .cdk-drag-preview .active-sort-header{display:flex;align-items:center;gap:8px;padding:8px 0}.sort-menu .cdk-drag-placeholder{opacity:0}.sort-menu .cdk-drop-list-dragging .cdk-drag{transition:transform .25s cubic-bezier(0,0,.2,1)}.sort-menu .cdk-drag-animating{transition:transform .2s cubic-bezier(0,0,.2,1)}.sort-menu .select-column-section{border-top:1px solid var(--color-light)}.sort-menu .select-column-section .select-column-label{padding:12px 12px 4px;color:var(--color-medium);font-size:12px;font-weight:600;line-height:16px;margin:0}.sort-menu .select-column-section .available-columns .available-column-row{display:flex;align-items:center;padding:12px;cursor:pointer;transition:background-color .2s ease}.sort-menu .select-column-section .available-columns .available-column-row:hover{background-color:var(--color-secondary-hover)}.sort-menu .select-column-section .available-columns .available-column-row:hover .column-name{color:var(--color-white)}.sort-menu .select-column-section .available-columns .available-column-row:active{background-color:var(--color-secondary-pressed)}.sort-menu .select-column-section .available-columns .available-column-row:active .column-name{color:var(--color-white)}.sort-menu .select-column-section .available-columns .available-column-row .column-name{font-size:14px;line-height:18px;color:var(--color-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: AdsDropdownComponent, selector: "ads-dropdown", inputs: ["displayValueFormatter", "mode", "hasEmptyValue", "checkSelected", "options", "optionTemplate", "triggerTemplate", "panelClass", "closeOnOutOfView", "outOfViewRootMargin"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7185
|
+
}
|
|
7186
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsSortMenuComponent, decorators: [{
|
|
7187
|
+
type: Component,
|
|
7188
|
+
args: [{ selector: 'ads-sort-menu', imports: [CommonModule, ReactiveFormsModule, AdsIconComponent, AdsDropdownComponent, CdkDropList, CdkDrag, CdkDragHandle], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sort-menu\" (click)=\"$event.stopPropagation()\">\n <!-- Header -->\n <p class=\"sort-label\">Sort</p>\n\n <!-- Active Sorts Section -->\n @if (hasActiveSorts) {\n <div class=\"active-sorts\" cdkDropList (cdkDropListDropped)=\"onDrop($event)\">\n @for (sort of activeSorts(); track sort.field; let i = $index) {\n <div\n class=\"active-sort-row\"\n [class.first-sort]=\"isFirstSort(i)\"\n cdkDrag\n cdkDragLockAxis=\"y\"\n >\n <div class=\"active-sort-header\">\n <ads-icon\n cdkDragHandle\n name=\"drag\"\n theme=\"iconPrimary\"\n size=\"xxs\"\n class=\"drag-handle\"\n />\n\n <span class=\"sort-column-name\" [class.first]=\"isFirstSort(i)\">\n {{ sort.headerName }}\n </span>\n\n <div class=\"sort-actions\">\n <ads-dropdown\n [control]=\"sort.directionControl\"\n [options]=\"sort.options\"\n [showFooter]=\"false\"\n [sortOptions]=\"false\"\n size=\"xs\"\n panelWidth=\"120px\"\n />\n\n <button class=\"sort-remove-button\" (click)=\"removeSort(sort.field)\">\n <ads-icon name=\"cross\" stroke=\"iconPrimary\" size=\"xxs\" />\n </button>\n </div>\n </div>\n </div>\n }\n </div>\n } @else {\n <p class=\"no-sorts-text\">No sorted columns are applied</p>\n }\n <div class=\"select-column-section\">\n <p class=\"select-column-label\">Select Column</p>\n\n <div class=\"available-columns\">\n @for (column of availableColumns(); track column.field) {\n <div\n class=\"available-column-row\"\n (click)=\"addColumnToSort(column)\"\n >\n <span class=\"column-name\">{{ column.headerName }}</span>\n </div>\n }\n </div>\n </div>\n</div>\n", styles: [".sort-menu{background-color:var(--color-white);display:flex;flex-direction:column;overflow-y:auto}.sort-menu .sort-label{padding:12px 12px 0;color:var(--color-medium);font-size:12px;font-weight:600;line-height:16px;margin:0}.sort-menu .no-sorts-text{padding:12px;color:var(--color-medium-50);font-size:14px;line-height:18px;margin:0}.sort-menu .active-sorts{padding:0}.sort-menu .active-sorts .active-sort-row{padding:0 12px}.sort-menu .active-sorts .active-sort-row.first-sort .active-sort-header .sort-column-name{font-size:16px;color:var(--color-dark)}.sort-menu .active-sorts .active-sort-row .active-sort-header{display:flex;align-items:center;gap:8px;padding:8px 0}.sort-menu .active-sorts .active-sort-row .active-sort-header .drag-handle{cursor:grab;color:var(--color-medium)}.sort-menu .active-sorts .active-sort-row .active-sort-header .drag-handle:active{cursor:grabbing}.sort-menu .active-sorts .active-sort-row .active-sort-header .sort-column-name{font-size:16px;color:var(--color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.sort-menu .active-sorts .active-sort-row .active-sort-header .sort-column-name.first{font-size:16px}.sort-menu .active-sorts .active-sort-row .active-sort-header .sort-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.sort-menu .active-sorts .active-sort-row .active-sort-header .sort-actions ads-dropdown{width:108px}.sort-menu .active-sorts .active-sort-row .active-sort-header .sort-actions .sort-remove-button{display:flex;align-items:center;justify-content:center;padding:4px;border:none;background:none;cursor:pointer;border-radius:4px}.sort-menu .active-sorts .active-sort-row .active-sort-header .sort-actions .sort-remove-button:hover{background-color:var(--color-light-30)}.sort-menu .cdk-drag-preview{background-color:var(--color-white);box-shadow:0 4px 12px #00000026;border-radius:4px;padding:0 12px}.sort-menu .cdk-drag-preview .active-sort-header{display:flex;align-items:center;gap:8px;padding:8px 0}.sort-menu .cdk-drag-placeholder{opacity:0}.sort-menu .cdk-drop-list-dragging .cdk-drag{transition:transform .25s cubic-bezier(0,0,.2,1)}.sort-menu .cdk-drag-animating{transition:transform .2s cubic-bezier(0,0,.2,1)}.sort-menu .select-column-section{border-top:1px solid var(--color-light)}.sort-menu .select-column-section .select-column-label{padding:12px 12px 4px;color:var(--color-medium);font-size:12px;font-weight:600;line-height:16px;margin:0}.sort-menu .select-column-section .available-columns .available-column-row{display:flex;align-items:center;padding:12px;cursor:pointer;transition:background-color .2s ease}.sort-menu .select-column-section .available-columns .available-column-row:hover{background-color:var(--color-secondary-hover)}.sort-menu .select-column-section .available-columns .available-column-row:hover .column-name{color:var(--color-white)}.sort-menu .select-column-section .available-columns .available-column-row:active{background-color:var(--color-secondary-pressed)}.sort-menu .select-column-section .available-columns .available-column-row:active .column-name{color:var(--color-white)}.sort-menu .select-column-section .available-columns .available-column-row .column-name{font-size:14px;line-height:18px;color:var(--color-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
|
|
7189
|
+
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { columnSortFilterConfigs: [{
|
|
7190
|
+
type: Input
|
|
7191
|
+
}], columnSortStates: [{
|
|
7192
|
+
type: Input
|
|
7193
|
+
}], sortChanged: [{
|
|
7194
|
+
type: Output
|
|
7195
|
+
}], sortsRemoved: [{
|
|
7196
|
+
type: Output
|
|
7197
|
+
}] } });
|
|
7198
|
+
|
|
7199
|
+
class AdsColumnSortFilterMenuComponent {
|
|
7200
|
+
/** @ignore */
|
|
7201
|
+
constructor(registry) {
|
|
7202
|
+
this.registry = registry;
|
|
7203
|
+
/** Current sort direction for this column */
|
|
7204
|
+
this.currentSortDirection = null;
|
|
7205
|
+
/** Currently selected filter values */
|
|
7206
|
+
this.selectedFilterValues = [];
|
|
7207
|
+
/** Emits when sort option is selected */
|
|
7208
|
+
this.sortChanged = new EventEmitter();
|
|
7209
|
+
/** Emits when filter options change */
|
|
7210
|
+
this.filterChanged = new EventEmitter();
|
|
7211
|
+
/** Emits when hide column is clicked */
|
|
7212
|
+
this.hideColumn = new EventEmitter();
|
|
7213
|
+
/** @ignore */
|
|
7214
|
+
this.searchControl = new FormControl('', { nonNullable: true });
|
|
7215
|
+
/** @ignore */
|
|
7216
|
+
this.selectAllControl = new FormControl(true, { nonNullable: true });
|
|
7217
|
+
/** @ignore */
|
|
7218
|
+
this.filterOptions = signal([], /* @ts-ignore */
|
|
7219
|
+
...(ngDevMode ? [{ debugName: "filterOptions" }] : /* istanbul ignore next */ []));
|
|
7220
|
+
/** @ignore */
|
|
7221
|
+
this.filteredOptions = signal([], /* @ts-ignore */
|
|
7222
|
+
...(ngDevMode ? [{ debugName: "filteredOptions" }] : /* istanbul ignore next */ []));
|
|
7223
|
+
/** @ignore */
|
|
7224
|
+
this.searchValue = signal('', /* @ts-ignore */
|
|
7225
|
+
...(ngDevMode ? [{ debugName: "searchValue" }] : /* istanbul ignore next */ []));
|
|
7226
|
+
/** @ignore */
|
|
7227
|
+
this.noResultsFound = signal(false, /* @ts-ignore */
|
|
7228
|
+
...(ngDevMode ? [{ debugName: "noResultsFound" }] : /* istanbul ignore next */ []));
|
|
7229
|
+
/** @ignore */
|
|
7230
|
+
this.destroy$ = new Subject();
|
|
7231
|
+
/** @ignore */
|
|
7232
|
+
this.optionSubscriptions = [];
|
|
7233
|
+
/** @ignore - Flag to prevent circular updates */
|
|
7234
|
+
this.isBatchUpdate = false;
|
|
7235
|
+
/** @ignore */
|
|
7236
|
+
this.initializedConfigField = null;
|
|
7237
|
+
/** @ignore - tracks if we're currently emitting a change to prevent sync loop */
|
|
7238
|
+
this.isEmittingChange = false;
|
|
7239
|
+
/** Maximum characters before text is considered truncated */
|
|
7240
|
+
this.MAX_LABEL_LENGTH = 25;
|
|
7241
|
+
this.registry.register([
|
|
7242
|
+
adsIconSortDownToUp,
|
|
7243
|
+
adsIconSortUpToDown,
|
|
7244
|
+
adsIconCheckCircleFilled,
|
|
7245
|
+
adsIconVisibilityEyeNone,
|
|
7246
|
+
]);
|
|
7247
|
+
}
|
|
7248
|
+
/** @ignore */
|
|
7249
|
+
ngOnInit() {
|
|
7250
|
+
this.initializeFilterOptions();
|
|
7251
|
+
this.setupSearchSubscription();
|
|
7252
|
+
this.setupSelectAllSubscription();
|
|
7253
|
+
}
|
|
7254
|
+
/** @ignore */
|
|
7255
|
+
ngOnChanges(changes) {
|
|
7256
|
+
if (changes['config'] && !changes['config'].firstChange) {
|
|
7257
|
+
const newField = changes['config'].currentValue?.field;
|
|
7258
|
+
if (newField !== this.initializedConfigField) {
|
|
7259
|
+
this.initializeFilterOptions();
|
|
7260
|
+
}
|
|
7261
|
+
}
|
|
7262
|
+
if (changes['selectedFilterValues'] && !changes['selectedFilterValues'].firstChange) {
|
|
7263
|
+
if (!this.isEmittingChange) {
|
|
7264
|
+
this.syncFilterOptionsWithSelectedValues();
|
|
7265
|
+
}
|
|
7266
|
+
}
|
|
7267
|
+
}
|
|
7268
|
+
/** @ignore */
|
|
7269
|
+
ngOnDestroy() {
|
|
7270
|
+
this.destroy$.next();
|
|
7271
|
+
this.destroy$.complete();
|
|
7272
|
+
this.clearOptionSubscriptions();
|
|
7273
|
+
}
|
|
7274
|
+
/** @ignore */
|
|
7275
|
+
clearOptionSubscriptions() {
|
|
7276
|
+
this.optionSubscriptions.forEach(sub => sub.unsubscribe());
|
|
7277
|
+
this.optionSubscriptions = [];
|
|
7278
|
+
}
|
|
7279
|
+
/** @ignore */
|
|
7280
|
+
syncFilterOptionsWithSelectedValues() {
|
|
7281
|
+
const options = this.filterOptions();
|
|
7282
|
+
if (options.length === 0)
|
|
7283
|
+
return;
|
|
7284
|
+
this.isBatchUpdate = true;
|
|
7285
|
+
options.forEach((option) => {
|
|
7286
|
+
const shouldBeSelected = this.selectedFilterValues.includes(option.value);
|
|
7287
|
+
if (option.control.value !== shouldBeSelected) {
|
|
7288
|
+
option.control.setValue(shouldBeSelected, { emitEvent: false });
|
|
7289
|
+
}
|
|
7290
|
+
});
|
|
7291
|
+
// Trigger signal update to notify Angular of changes
|
|
7292
|
+
this.filterOptions.set([...options]);
|
|
7293
|
+
// Re-apply search filter to update filteredOptions
|
|
7294
|
+
this.filterOptionsBySearch(this.searchValue());
|
|
7295
|
+
this.isBatchUpdate = false;
|
|
7296
|
+
this.updateSelectAllState();
|
|
7297
|
+
}
|
|
7298
|
+
/** @ignore */
|
|
7299
|
+
initializeFilterOptions() {
|
|
7300
|
+
this.clearOptionSubscriptions();
|
|
7301
|
+
if (!this.config?.filterOptions) {
|
|
7302
|
+
this.filterOptions.set([]);
|
|
7303
|
+
this.filteredOptions.set([]);
|
|
7304
|
+
this.initializedConfigField = null;
|
|
7305
|
+
return;
|
|
7306
|
+
}
|
|
7307
|
+
this.initializedConfigField = this.config.field;
|
|
7308
|
+
// Convert raw options to string keys for comparison with selectedFilterValues
|
|
7309
|
+
const allOptionKeys = this.config.filterOptions.map((opt) => this.serializeOptionValue(opt));
|
|
7310
|
+
// Determine if we should default to all selected or use the provided selectedFilterValues
|
|
7311
|
+
const allOptionsSelected = this.selectedFilterValues.length === allOptionKeys.length &&
|
|
7312
|
+
allOptionKeys.every((key) => this.selectedFilterValues.includes(key));
|
|
7313
|
+
// Get the value formatter if provided
|
|
7314
|
+
const formatter = this.config.filterValueFormatter;
|
|
7315
|
+
const showDateOnly = this.config.showDateOnly ?? false;
|
|
7316
|
+
const options = this.config.filterOptions.map((rawValue) => {
|
|
7317
|
+
// Serialize raw value to stable string key for selection/persistence
|
|
7318
|
+
const key = this.serializeOptionValue(rawValue);
|
|
7319
|
+
// If all options match selectedFilterValues, treat as all selected
|
|
7320
|
+
// Otherwise, check if this specific key is in selectedFilterValues
|
|
7321
|
+
const isSelected = allOptionsSelected || this.selectedFilterValues.includes(key);
|
|
7322
|
+
const control = new FormControl(isSelected, { nonNullable: true });
|
|
7323
|
+
// Subscribe to control value changes
|
|
7324
|
+
const subscription = control.valueChanges.subscribe(() => {
|
|
7325
|
+
if (!this.isBatchUpdate) {
|
|
7326
|
+
this.onOptionChanged();
|
|
7327
|
+
}
|
|
7328
|
+
});
|
|
7329
|
+
this.optionSubscriptions.push(subscription);
|
|
7330
|
+
// Build the label:
|
|
7331
|
+
// When showDateOnly is enabled, the rawValue is already a trimmed date-only string
|
|
7332
|
+
// from the table component — use it directly to avoid re-parsing and timezone shift.
|
|
7333
|
+
// Otherwise, use formatter if provided, or convert to string.
|
|
7334
|
+
let label;
|
|
7335
|
+
if (showDateOnly) {
|
|
7336
|
+
label = String(rawValue ?? '');
|
|
7337
|
+
}
|
|
7338
|
+
else {
|
|
7339
|
+
label = formatter ? formatter(rawValue) : String(rawValue ?? '');
|
|
7340
|
+
}
|
|
7341
|
+
return {
|
|
7342
|
+
value: key,
|
|
7343
|
+
rawValue,
|
|
7344
|
+
label,
|
|
7345
|
+
control,
|
|
7346
|
+
};
|
|
7347
|
+
});
|
|
7348
|
+
// Apply sort order to filter options.
|
|
7349
|
+
// A custom comparator takes full precedence over built-in strategies.
|
|
7350
|
+
const customComparator = this.config.filterOptionsSortComparator;
|
|
7351
|
+
if (customComparator) {
|
|
7352
|
+
options.sort((a, b) => customComparator(a, b));
|
|
7353
|
+
}
|
|
7354
|
+
else {
|
|
7355
|
+
const isDateSort = this.config.sortType === 'date';
|
|
7356
|
+
if (isDateSort) {
|
|
7357
|
+
// For date columns, sort by the raw value (ISO string or date-only string)
|
|
7358
|
+
// so that chronological order is preserved regardless of display format (e.g. MM/DD/YYYY).
|
|
7359
|
+
options.sort((a, b) => {
|
|
7360
|
+
const aTime = new Date(String(a.rawValue ?? '')).getTime();
|
|
7361
|
+
const bTime = new Date(String(b.rawValue ?? '')).getTime();
|
|
7362
|
+
const diff = aTime - bTime;
|
|
7363
|
+
return this.config.filterOptionsSortOrder === 'desc' ? -diff : diff;
|
|
7364
|
+
});
|
|
7365
|
+
}
|
|
7366
|
+
else if (this.config.filterOptionsSortOrder === 'desc') {
|
|
7367
|
+
options.sort((a, b) => b.label.localeCompare(a.label));
|
|
7368
|
+
}
|
|
7369
|
+
else {
|
|
7370
|
+
options.sort((a, b) => a.label.localeCompare(b.label));
|
|
7371
|
+
}
|
|
7372
|
+
}
|
|
7373
|
+
this.filterOptions.set(options);
|
|
7374
|
+
this.filteredOptions.set([...options]);
|
|
7375
|
+
this.updateSelectAllState();
|
|
7376
|
+
}
|
|
7377
|
+
/** @ignore - Serialize any value into a stable string key for selection */
|
|
7378
|
+
serializeOptionValue(value) {
|
|
7379
|
+
if (value === null || value === undefined)
|
|
7380
|
+
return '';
|
|
7381
|
+
if (typeof value === 'string')
|
|
7382
|
+
return value;
|
|
7383
|
+
if (typeof value === 'number' || typeof value === 'boolean')
|
|
7384
|
+
return String(value);
|
|
7385
|
+
if (value instanceof Date)
|
|
7386
|
+
return value.toISOString();
|
|
7387
|
+
try {
|
|
7388
|
+
return JSON.stringify(value);
|
|
7389
|
+
}
|
|
7390
|
+
catch {
|
|
7391
|
+
return String(value);
|
|
7392
|
+
}
|
|
7393
|
+
}
|
|
7394
|
+
/** @ignore */
|
|
7395
|
+
setupSearchSubscription() {
|
|
7396
|
+
this.searchControl.valueChanges.pipe(takeUntil$1(this.destroy$)).subscribe((value) => {
|
|
7397
|
+
this.searchValue.set(value);
|
|
7398
|
+
this.filterOptionsBySearch(value);
|
|
7399
|
+
});
|
|
7385
7400
|
}
|
|
7386
7401
|
/** @ignore */
|
|
7387
|
-
|
|
7388
|
-
this.
|
|
7389
|
-
|
|
7402
|
+
setupSelectAllSubscription() {
|
|
7403
|
+
this.selectAllSubscription = this.selectAllControl.valueChanges
|
|
7404
|
+
.pipe(takeUntil$1(this.destroy$))
|
|
7405
|
+
.subscribe((isChecked) => {
|
|
7406
|
+
if (this.isBatchUpdate)
|
|
7407
|
+
return;
|
|
7408
|
+
this.isBatchUpdate = true;
|
|
7409
|
+
// Update all filter options (both filtered and main list share same objects)
|
|
7410
|
+
const allOptions = this.filterOptions();
|
|
7411
|
+
const filteredValues = new Set(this.filteredOptions().map(o => o.value));
|
|
7412
|
+
allOptions.forEach((option) => {
|
|
7413
|
+
// Only update options that are currently visible (filtered)
|
|
7414
|
+
if (filteredValues.has(option.value)) {
|
|
7415
|
+
option.control.setValue(isChecked, { emitEvent: false });
|
|
7416
|
+
}
|
|
7417
|
+
});
|
|
7418
|
+
// Trigger signal update to notify Angular of changes
|
|
7419
|
+
this.filterOptions.set([...allOptions]);
|
|
7420
|
+
this.filteredOptions.set(allOptions.filter(o => filteredValues.has(o.value)));
|
|
7421
|
+
this.isBatchUpdate = false;
|
|
7422
|
+
// Emit the filter change
|
|
7423
|
+
this.emitFilterChange();
|
|
7424
|
+
});
|
|
7390
7425
|
}
|
|
7391
|
-
/** @ignore
|
|
7392
|
-
|
|
7393
|
-
this.
|
|
7394
|
-
|
|
7395
|
-
|
|
7396
|
-
|
|
7397
|
-
|
|
7398
|
-
|
|
7399
|
-
for (const [field, direction] of this.columnSortStates) {
|
|
7400
|
-
if (direction !== null && !this.orderedActiveFields.includes(field)) {
|
|
7401
|
-
this.orderedActiveFields.push(field);
|
|
7402
|
-
}
|
|
7403
|
-
}
|
|
7404
|
-
// Build active sorts in order
|
|
7405
|
-
const activeSortsList = [];
|
|
7406
|
-
const activeFields = new Set();
|
|
7407
|
-
for (const field of this.orderedActiveFields) {
|
|
7408
|
-
const config = sortableConfigs.find(c => c.field === field);
|
|
7409
|
-
if (!config)
|
|
7410
|
-
continue;
|
|
7411
|
-
activeFields.add(field);
|
|
7412
|
-
const activeSort = this.createActiveSort(config, field);
|
|
7413
|
-
activeSortsList.push(activeSort);
|
|
7426
|
+
/** @ignore */
|
|
7427
|
+
filterOptionsBySearch(searchTerm) {
|
|
7428
|
+
const allOptions = this.filterOptions();
|
|
7429
|
+
if (!searchTerm) {
|
|
7430
|
+
this.filteredOptions.set([...allOptions]);
|
|
7431
|
+
this.noResultsFound.set(false);
|
|
7432
|
+
this.updateSelectAllState();
|
|
7433
|
+
return;
|
|
7414
7434
|
}
|
|
7415
|
-
|
|
7416
|
-
|
|
7417
|
-
|
|
7418
|
-
|
|
7419
|
-
|
|
7420
|
-
this.availableColumns.set(available);
|
|
7435
|
+
const lowerSearch = searchTerm.toLowerCase();
|
|
7436
|
+
const filtered = allOptions.filter((option) => option.label.toLowerCase().startsWith(lowerSearch));
|
|
7437
|
+
this.filteredOptions.set(filtered);
|
|
7438
|
+
this.noResultsFound.set(filtered.length === 0);
|
|
7439
|
+
this.updateSelectAllState();
|
|
7421
7440
|
}
|
|
7422
|
-
/** @ignore
|
|
7423
|
-
|
|
7424
|
-
|
|
7425
|
-
|
|
7426
|
-
|
|
7427
|
-
|
|
7428
|
-
|
|
7441
|
+
/** @ignore */
|
|
7442
|
+
onOptionChanged() {
|
|
7443
|
+
this.updateSelectAllState();
|
|
7444
|
+
this.emitFilterChange();
|
|
7445
|
+
}
|
|
7446
|
+
/** @ignore */
|
|
7447
|
+
updateSelectAllState() {
|
|
7448
|
+
this.isBatchUpdate = true;
|
|
7449
|
+
// Check ALL options, not just filtered ones
|
|
7450
|
+
const allOptions = this.filterOptions();
|
|
7451
|
+
const allChecked = allOptions.length > 0 && allOptions.every((opt) => opt.control.value);
|
|
7452
|
+
this.selectAllControl.setValue(allChecked, { emitEvent: false });
|
|
7453
|
+
this.isBatchUpdate = false;
|
|
7454
|
+
}
|
|
7455
|
+
/** @ignore */
|
|
7456
|
+
emitFilterChange() {
|
|
7457
|
+
const selectedValues = this.filterOptions()
|
|
7458
|
+
.filter((opt) => opt.control.value)
|
|
7459
|
+
.map((opt) => opt.value);
|
|
7460
|
+
this.isEmittingChange = true;
|
|
7461
|
+
this.filterChanged.emit({
|
|
7462
|
+
field: this.config.field,
|
|
7463
|
+
values: selectedValues,
|
|
7429
7464
|
});
|
|
7430
|
-
|
|
7431
|
-
|
|
7432
|
-
|
|
7433
|
-
.pipe(takeUntil$1(this.destroy$))
|
|
7434
|
-
.subscribe(() => {
|
|
7435
|
-
this.emitSortChanged();
|
|
7465
|
+
// Reset flag after a microtask
|
|
7466
|
+
Promise.resolve().then(() => {
|
|
7467
|
+
this.isEmittingChange = false;
|
|
7436
7468
|
});
|
|
7437
|
-
this.sortSubscriptions.push(sub);
|
|
7438
|
-
return {
|
|
7439
|
-
field,
|
|
7440
|
-
headerName: config.headerName,
|
|
7441
|
-
directionControl,
|
|
7442
|
-
options,
|
|
7443
|
-
};
|
|
7444
7469
|
}
|
|
7445
|
-
/** @ignore
|
|
7446
|
-
|
|
7447
|
-
const
|
|
7448
|
-
|
|
7449
|
-
|
|
7450
|
-
|
|
7451
|
-
|
|
7470
|
+
/** @ignore */
|
|
7471
|
+
onSortOptionClick(direction) {
|
|
7472
|
+
const newDirection = this.currentSortDirection === direction ? null : direction;
|
|
7473
|
+
this.sortChanged.emit({
|
|
7474
|
+
field: this.config.field,
|
|
7475
|
+
direction: newDirection,
|
|
7476
|
+
});
|
|
7452
7477
|
}
|
|
7453
|
-
/** @ignore
|
|
7454
|
-
|
|
7455
|
-
|
|
7456
|
-
if (!config?.sortOptions?.length)
|
|
7457
|
-
return;
|
|
7458
|
-
// Add to ordered list
|
|
7459
|
-
this.orderedActiveFields.push(column.field);
|
|
7460
|
-
// Remove from available columns
|
|
7461
|
-
const available = this.availableColumns().filter(c => c.field !== column.field);
|
|
7462
|
-
this.availableColumns.set(available);
|
|
7463
|
-
// Create active sort (defaults to first sortOption direction)
|
|
7464
|
-
const activeSort = this.createActiveSort(config, column.field);
|
|
7465
|
-
// Set to first available direction
|
|
7466
|
-
activeSort.directionControl.setValue(config.sortOptions[0].direction, { emitEvent: false });
|
|
7467
|
-
const currentSorts = [...this.activeSorts()];
|
|
7468
|
-
currentSorts.push(activeSort);
|
|
7469
|
-
this.activeSorts.set(currentSorts);
|
|
7470
|
-
// Emit updated sort configuration
|
|
7471
|
-
this.emitSortChanged();
|
|
7478
|
+
/** @ignore */
|
|
7479
|
+
onHideColumnClick() {
|
|
7480
|
+
this.hideColumn.emit(this.config.field);
|
|
7472
7481
|
}
|
|
7473
|
-
/** @ignore
|
|
7474
|
-
|
|
7475
|
-
|
|
7476
|
-
if (index === -1)
|
|
7477
|
-
return;
|
|
7478
|
-
this.orderedActiveFields.splice(index, 1);
|
|
7479
|
-
const currentSorts = this.activeSorts().filter(s => s.field !== field);
|
|
7480
|
-
this.activeSorts.set(currentSorts);
|
|
7481
|
-
// Add removed column back to available columns
|
|
7482
|
-
const config = this.columnSortFilterConfigs.find(c => c.field === field);
|
|
7483
|
-
if (config) {
|
|
7484
|
-
const available = [...this.availableColumns(), { field: config.field, headerName: config.headerName }];
|
|
7485
|
-
// Sort by original config order
|
|
7486
|
-
available.sort((a, b) => {
|
|
7487
|
-
const indexA = this.columnSortFilterConfigs.findIndex(c => c.field === a.field);
|
|
7488
|
-
const indexB = this.columnSortFilterConfigs.findIndex(c => c.field === b.field);
|
|
7489
|
-
return indexA - indexB;
|
|
7490
|
-
});
|
|
7491
|
-
this.availableColumns.set(available);
|
|
7492
|
-
}
|
|
7493
|
-
// Emit removal and updated sort state
|
|
7494
|
-
this.sortsRemoved.emit([field]);
|
|
7495
|
-
this.emitSortChanged();
|
|
7482
|
+
/** @ignore */
|
|
7483
|
+
isSortActive(direction) {
|
|
7484
|
+
return this.currentSortDirection === direction;
|
|
7496
7485
|
}
|
|
7497
|
-
/** @ignore
|
|
7498
|
-
|
|
7499
|
-
|
|
7500
|
-
moveItemInArray(currentSorts, event.previousIndex, event.currentIndex);
|
|
7501
|
-
moveItemInArray(this.orderedActiveFields, event.previousIndex, event.currentIndex);
|
|
7502
|
-
this.activeSorts.set(currentSorts);
|
|
7503
|
-
// Emit updated sort order
|
|
7504
|
-
this.emitSortChanged();
|
|
7486
|
+
/** @ignore */
|
|
7487
|
+
get hasFilterOptions() {
|
|
7488
|
+
return !!this.config?.filterOptions && this.config.filterOptions.length > 0;
|
|
7505
7489
|
}
|
|
7506
|
-
/** @ignore
|
|
7507
|
-
|
|
7508
|
-
return
|
|
7490
|
+
/** @ignore */
|
|
7491
|
+
get hasSortOptions() {
|
|
7492
|
+
return !!this.config?.sortOptions && this.config.sortOptions.length > 0;
|
|
7509
7493
|
}
|
|
7510
7494
|
/** @ignore */
|
|
7511
|
-
get
|
|
7512
|
-
return this.
|
|
7495
|
+
get sortOptions() {
|
|
7496
|
+
return this.config?.sortOptions || [];
|
|
7513
7497
|
}
|
|
7514
|
-
|
|
7515
|
-
|
|
7498
|
+
/** @ignore - Check if text would be truncated based on character length */
|
|
7499
|
+
isTextTruncated(text) {
|
|
7500
|
+
return text.length > this.MAX_LABEL_LENGTH;
|
|
7501
|
+
}
|
|
7502
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsColumnSortFilterMenuComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7503
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: AdsColumnSortFilterMenuComponent, isStandalone: true, selector: "ads-column-sort-filter-menu", inputs: { config: "config", currentSortDirection: "currentSortDirection", selectedFilterValues: "selectedFilterValues" }, outputs: { sortChanged: "sortChanged", filterChanged: "filterChanged", hideColumn: "hideColumn" }, usesOnChanges: true, ngImport: i0, template: "<div\n class=\"column-sort-filter-menu\"\n (click)=\"$event.stopPropagation()\"\n [class.full-height]=\"hasFilterOptions && hasSortOptions\"\n>\n <!-- Sort Options -->\n @if (hasSortOptions) {\n <div class=\"sort-section\">\n @for (sortOption of sortOptions; track sortOption.direction) {\n <div\n class=\"sort-option\"\n [class.active]=\"isSortActive(sortOption.direction)\"\n (click)=\"onSortOptionClick(sortOption.direction)\"\n >\n <ads-icon\n [name]=\"sortOption.direction === 'asc' ? 'sort_down_to_up' : 'sort_up_to_down'\"\n [theme]=\"isSortActive(sortOption.direction) ? 'secondary' : 'iconPrimary'\"\n size=\"xxs_16\"\n class=\"sort-icon\"\n />\n <span class=\"sort-label\">{{ sortOption.label }}</span>\n @if (isSortActive(sortOption.direction)) {\n <ads-icon\n name=\"check_circle_filled\"\n theme=\"secondary\"\n size=\"xxs_16\"\n />\n }\n </div>\n }\n </div>\n }\n\n @if (hasFilterOptions && hasSortOptions) {\n <ads-divider />\n }\n\n <!-- Filter Section -->\n @if (hasFilterOptions) {\n <div class=\"filter-section\">\n <ads-search-input\n [control]=\"searchControl\"\n placeholder=\"Filter Search\"\n [showFooter]=\"false\"\n />\n\n @if (noResultsFound()) {\n <p class=\"no-results\">\n Can't find \"{{ searchValue() }}.\" Try searching something else.\n </p>\n } @else {\n <div class=\"filter-options\">\n <!-- Select All - only show when not searching -->\n @if (!searchValue()) {\n <ads-checkbox\n [control]=\"selectAllControl\"\n label=\"Select All\"\n [showFooter]=\"false\"\n />\n }\n\n <!-- Filter Options List -->\n @for (option of filteredOptions(); track option.value) {\n <div class=\"filter-option-wrapper\" [matTooltip]=\"option.label\" [matTooltipDisabled]=\"!isTextTruncated(option.label)\">\n <ads-checkbox\n [control]=\"option.control\"\n [label]=\"option.label\"\n [showFooter]=\"false\"\n />\n </div>\n }\n </div>\n }\n </div>\n }\n\n <!-- Hide Column -->\n <div class=\"hide-column-section\" (click)=\"onHideColumnClick()\">\n <ads-icon name=\"visibility_eye_none\" theme=\"iconPrimary\" stroke=\"iconPrimary\" size=\"xxs_16\" />\n <span>Hide Column</span>\n </div>\n</div>\n\n", styles: [".column-sort-filter-menu{width:234px;max-height:358px;background-color:var(--color-white);display:flex;flex-direction:column}.column-sort-filter-menu.full-height{height:358px}.column-sort-filter-menu .sort-section{padding:0;flex-shrink:0}.column-sort-filter-menu .sort-section .sort-option{display:flex;align-items:center;gap:8px;padding:12px;cursor:pointer;transition:background-color .2s ease}.column-sort-filter-menu .sort-section .sort-option .sort-label{font-size:16px;line-height:21px;color:var(--color-dark)}.column-sort-filter-menu .sort-section .sort-option:hover:not(.active){background-color:var(--color-secondary-hover)}.column-sort-filter-menu .sort-section .sort-option:hover:not(.active) .sort-label{color:var(--color-white)}.column-sort-filter-menu .sort-section .sort-option:hover:not(.active) .sort-icon ::ng-deep svg{fill:var(--color-white)!important}.column-sort-filter-menu .sort-section .sort-option.active{background-color:var(--color-secondary-10)}.column-sort-filter-menu .filter-section{padding:0 12px;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.column-sort-filter-menu .filter-section ads-search-input{display:block;padding:12px 0;flex-shrink:0}.column-sort-filter-menu .filter-section .no-results{color:var(--color-error);font-size:12px;line-height:16px;padding:12px 0;font-weight:600;margin:0}.column-sort-filter-menu .filter-section .filter-options{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.column-sort-filter-menu .filter-section .filter-options .filter-option-wrapper ads-checkbox{display:block}.column-sort-filter-menu .filter-section .filter-options .filter-option-wrapper ads-checkbox ::ng-deep .checkbox-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.column-sort-filter-menu .hide-column-section{display:flex;align-items:center;gap:8px;padding:12px;cursor:pointer;transition:background-color .2s ease;flex-shrink:0;border-top:1px solid var(--color-light)}.column-sort-filter-menu .hide-column-section:hover{background-color:var(--color-secondary-hover)}.column-sort-filter-menu .hide-column-section:hover span{color:var(--color-white)}.column-sort-filter-menu .hide-column-section:hover ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}.column-sort-filter-menu .hide-column-section:active{background-color:var(--color-secondary-pressed)}.column-sort-filter-menu .hide-column-section:active span{color:var(--color-white)}.column-sort-filter-menu .hide-column-section:active ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}.column-sort-filter-menu .hide-column-section span{font-size:16px;line-height:21px;color:var(--color-dark)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: AdsSearchInputComponent, selector: "ads-search-input", inputs: ["searchCallback", "isIconClickable", "searchEmptyValue", "loading"] }, { kind: "component", type: AdsCheckboxComponent, selector: "ads-checkbox", inputs: ["indeterminate", "width", "tooltip", "tooltipHref", "size"] }, { kind: "component", type: DividerComponent, selector: "ads-divider", inputs: ["margin", "color"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7516
7504
|
}
|
|
7517
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type:
|
|
7505
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsColumnSortFilterMenuComponent, decorators: [{
|
|
7518
7506
|
type: Component,
|
|
7519
|
-
args: [{ selector: 'ads-sort-menu', imports: [CommonModule, ReactiveFormsModule, AdsIconComponent,
|
|
7520
|
-
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: {
|
|
7507
|
+
args: [{ selector: 'ads-column-sort-filter-menu', imports: [CommonModule, ReactiveFormsModule, AdsIconComponent, AdsSearchInputComponent, AdsCheckboxComponent, DividerComponent, MatTooltip], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"column-sort-filter-menu\"\n (click)=\"$event.stopPropagation()\"\n [class.full-height]=\"hasFilterOptions && hasSortOptions\"\n>\n <!-- Sort Options -->\n @if (hasSortOptions) {\n <div class=\"sort-section\">\n @for (sortOption of sortOptions; track sortOption.direction) {\n <div\n class=\"sort-option\"\n [class.active]=\"isSortActive(sortOption.direction)\"\n (click)=\"onSortOptionClick(sortOption.direction)\"\n >\n <ads-icon\n [name]=\"sortOption.direction === 'asc' ? 'sort_down_to_up' : 'sort_up_to_down'\"\n [theme]=\"isSortActive(sortOption.direction) ? 'secondary' : 'iconPrimary'\"\n size=\"xxs_16\"\n class=\"sort-icon\"\n />\n <span class=\"sort-label\">{{ sortOption.label }}</span>\n @if (isSortActive(sortOption.direction)) {\n <ads-icon\n name=\"check_circle_filled\"\n theme=\"secondary\"\n size=\"xxs_16\"\n />\n }\n </div>\n }\n </div>\n }\n\n @if (hasFilterOptions && hasSortOptions) {\n <ads-divider />\n }\n\n <!-- Filter Section -->\n @if (hasFilterOptions) {\n <div class=\"filter-section\">\n <ads-search-input\n [control]=\"searchControl\"\n placeholder=\"Filter Search\"\n [showFooter]=\"false\"\n />\n\n @if (noResultsFound()) {\n <p class=\"no-results\">\n Can't find \"{{ searchValue() }}.\" Try searching something else.\n </p>\n } @else {\n <div class=\"filter-options\">\n <!-- Select All - only show when not searching -->\n @if (!searchValue()) {\n <ads-checkbox\n [control]=\"selectAllControl\"\n label=\"Select All\"\n [showFooter]=\"false\"\n />\n }\n\n <!-- Filter Options List -->\n @for (option of filteredOptions(); track option.value) {\n <div class=\"filter-option-wrapper\" [matTooltip]=\"option.label\" [matTooltipDisabled]=\"!isTextTruncated(option.label)\">\n <ads-checkbox\n [control]=\"option.control\"\n [label]=\"option.label\"\n [showFooter]=\"false\"\n />\n </div>\n }\n </div>\n }\n </div>\n }\n\n <!-- Hide Column -->\n <div class=\"hide-column-section\" (click)=\"onHideColumnClick()\">\n <ads-icon name=\"visibility_eye_none\" theme=\"iconPrimary\" stroke=\"iconPrimary\" size=\"xxs_16\" />\n <span>Hide Column</span>\n </div>\n</div>\n\n", styles: [".column-sort-filter-menu{width:234px;max-height:358px;background-color:var(--color-white);display:flex;flex-direction:column}.column-sort-filter-menu.full-height{height:358px}.column-sort-filter-menu .sort-section{padding:0;flex-shrink:0}.column-sort-filter-menu .sort-section .sort-option{display:flex;align-items:center;gap:8px;padding:12px;cursor:pointer;transition:background-color .2s ease}.column-sort-filter-menu .sort-section .sort-option .sort-label{font-size:16px;line-height:21px;color:var(--color-dark)}.column-sort-filter-menu .sort-section .sort-option:hover:not(.active){background-color:var(--color-secondary-hover)}.column-sort-filter-menu .sort-section .sort-option:hover:not(.active) .sort-label{color:var(--color-white)}.column-sort-filter-menu .sort-section .sort-option:hover:not(.active) .sort-icon ::ng-deep svg{fill:var(--color-white)!important}.column-sort-filter-menu .sort-section .sort-option.active{background-color:var(--color-secondary-10)}.column-sort-filter-menu .filter-section{padding:0 12px;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.column-sort-filter-menu .filter-section ads-search-input{display:block;padding:12px 0;flex-shrink:0}.column-sort-filter-menu .filter-section .no-results{color:var(--color-error);font-size:12px;line-height:16px;padding:12px 0;font-weight:600;margin:0}.column-sort-filter-menu .filter-section .filter-options{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.column-sort-filter-menu .filter-section .filter-options .filter-option-wrapper ads-checkbox{display:block}.column-sort-filter-menu .filter-section .filter-options .filter-option-wrapper ads-checkbox ::ng-deep .checkbox-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.column-sort-filter-menu .hide-column-section{display:flex;align-items:center;gap:8px;padding:12px;cursor:pointer;transition:background-color .2s ease;flex-shrink:0;border-top:1px solid var(--color-light)}.column-sort-filter-menu .hide-column-section:hover{background-color:var(--color-secondary-hover)}.column-sort-filter-menu .hide-column-section:hover span{color:var(--color-white)}.column-sort-filter-menu .hide-column-section:hover ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}.column-sort-filter-menu .hide-column-section:active{background-color:var(--color-secondary-pressed)}.column-sort-filter-menu .hide-column-section:active span{color:var(--color-white)}.column-sort-filter-menu .hide-column-section:active ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}.column-sort-filter-menu .hide-column-section span{font-size:16px;line-height:21px;color:var(--color-dark)}\n"] }]
|
|
7508
|
+
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { config: [{
|
|
7521
7509
|
type: Input
|
|
7522
|
-
}],
|
|
7510
|
+
}], currentSortDirection: [{
|
|
7511
|
+
type: Input
|
|
7512
|
+
}], selectedFilterValues: [{
|
|
7523
7513
|
type: Input
|
|
7524
7514
|
}], sortChanged: [{
|
|
7525
7515
|
type: Output
|
|
7526
|
-
}],
|
|
7516
|
+
}], filterChanged: [{
|
|
7517
|
+
type: Output
|
|
7518
|
+
}], hideColumn: [{
|
|
7527
7519
|
type: Output
|
|
7528
7520
|
}] } });
|
|
7529
7521
|
|
|
@@ -9181,7 +9173,7 @@ class AdsTableComponent {
|
|
|
9181
9173
|
return options.map((v) => this.serializeCellValue(v));
|
|
9182
9174
|
}
|
|
9183
9175
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsTableComponent, deps: [{ token: i0.ElementRef }, { token: i1.AdsIconRegistry }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9184
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: AdsTableComponent, isStandalone: true, 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", noRowsTemplate: "noRowsTemplate", 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\">\n @if (showHeaderActions) {\n <div class=\"table-header\">\n <div class=\"header-template-container\">\n @if (showChangeViewButton) {\n <div class=\"change-view-button\" (click)=\"toggleView()\">\n @if (isListView()) {\n <ads-icon name=\"grid_view\" size=\"xxxs\" stroke=\"iconPrimary\" />\n } @else {\n <ads-icon name=\"list_view\" size=\"xxxs\" stroke=\"iconPrimary\" />\n }\n </div>\n }\n <div class=\"header-template\">\n @if (headerTemplate) {\n <ng-container *ngTemplateOutlet=\"headerTemplate\" />\n }\n </div>\n\n </div>\n\n <div class=\"header-actions\">\n @if (!isListView()) {\n <ads-table-button\n id=\"show-hide-columns-button\"\n [matMenuTriggerFor]=\"columnVisibilityMenu\"\n (menuOpened)=\"openColumnVisibilityMenu()\"\n (menuClosed)=\"onColumnVisibilityMenuClosed()\"\n >\n <ads-icon\n name=\"visibility_eye_none\"\n theme=\"secondary\"\n stroke=\"secondary\"\n size=\"xxxs\"\n />\n @if (!mobileHeaderView) {\n {{ hideColumnButtonLabel }}\n }\n </ads-table-button>\n }\n\n <ads-table-button\n id=\"filter-button\"\n [matMenuTriggerFor]=\"filterMenu\"\n (menuOpened)=\"openFilterMenu()\"\n (menuClosed)=\"onFilterMenuClosed()\"\n >\n <ads-icon\n name=\"filter\"\n theme=\"secondary\"\n size=\"xxxs\"\n />\n @if (!mobileHeaderView) {\n {{ filterButtonLabel }}\n }\n\n </ads-table-button>\n <ads-table-button\n id=\"sort-button\"\n [matMenuTriggerFor]=\"sortMenu\"\n >\n <ads-icon\n name=\"arrow_up_and_down\"\n theme=\"secondary\"\n size=\"xxxs\"\n />\n @if (!mobileHeaderView) {\n {{ sortButtonLabel }}\n }\n </ads-table-button>\n </div>\n </div>\n }\n\n <ag-grid-angular\n [ngStyle]=\"{ height: height }\"\n [style.display]=\"isListView() ? 'none' : ''\"\n [icons]=\"getAgGridIcons()\"\n class=\"ag-theme-quartz\"\n [gridOptions]=\"gridOptions\"\n [rowData]=\"rowData\"\n [columnDefs]=\"getProcessedColumnDefs()\"\n [defaultColDef]=\"getDefaultColDef()\"\n [components]=\"frameworkComponents\"\n [isExternalFilterPresent]=\"isExternalFilterPresent\"\n [doesExternalFilterPass]=\"doesExternalFilterPass\"\n (gridReady)=\"gridReady($event)\"\n (firstDataRendered)=\"firstDataRendered($event)\"\n (sortChanged)=\"sortChanged($event)\"\n (filterChanged)=\"filterChanged($event)\"\n [theme]=\"themeQuartz\"\n [loading]=\"loading\"\n [enableCellTextSelection]=\"true\"\n [ensureDomOrder]=\"true\"\n />\n\n @if (isListView()) {\n @if (loading) {\n <div class=\"list-view-container list-view-loading-container\" [ngStyle]=\"{ height: height }\">\n <div class=\"list-view-loading\">\n <ads-progress-spinner [size]=\"SpinnerSize.small\" />\n </div>\n </div>\n } @else if (noRowsTemplate && listRowDataCache().length === 0) {\n <div class=\"list-view-container list-no-rows-container\" [ngStyle]=\"{ height: height }\">\n <ng-container *ngTemplateOutlet=\"noRowsTemplate\" />\n </div>\n } @else {\n <cdk-virtual-scroll-viewport\n class=\"list-view-container\"\n [itemSize]=\"listItemHeight()\"\n [minBufferPx]=\"listItemHeight() * 4\"\n [maxBufferPx]=\"listItemHeight() * 8\"\n [ngStyle]=\"{ height: height }\"\n >\n <div\n *cdkVirtualFor=\"let row of listRowDataCache(); trackBy: listTrackBy\"\n class=\"list-view-item\"\n >\n @if (listItemTemplate) {\n <ng-container\n [ngTemplateOutlet]=\"listItemTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: row }\"\n />\n }\n </div>\n </cdk-virtual-scroll-viewport>\n }\n }\n\n <!-- Column Visibility Menu -->\n <mat-menu #columnVisibilityMenu=\"matMenu\" class=\"column-visibility-menu\" [class.has-header]=\"showHeaderActions\">\n <div class=\"menu-content\" (click)=\"$event.stopPropagation()\">\n <p class=\"dropdown-label\">Show/Hide Columns</p>\n <div class=\"dropdown-body\">\n @for (column of columnVisibilityList(); track $index) {\n <div class=\"column-row\">\n <span\n class=\"column-name\"\n [matTooltip]=\"column.headerName\"\n [matTooltipDisabled]=\"getTooltipDisabled(column.headerName)\"\n >\n {{ column.headerName }}\n </span>\n <div class=\"column-toggle\">\n <ads-slide-toggle\n [id]=\"'toggle-' + column.field\"\n [control]=\"column.control\"\n [showFooter]=\"false\"\n [customTitles]=\"['Show', 'Hide']\"\n />\n </div>\n </div>\n }\n </div>\n\n <ads-divider />\n\n <div class=\"dropdown-footer\">\n <ads-button\n [fullWidth]=\"true\"\n (click)=\"hideAllColumns()\"\n [disabled]=\"allColumnsHidden\"\n variant=\"tertiary\"\n id='hide-all-button'\n size=\"xs\"\n >\n Hide All\n </ads-button>\n <ads-button\n [fullWidth]=\"true\"\n (click)=\"showAllColumns()\"\n [disabled]=\"allColumnsVisible\"\n variant=\"tertiary\"\n id=\"show-all-button\"\n size=\"xs\"\n >\n Show All\n </ads-button>\n </div>\n </div>\n </mat-menu>\n\n <!-- Filter Menu -->\n <mat-menu #filterMenu=\"matMenu\" class=\"filter-menu-panel\" (closed)=\"filterMenuComponent.onMenuClosed()\">\n <ads-filter-menu\n #filterMenuComponent\n [columnSortFilterConfigs]=\"columnSortFilterConfigs\"\n [columnFilterStates]=\"columnFilterStates()\"\n [getFilterOptionsForField]=\"getFilterOptionsForFieldFn\"\n [getHierarchicalFilterOptionsForField]=\"getHierarchicalFilterOptionsForFieldFn\"\n [getFilterValuesForField]=\"getFilterValuesForFieldFn\"\n [isColumnFilteredFn]=\"isColumnFilteredFn\"\n [getFilterValueFormatterForField]=\"getFilterValueFormatterForFieldFn\"\n (filterChanged)=\"onFilterMenuFilterChanged($event)\"\n (filtersRemoved)=\"onFilterMenuFilterRemoved($event)\"\n />\n </mat-menu>\n\n <!-- Sort Menu -->\n <mat-menu #sortMenu=\"matMenu\" class=\"sort-menu-panel\">\n <ads-sort-menu\n [columnSortFilterConfigs]=\"columnSortFilterConfigs\"\n [columnSortStates]=\"columnSortStates()\"\n (sortChanged)=\"onSortMenuSortChanged($event)\"\n (sortsRemoved)=\"onSortMenuSortsRemoved($event)\"\n />\n </mat-menu>\n</div>\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 .list-no-rows-container{overflow:hidden;justify-content:center;align-items:center}: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: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ScrollingModule }, { 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: AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: 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: "ngmodule", type: MatDialogModule }, { 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: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatMenuModule }, { 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 }); }
|
|
9176
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: AdsTableComponent, isStandalone: true, 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", noRowsTemplate: "noRowsTemplate", 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\">\n @if (showHeaderActions) {\n <div class=\"table-header\">\n <div class=\"header-template-container\">\n @if (showChangeViewButton) {\n <div class=\"change-view-button\" (click)=\"toggleView()\">\n @if (isListView()) {\n <ads-icon name=\"grid_view\" size=\"xxxs\" stroke=\"iconPrimary\" />\n } @else {\n <ads-icon name=\"list_view\" size=\"xxxs\" stroke=\"iconPrimary\" />\n }\n </div>\n }\n <div class=\"header-template\">\n @if (headerTemplate) {\n <ng-container *ngTemplateOutlet=\"headerTemplate\" />\n }\n </div>\n\n </div>\n\n <div class=\"header-actions\">\n @if (!isListView()) {\n <ads-table-button\n id=\"show-hide-columns-button\"\n [matMenuTriggerFor]=\"columnVisibilityMenu\"\n (menuOpened)=\"openColumnVisibilityMenu()\"\n (menuClosed)=\"onColumnVisibilityMenuClosed()\"\n >\n <ads-icon\n name=\"visibility_eye_none\"\n theme=\"secondary\"\n stroke=\"secondary\"\n size=\"xxxs\"\n />\n @if (!mobileHeaderView) {\n {{ hideColumnButtonLabel }}\n }\n </ads-table-button>\n }\n\n <ads-table-button\n id=\"filter-button\"\n [matMenuTriggerFor]=\"filterMenu\"\n (menuOpened)=\"openFilterMenu()\"\n (menuClosed)=\"onFilterMenuClosed()\"\n >\n <ads-icon\n name=\"filter\"\n theme=\"secondary\"\n size=\"xxxs\"\n />\n @if (!mobileHeaderView) {\n {{ filterButtonLabel }}\n }\n\n </ads-table-button>\n <ads-table-button\n id=\"sort-button\"\n [matMenuTriggerFor]=\"sortMenu\"\n >\n <ads-icon\n name=\"arrow_up_and_down\"\n theme=\"secondary\"\n size=\"xxxs\"\n />\n @if (!mobileHeaderView) {\n {{ sortButtonLabel }}\n }\n </ads-table-button>\n </div>\n </div>\n }\n\n <ag-grid-angular\n [ngStyle]=\"{ height: height }\"\n [style.display]=\"isListView() ? 'none' : ''\"\n [icons]=\"getAgGridIcons()\"\n class=\"ag-theme-quartz\"\n [gridOptions]=\"gridOptions\"\n [rowData]=\"rowData\"\n [columnDefs]=\"getProcessedColumnDefs()\"\n [defaultColDef]=\"getDefaultColDef()\"\n [components]=\"frameworkComponents\"\n [isExternalFilterPresent]=\"isExternalFilterPresent\"\n [doesExternalFilterPass]=\"doesExternalFilterPass\"\n (gridReady)=\"gridReady($event)\"\n (firstDataRendered)=\"firstDataRendered($event)\"\n (sortChanged)=\"sortChanged($event)\"\n (filterChanged)=\"filterChanged($event)\"\n [theme]=\"themeQuartz\"\n [loading]=\"loading\"\n [enableCellTextSelection]=\"true\"\n [ensureDomOrder]=\"true\"\n />\n\n @if (isListView()) {\n @if (loading) {\n <div class=\"list-view-container list-view-loading-container\" [ngStyle]=\"{ height: height }\">\n <div class=\"list-view-loading\">\n <ads-progress-spinner [size]=\"SpinnerSize.small\" />\n </div>\n </div>\n } @else if (noRowsTemplate && listRowDataCache().length === 0) {\n <div class=\"list-view-container list-no-rows-container\" [ngStyle]=\"{ height: height }\">\n <ng-container *ngTemplateOutlet=\"noRowsTemplate\" />\n </div>\n } @else {\n <cdk-virtual-scroll-viewport\n class=\"list-view-container\"\n [itemSize]=\"listItemHeight()\"\n [minBufferPx]=\"listItemHeight() * 4\"\n [maxBufferPx]=\"listItemHeight() * 8\"\n [ngStyle]=\"{ height: height }\"\n >\n <div\n *cdkVirtualFor=\"let row of listRowDataCache(); trackBy: listTrackBy\"\n class=\"list-view-item\"\n >\n @if (listItemTemplate) {\n <ng-container\n [ngTemplateOutlet]=\"listItemTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: row }\"\n />\n }\n </div>\n </cdk-virtual-scroll-viewport>\n }\n }\n\n <!-- Column Visibility Menu -->\n <mat-menu #columnVisibilityMenu=\"matMenu\" class=\"column-visibility-menu\" [class.has-header]=\"showHeaderActions\">\n <div class=\"menu-content\" (click)=\"$event.stopPropagation()\">\n <p class=\"dropdown-label\">Show/Hide Columns</p>\n <div class=\"dropdown-body\">\n @for (column of columnVisibilityList(); track $index) {\n <div class=\"column-row\">\n <span\n class=\"column-name\"\n [matTooltip]=\"column.headerName\"\n [matTooltipDisabled]=\"getTooltipDisabled(column.headerName)\"\n >\n {{ column.headerName }}\n </span>\n <div class=\"column-toggle\">\n <ads-slide-toggle\n [id]=\"'toggle-' + column.field\"\n [control]=\"column.control\"\n [showFooter]=\"false\"\n [customTitles]=\"['Show', 'Hide']\"\n />\n </div>\n </div>\n }\n </div>\n\n <ads-divider />\n\n <div class=\"dropdown-footer\">\n <ads-button\n [fullWidth]=\"true\"\n (click)=\"hideAllColumns()\"\n [disabled]=\"allColumnsHidden\"\n variant=\"tertiary\"\n id='hide-all-button'\n size=\"xs\"\n >\n Hide All\n </ads-button>\n <ads-button\n [fullWidth]=\"true\"\n (click)=\"showAllColumns()\"\n [disabled]=\"allColumnsVisible\"\n variant=\"tertiary\"\n id=\"show-all-button\"\n size=\"xs\"\n >\n Show All\n </ads-button>\n </div>\n </div>\n </mat-menu>\n\n <!-- Filter Menu -->\n <mat-menu #filterMenu=\"matMenu\" class=\"filter-menu-panel\" (closed)=\"filterMenuComponent.onMenuClosed()\">\n <ads-filter-menu\n #filterMenuComponent\n [columnSortFilterConfigs]=\"columnSortFilterConfigs\"\n [columnFilterStates]=\"columnFilterStates()\"\n [getFilterOptionsForField]=\"getFilterOptionsForFieldFn\"\n [getHierarchicalFilterOptionsForField]=\"getHierarchicalFilterOptionsForFieldFn\"\n [getFilterValuesForField]=\"getFilterValuesForFieldFn\"\n [isColumnFilteredFn]=\"isColumnFilteredFn\"\n [getFilterValueFormatterForField]=\"getFilterValueFormatterForFieldFn\"\n (filterChanged)=\"onFilterMenuFilterChanged($event)\"\n (filtersRemoved)=\"onFilterMenuFilterRemoved($event)\"\n />\n </mat-menu>\n\n <!-- Sort Menu -->\n <mat-menu #sortMenu=\"matMenu\" class=\"sort-menu-panel\">\n <ads-sort-menu\n [columnSortFilterConfigs]=\"columnSortFilterConfigs\"\n [columnSortStates]=\"columnSortStates()\"\n (sortChanged)=\"onSortMenuSortChanged($event)\"\n (sortsRemoved)=\"onSortMenuSortsRemoved($event)\"\n />\n </mat-menu>\n</div>\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 .list-no-rows-container{overflow:hidden;justify-content:center;align-items:center}: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: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ScrollingModule }, { 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: AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "toolbar", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipSwitchShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "calculatedColumns", "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", "processFileInput", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "paginationPanels", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "formulaDataSource", "notesDataSource", "noteTrigger", "noteShowDelay", "noteHideDelay", "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", "groupHideColumnsUntilExpanded", "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", "suppressContentVisibilityAuto", "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", "tabToNextGridContainer", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "ssrmExpandAllAffectsAllRows", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "autoGenerateColumnDefs", "processAutoGeneratedColumnDefs", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow", "isRowValidDropPosition"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "calculatedColumnCreated", "calculatedColumnExpressionChanged", "calculatedColumnRemoved", "calculatedColumnValidationStateChanged", "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: "ngmodule", type: MatDialogModule }, { 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: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatMenuModule }, { 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 }); }
|
|
9185
9177
|
}
|
|
9186
9178
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsTableComponent, decorators: [{
|
|
9187
9179
|
type: Component,
|
|
@@ -9197,10 +9189,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
|
|
|
9197
9189
|
DividerComponent,
|
|
9198
9190
|
MatTooltip,
|
|
9199
9191
|
MatMenuModule,
|
|
9200
|
-
AdsColumnSortFilterMenuComponent,
|
|
9201
9192
|
AdsFilterMenuComponent,
|
|
9202
9193
|
AdsSortMenuComponent,
|
|
9203
|
-
AdsCustomHeaderComponent,
|
|
9204
9194
|
AdsProgressSpinnerComponent,
|
|
9205
9195
|
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ads-table-container\" [style.width]=\"width\" [class.with-header]=\"showHeaderActions\" [class.no-border]=\"!showBorder\">\n @if (showHeaderActions) {\n <div class=\"table-header\">\n <div class=\"header-template-container\">\n @if (showChangeViewButton) {\n <div class=\"change-view-button\" (click)=\"toggleView()\">\n @if (isListView()) {\n <ads-icon name=\"grid_view\" size=\"xxxs\" stroke=\"iconPrimary\" />\n } @else {\n <ads-icon name=\"list_view\" size=\"xxxs\" stroke=\"iconPrimary\" />\n }\n </div>\n }\n <div class=\"header-template\">\n @if (headerTemplate) {\n <ng-container *ngTemplateOutlet=\"headerTemplate\" />\n }\n </div>\n\n </div>\n\n <div class=\"header-actions\">\n @if (!isListView()) {\n <ads-table-button\n id=\"show-hide-columns-button\"\n [matMenuTriggerFor]=\"columnVisibilityMenu\"\n (menuOpened)=\"openColumnVisibilityMenu()\"\n (menuClosed)=\"onColumnVisibilityMenuClosed()\"\n >\n <ads-icon\n name=\"visibility_eye_none\"\n theme=\"secondary\"\n stroke=\"secondary\"\n size=\"xxxs\"\n />\n @if (!mobileHeaderView) {\n {{ hideColumnButtonLabel }}\n }\n </ads-table-button>\n }\n\n <ads-table-button\n id=\"filter-button\"\n [matMenuTriggerFor]=\"filterMenu\"\n (menuOpened)=\"openFilterMenu()\"\n (menuClosed)=\"onFilterMenuClosed()\"\n >\n <ads-icon\n name=\"filter\"\n theme=\"secondary\"\n size=\"xxxs\"\n />\n @if (!mobileHeaderView) {\n {{ filterButtonLabel }}\n }\n\n </ads-table-button>\n <ads-table-button\n id=\"sort-button\"\n [matMenuTriggerFor]=\"sortMenu\"\n >\n <ads-icon\n name=\"arrow_up_and_down\"\n theme=\"secondary\"\n size=\"xxxs\"\n />\n @if (!mobileHeaderView) {\n {{ sortButtonLabel }}\n }\n </ads-table-button>\n </div>\n </div>\n }\n\n <ag-grid-angular\n [ngStyle]=\"{ height: height }\"\n [style.display]=\"isListView() ? 'none' : ''\"\n [icons]=\"getAgGridIcons()\"\n class=\"ag-theme-quartz\"\n [gridOptions]=\"gridOptions\"\n [rowData]=\"rowData\"\n [columnDefs]=\"getProcessedColumnDefs()\"\n [defaultColDef]=\"getDefaultColDef()\"\n [components]=\"frameworkComponents\"\n [isExternalFilterPresent]=\"isExternalFilterPresent\"\n [doesExternalFilterPass]=\"doesExternalFilterPass\"\n (gridReady)=\"gridReady($event)\"\n (firstDataRendered)=\"firstDataRendered($event)\"\n (sortChanged)=\"sortChanged($event)\"\n (filterChanged)=\"filterChanged($event)\"\n [theme]=\"themeQuartz\"\n [loading]=\"loading\"\n [enableCellTextSelection]=\"true\"\n [ensureDomOrder]=\"true\"\n />\n\n @if (isListView()) {\n @if (loading) {\n <div class=\"list-view-container list-view-loading-container\" [ngStyle]=\"{ height: height }\">\n <div class=\"list-view-loading\">\n <ads-progress-spinner [size]=\"SpinnerSize.small\" />\n </div>\n </div>\n } @else if (noRowsTemplate && listRowDataCache().length === 0) {\n <div class=\"list-view-container list-no-rows-container\" [ngStyle]=\"{ height: height }\">\n <ng-container *ngTemplateOutlet=\"noRowsTemplate\" />\n </div>\n } @else {\n <cdk-virtual-scroll-viewport\n class=\"list-view-container\"\n [itemSize]=\"listItemHeight()\"\n [minBufferPx]=\"listItemHeight() * 4\"\n [maxBufferPx]=\"listItemHeight() * 8\"\n [ngStyle]=\"{ height: height }\"\n >\n <div\n *cdkVirtualFor=\"let row of listRowDataCache(); trackBy: listTrackBy\"\n class=\"list-view-item\"\n >\n @if (listItemTemplate) {\n <ng-container\n [ngTemplateOutlet]=\"listItemTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: row }\"\n />\n }\n </div>\n </cdk-virtual-scroll-viewport>\n }\n }\n\n <!-- Column Visibility Menu -->\n <mat-menu #columnVisibilityMenu=\"matMenu\" class=\"column-visibility-menu\" [class.has-header]=\"showHeaderActions\">\n <div class=\"menu-content\" (click)=\"$event.stopPropagation()\">\n <p class=\"dropdown-label\">Show/Hide Columns</p>\n <div class=\"dropdown-body\">\n @for (column of columnVisibilityList(); track $index) {\n <div class=\"column-row\">\n <span\n class=\"column-name\"\n [matTooltip]=\"column.headerName\"\n [matTooltipDisabled]=\"getTooltipDisabled(column.headerName)\"\n >\n {{ column.headerName }}\n </span>\n <div class=\"column-toggle\">\n <ads-slide-toggle\n [id]=\"'toggle-' + column.field\"\n [control]=\"column.control\"\n [showFooter]=\"false\"\n [customTitles]=\"['Show', 'Hide']\"\n />\n </div>\n </div>\n }\n </div>\n\n <ads-divider />\n\n <div class=\"dropdown-footer\">\n <ads-button\n [fullWidth]=\"true\"\n (click)=\"hideAllColumns()\"\n [disabled]=\"allColumnsHidden\"\n variant=\"tertiary\"\n id='hide-all-button'\n size=\"xs\"\n >\n Hide All\n </ads-button>\n <ads-button\n [fullWidth]=\"true\"\n (click)=\"showAllColumns()\"\n [disabled]=\"allColumnsVisible\"\n variant=\"tertiary\"\n id=\"show-all-button\"\n size=\"xs\"\n >\n Show All\n </ads-button>\n </div>\n </div>\n </mat-menu>\n\n <!-- Filter Menu -->\n <mat-menu #filterMenu=\"matMenu\" class=\"filter-menu-panel\" (closed)=\"filterMenuComponent.onMenuClosed()\">\n <ads-filter-menu\n #filterMenuComponent\n [columnSortFilterConfigs]=\"columnSortFilterConfigs\"\n [columnFilterStates]=\"columnFilterStates()\"\n [getFilterOptionsForField]=\"getFilterOptionsForFieldFn\"\n [getHierarchicalFilterOptionsForField]=\"getHierarchicalFilterOptionsForFieldFn\"\n [getFilterValuesForField]=\"getFilterValuesForFieldFn\"\n [isColumnFilteredFn]=\"isColumnFilteredFn\"\n [getFilterValueFormatterForField]=\"getFilterValueFormatterForFieldFn\"\n (filterChanged)=\"onFilterMenuFilterChanged($event)\"\n (filtersRemoved)=\"onFilterMenuFilterRemoved($event)\"\n />\n </mat-menu>\n\n <!-- Sort Menu -->\n <mat-menu #sortMenu=\"matMenu\" class=\"sort-menu-panel\">\n <ads-sort-menu\n [columnSortFilterConfigs]=\"columnSortFilterConfigs\"\n [columnSortStates]=\"columnSortStates()\"\n (sortChanged)=\"onSortMenuSortChanged($event)\"\n (sortsRemoved)=\"onSortMenuSortsRemoved($event)\"\n />\n </mat-menu>\n</div>\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 .list-no-rows-container{overflow:hidden;justify-content:center;align-items:center}: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"] }]
|
|
9206
9196
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.AdsIconRegistry }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }], propDecorators: { width: [{
|
|
@@ -9288,7 +9278,7 @@ class AdsNavMenuComponent {
|
|
|
9288
9278
|
}
|
|
9289
9279
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsNavMenuComponent, decorators: [{
|
|
9290
9280
|
type: Component,
|
|
9291
|
-
args: [{ selector: 'ads-nav-menu', imports: [CommonModule, AdsIconComponent,
|
|
9281
|
+
args: [{ selector: 'ads-nav-menu', imports: [CommonModule, AdsIconComponent, MatMenu, MatMenuTrigger, RouterLinkActive, MatMenuItem, RouterLink], template: "<div class=\"ads-avatar-container\">\n @if (iconUrl()) {\n <img [src]=\"iconUrl()!\" alt=\"User Logo\" height=\"48\" width=\"48\" />\n } @else {\n <ads-icon name=\"user_circle\" theme=\"secondary\" />\n }\n @if (label()) {\n <span (click)=\"onUserProfileClick()\" [class.navigate]=\"userProfilePath()\">{{ label() }}</span>\n }\n\n <ads-icon class=\"more-info-icon\" name=\"menu_more_info\" theme=\"secondary\" [matMenuTriggerFor]=\"menu\" />\n</div>\n\n<mat-menu #menu=\"matMenu\" [class]=\"'ads-mat-menu'\">\n @for (item of navMenuItems(); track $index) {\n @if (item.template) {\n <ng-container *ngTemplateOutlet=\"item.template; context: { menuItem: item }\" />\n } @else if (item.href) {\n <button mat-menu-item [routerLink]=\"item.href!\" routerLinkActive=\"selected\">\n <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\n </button>\n } @else {\n <button mat-menu-item (click)=\"item.onClick ? item.onClick() : null\">\n <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\n </button>\n }\n }\n</mat-menu>\n\n<ng-template #text let-item=\"menuItem\">\n <div class=\"ads-menu-item-container\">\n @if (item.icon) {\n <ads-icon [id]=\"item.id\" [name]=\"item.icon\" size=\"sm\" theme=\"iconPrimary\"></ads-icon>\n }\n <span>{{ item.label }}</span>\n </div>\n</ng-template>\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"] }]
|
|
9292
9282
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }, { type: i1$2.Router }], propDecorators: { navMenuItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "navMenuItems", required: true }] }], iconUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconUrl", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], userProfilePath: [{ type: i0.Input, args: [{ isSignal: true, alias: "userProfilePath", required: false }] }] } });
|
|
9293
9283
|
|
|
9294
9284
|
class AbstractSideNavBarComponent {
|
|
@@ -9415,11 +9405,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
|
|
|
9415
9405
|
AdsPrimaryLogoComponent,
|
|
9416
9406
|
SplitComponent,
|
|
9417
9407
|
SplitAreaComponent,
|
|
9418
|
-
RouterOutlet,
|
|
9419
9408
|
RouterLink,
|
|
9420
9409
|
RouterLinkActive,
|
|
9421
9410
|
AdsIconComponent,
|
|
9422
|
-
DividerComponent,
|
|
9423
9411
|
], template: "<as-split\n #splitter\n [useTransition]=\"true\"\n unit=\"pixel\"\n [gutterSize]=\"10\"\n (gutterDblClick)=\"expandSidebar()\"\n [gutterDblClickDuration]=\"500\"\n (dragEnd)=\"dragEnd($event)\"\n>\n <as-split-area [size]=\"sidebarSize()\" [minSize]=\"50\" [maxSize]=\"maxExpandedWidth()\" #sideNavArea>\n <div class=\"left-side-content-container\">\n <div class=\"logo-container\">\n <a [routerLink]=\"'/'\">\n <ads-primary-logo [mobileWidth]=\"70\" [isCollapsed]=\"true\" class=\"show-on-collapsed\" />\n <ads-primary-logo [mobileWidth]=\"70\" [isCollapsed]=\"false\" class=\"hide-on-collapsed\" />\n </a>\n </div>\n\n <div class=\"nav-items-wrapper\">\n <!-- Regular navigation items -->\n <div class=\"nav-items-container\">\n @for (item of regularNavItems(); track $index) {\n @if (item.click) {\n <a\n class=\"ads-nav-link {{item.class}}\"\n (click)=\"item.click()\"\n >\n <div class=\"ads-nav-item-container\">\n @if (!!item.icon) {\n <ads-icon [name]=\"item.icon!\" size=\"sm\" theme=\"iconPrimary\" stroke=\"iconPrimary\" />\n }\n <span class=\"hide-on-collapsed\">{{ item.label }}</span>\n </div>\n </a>\n } @else {\n <a\n [routerLink]=\"item.href\"\n routerLinkActive=\"active-nav-link\"\n [routerLinkActiveOptions]=\"{ exact: true }\"\n class=\"ads-nav-link {{item.class}}\"\n >\n <div class=\"ads-nav-item-container\">\n @if (!!item.icon) {\n <ads-icon [name]=\"item.icon!\" size=\"sm\" theme=\"iconPrimary\" stroke=\"iconPrimary\" />\n }\n <span class=\"hide-on-collapsed\">{{ item.label }}</span>\n </div>\n </a>\n }\n }\n </div>\n\n <!-- Bottom navigation items -->\n @if (hasBottomItems()) {\n <div class=\"bottom-nav-section\">\n <div class=\"nav-items-container bottom-items\">\n @for (item of bottomNavItems(); track $index) {\n @if (item.click) {\n <a\n class=\"ads-nav-link bottom-item {{item.class}}\"\n (click)=\"item.click()\"\n >\n <div class=\"ads-nav-item-container\">\n @if (!!item.icon) {\n <ads-icon [name]=\"item.icon!\" size=\"sm\" theme=\"iconPrimary\" stroke=\"iconPrimary\" />\n }\n <span class=\"hide-on-collapsed\">{{ item.label }}</span>\n </div>\n </a>\n } @else {\n <a\n [routerLink]=\"item.href\"\n routerLinkActive=\"active-nav-link\"\n [routerLinkActiveOptions]=\"{ exact: true }\"\n class=\"ads-nav-link bottom-item {{item.class}}\"\n >\n <div class=\"ads-nav-item-container\">\n @if (!!item.icon) {\n <ads-icon [name]=\"item.icon!\" size=\"sm\" theme=\"iconPrimary\" stroke=\"iconPrimary\" />\n }\n <span class=\"hide-on-collapsed\">{{ item.label }}</span>\n </div>\n </a>\n }\n }\n </div>\n </div>\n }\n </div>\n </div>\n </as-split-area>\n\n <as-split-area>\n <ng-content></ng-content>\n </as-split-area>\n</as-split>\n", styles: [".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"] }]
|
|
9424
9412
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { searchTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchTemplate", required: false }] }], extraDataTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "extraDataTemplate", required: false }] }], navItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "navItems", required: false }] }], splitter: [{
|
|
9425
9413
|
type: ViewChild,
|
|
@@ -9562,7 +9550,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
|
|
|
9562
9550
|
SplitComponent,
|
|
9563
9551
|
SplitAreaComponent,
|
|
9564
9552
|
RouterLink,
|
|
9565
|
-
RouterLinkActive,
|
|
9566
9553
|
AdsIconComponent,
|
|
9567
9554
|
DividerComponent,
|
|
9568
9555
|
MatAccordion,
|
|
@@ -9577,7 +9564,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
|
|
|
9577
9564
|
MatToolbar,
|
|
9578
9565
|
MatMenuTrigger,
|
|
9579
9566
|
MatIconButton,
|
|
9580
|
-
RouterOutlet,
|
|
9581
9567
|
], template: "@if (!isTablet()) {\n <as-split\n #splitter\n [useTransition]=\"true\"\n unit=\"pixel\"\n [gutterSize]=\"10\"\n (gutterDblClick)=\"expandSidebar()\"\n [gutterDblClickDuration]=\"500\"\n (dragStart)=\"onSplitDragStart()\"\n (dragEnd)=\"onSplitDragEnd(); dragEnd($event)\"\n >\n <as-split-area [size]=\"sidebarSize()\" [minSize]=\"50\" [maxSize]=\"maxExpandedWidth()\" #sideNavArea>\n <div class=\"navigation-menu-content-container regular-menu-content-container\">\n <div class=\"logo-container\">\n <a [routerLink]=\"'/'\">\n <ads-ascent-logo size=\"small\" [mobileWidth]=\"70\" [isCollapsed]=\"isCollapsed()\" />\n </a>\n </div>\n\n <div class=\"nav-container\">\n <ng-container *ngTemplateOutlet=\"matAccordion\" />\n </div>\n </div>\n </as-split-area>\n\n <as-split-area class=\"split-area-content\">\n @if (showBreadcrumbs()) {\n <div class=\"breadcrumbs-container\">\n <ads-breadcrumb [breadcrumbs]=\"breadcrumbs()\" />\n </div>\n }\n <ng-container *ngTemplateOutlet=\"router\" />\n </as-split-area>\n </as-split>\n} @else {\n <mat-toolbar [hidden]=\"!isTablet()\" class=\"ads-toolbar\">\n <button mat-icon-button #menuTrigger=\"matMenuTrigger\" [matMenuTriggerFor]=\"menu\">\n <ads-icon [name]=\"menuTrigger.menuOpen ? 'cross' : 'hamburger_menu'\" theme=\"secondary\" stroke=\"secondary\" size=\"sm\" />\n </button>\n </mat-toolbar>\n\n <mat-menu #menu=\"matMenu\">\n <div class=\"navigation-menu-content-container\">\n <div class=\"burger-logo-container\">\n <a [routerLink]=\"'/'\">\n <ads-ascent-logo size=\"small\" [isCollapsed]=\"false\" [mobileWidth]=\"70\" />\n </a>\n </div>\n\n <ng-container *ngTemplateOutlet=\"matAccordion\" />\n </div>\n </mat-menu>\n <div class=\"mobile-wrapper\">\n @if (showBreadcrumbs()) {\n <div class=\"breadcrumbs-container\" [class.is-mobile]=\"isMobile()\" >\n <ads-breadcrumb [breadcrumbs]=\"breadcrumbs()\" />\n </div>\n }\n <ng-container *ngTemplateOutlet=\"router\" />\n </div>\n\n}\n\n<ng-template #router>\n <ng-content></ng-content>\n</ng-template>\n\n\n<ng-template #matAccordion>\n <div class=\"nav-items-wrapper\">\n <!-- Regular navigation items -->\n <mat-accordion class=\"nav-items-container regular-items\">\n @for (item of regularNavItems(); track $index) {\n @if (item.subItems?.length) {\n <mat-expansion-panel\n #panel\n [ngClass]=\"{\n 'active-expansion-panel': hasActiveLink(item),\n 'panel-expanded': panel.expanded,\n }\"\n >\n <mat-expansion-panel-header\n (click)=\"panel.expanded && isCollapsed() && expandSidebar(); $event.stopPropagation()\"\n (keydown.enter)=\"panel.expanded && isCollapsed() && expandSidebar()\"\n >\n <mat-panel-title>\n <ng-container *ngTemplateOutlet=\"itemTitle; context: { data: item }\" />\n </mat-panel-title>\n <mat-panel-description>\n @if (panel.expanded) {\n <ads-icon size=\"xs\" name=\"chevron_up\" theme=\"iconPrimary\" />\n } @else {\n <ads-icon size=\"xs\" name=\"chevron_down\" theme=\"iconPrimary\" />\n }\n </mat-panel-description>\n </mat-expansion-panel-header>\n @for (subItem of item.subItems; track $index) {\n <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: subItem, class: '' }\" />\n }\n </mat-expansion-panel>\n } @else {\n <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: item, class: 'main-item' }\" />\n }\n @if (item?.showDividerAfterItem) {\n <ads-divider />\n }\n }\n </mat-accordion>\n\n <!-- Bottom navigation items -->\n @if (hasBottomItems()) {\n <div class=\"bottom-nav-section\">\n <ads-divider />\n <mat-accordion class=\"nav-items-container bottom-items\">\n @for (item of bottomNavItems(); track $index) {\n @if (item.subItems?.length) {\n <mat-expansion-panel\n #panel\n [ngClass]=\"{\n 'active-expansion-panel': hasActiveLink(item),\n 'panel-expanded': panel.expanded,\n }\"\n >\n <mat-expansion-panel-header\n (click)=\"panel.expanded && isCollapsed() && expandSidebar(); $event.stopPropagation()\"\n (keydown.enter)=\"panel.expanded && isCollapsed() && expandSidebar()\"\n >\n <mat-panel-title>\n <ng-container *ngTemplateOutlet=\"itemTitle; context: { data: item }\" />\n </mat-panel-title>\n <mat-panel-description>\n @if (panel.expanded) {\n <ads-icon size=\"xs\" name=\"chevron_up\" theme=\"iconPrimary\" />\n } @else {\n <ads-icon size=\"xs\" name=\"chevron_down\" theme=\"iconPrimary\" />\n }\n </mat-panel-description>\n </mat-expansion-panel-header>\n @for (subItem of item.subItems; track $index) {\n <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: subItem, class: '' }\" />\n }\n </mat-expansion-panel>\n } @else {\n <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: item, class: 'main-item bottom-item' }\" />\n }\n @if (item?.showDividerAfterItem) {\n <ads-divider />\n }\n }\n </mat-accordion>\n </div>\n }\n </div>\n</ng-template>\n\n<ng-template #navItem let-item=\"navItem\" let-className=\"class\">\n <a\n [routerLink]=\"item.href\"\n class=\"ads-nav-link\"\n [ngClass]=\"{\n className,\n 'active-nav-link': hasActiveSubLink(item),\n }\"\n >\n <ng-container *ngTemplateOutlet=\"itemTitle; context: { data: item }\" />\n </a>\n</ng-template>\n\n<ng-template #itemTitle let-item=\"data\">\n <div class=\"ads-nav-item-container\" [matTooltip]=\"item.label\" [matTooltipDisabled]=\"!isCollapsed() || isTablet()\">\n @if (!!item.icon) {\n <ads-icon [name]=\"item.icon!\" size=\"sm\" theme=\"iconPrimary\" stroke=\"iconPrimary\" />\n }\n @if (!isCollapsed() || isTablet()) {\n <span>{{ item.label }}</span>\n }\n </div>\n</ng-template>\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"] }]
|
|
9582
9568
|
}], ctorParameters: () => [{ type: i1$2.Router }, { type: i1.AdsIconRegistry }], propDecorators: { splitter: [{
|
|
9583
9569
|
type: ViewChild,
|
|
@@ -9681,18 +9667,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
|
|
|
9681
9667
|
args: [{ selector: 'ads-side-nav-bar-v2', imports: [
|
|
9682
9668
|
CommonModule,
|
|
9683
9669
|
RouterLink,
|
|
9684
|
-
RouterLinkActive,
|
|
9685
9670
|
AdsIconComponent,
|
|
9686
9671
|
MatAccordion,
|
|
9687
9672
|
MatExpansionPanel,
|
|
9688
9673
|
MatExpansionPanelDescription,
|
|
9689
9674
|
MatExpansionPanelHeader,
|
|
9690
9675
|
MatExpansionPanelTitle,
|
|
9691
|
-
MatMenu,
|
|
9692
|
-
MatToolbar,
|
|
9693
|
-
MatMenuTrigger,
|
|
9694
|
-
MatIconButton,
|
|
9695
|
-
RouterOutlet,
|
|
9696
9676
|
DividerComponent,
|
|
9697
9677
|
], template: "<div class=\"side-nav-bar-container\">\n @if (!shouldHideNavBar || isMobile()) {\n <div class=\"nav-container\" [class.collapsed]=\"isCollapsed\" [class.mobile]=\"isMobile()\">\n <ng-container *ngTemplateOutlet=\"matAccordion\" />\n @if(!isMobile()) {\n <button class=\"collapse-toggle-btn\" (click)=\"toggleCollapsed()\">\n @if (isCollapsed) {\n <ads-icon size=\"auto\" name=\"chevron_right\" theme=\"iconPrimary\" />\n } @else {\n <ads-icon size=\"auto\" name=\"chevron_left\" theme=\"iconPrimary\" />\n }\n </button>\n }\n </div>\n }\n</div>\n\n\n<ng-template #matAccordion>\n <div class=\"nav-items-wrapper\">\n <mat-accordion class=\"nav-items-container regular-items\">\n @for (item of navItems(); track $index) {\n @if (item.subItems?.length) {\n <mat-expansion-panel\n #panel\n [ngClass]=\"{\n 'active-expansion-panel': hasActiveLink(item),\n 'panel-expanded': panel.expanded,\n }\"\n >\n <mat-expansion-panel-header>\n <mat-panel-title>\n <ng-container *ngTemplateOutlet=\"itemTitle; context: { data: item }\" />\n </mat-panel-title>\n <mat-panel-description>\n @if (panel.expanded) {\n <ads-icon size=\"xs\" name=\"chevron_up\" theme=\"iconPrimary\" />\n } @else {\n <ads-icon size=\"xs\" name=\"chevron_down\" theme=\"iconPrimary\" />\n }\n </mat-panel-description>\n </mat-expansion-panel-header>\n @for (subItem of item.subItems; track $index) {\n <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: subItem, class: 'sub-item' }\" />\n }\n </mat-expansion-panel>\n } @else {\n <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: item, class: 'main-item' }\" />\n }\n @if (item?.showDividerAfterItem) {\n <ads-divider [margin]=\"'16px 0'\" />\n }\n }\n </mat-accordion>\n </div>\n</ng-template>\n\n<ng-template #navItem let-item=\"navItem\" let-className=\"class\">\n <a\n [routerLink]=\"item.href\"\n class=\"ads-nav-link\"\n [ngClass]=\"[className, hasActiveSubLink(item) ? 'active-nav-link' : '']\"\n (click)=\"onNavItemClick()\"\n >\n <ng-container *ngTemplateOutlet=\"itemTitle; context: { data: item }\" />\n </a>\n</ng-template>\n\n<ng-template #itemTitle let-item=\"data\">\n <div class=\"ads-nav-item-container\">\n @if (!isCollapsed) {\n @if (!!item.icon) {\n <ads-icon [name]=\"item.icon!\" size=\"xxs\" theme=\"iconPrimary\" stroke=\"iconPrimary\" />\n }\n <span>{{ item.label }}</span>\n }\n </div>\n</ng-template>\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", ":host{display:block;height:100%}.side-nav-bar-container{display:block;height:100%;position:relative}.nav-container{width:226px;padding:16px;display:flex;flex-direction:column;background-color:var(--color-white);border-right:1px solid var(--color-light);transition:width .3s ease;box-sizing:border-box;height:100%;flex-shrink:0;overflow-y:auto;overflow-x:hidden;z-index:1}.nav-container.mobile{position:absolute;top:0;left:0;height:100%;border-right:none;box-shadow:4px 1px 4px 0 var(--color-light-opacity-50);z-index:100;transition:transform .35s ease-in-out,opacity .35s ease-in-out;transform:translate(0);opacity:1}.nav-container.mobile.collapsed{transform:translate(-100%);opacity:0;pointer-events:none;width:226px;padding:16px}.nav-container.mobile.collapsed .nav-items-wrapper{display:flex}.nav-container.collapsed{width:24px;padding:16px 8px}.nav-container.collapsed .nav-items-wrapper{display:none}.collapse-toggle-btn{position:absolute;top:24px;right:-16px;width:32px;height:32px;border-radius:50%;border:1px solid var(--color-light);background-color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:10}.collapse-toggle-btn ads-icon{width:16px!important;height:16px!important}.collapse-toggle-btn ads-icon ::ng-deep svg{width:16px!important;height:16px!important}.collapse-toggle-btn:hover,.collapse-toggle-btn:focus,.collapse-toggle-btn:focus-visible{background-color:var(--color-light-30);outline:none}.collapse-toggle-btn:active{background-color:var(--color-light-50)}.nav-items-wrapper{display:flex;flex-direction:column;height:100%;min-height:0}.ads-nav-item-container{display:flex;gap:8px;align-items:center}.ads-nav-item-container span{font-size:14px;font-weight:600;color:var(--color-medium);white-space:nowrap}.ads-nav-link{display:block;text-decoration:none;font-size:14px;line-height:18px;color:var(--color-medium);border-radius:5px}.ads-nav-link:hover,.ads-nav-link:focus,.ads-nav-link:focus-visible{background-color:var(--color-secondary-hover)!important;color:var(--color-white)}.ads-nav-link:hover .ads-nav-item-container ads-icon ::ng-deep svg,.ads-nav-link:focus .ads-nav-item-container ads-icon ::ng-deep svg,.ads-nav-link:focus-visible .ads-nav-item-container ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}.ads-nav-link:hover .ads-nav-item-container span,.ads-nav-link:focus .ads-nav-item-container span,.ads-nav-link:focus-visible .ads-nav-item-container span{color:var(--color-white)!important}.ads-nav-link:hover,.ads-nav-link:focus,.ads-nav-link:focus-visible{outline:none}.ads-nav-link:active{background-color:var(--color-secondary-pressed)!important;color:var(--color-white)}.ads-nav-link:active .ads-nav-item-container ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}.ads-nav-link:active .ads-nav-item-container span{color:var(--color-white)!important}.ads-nav-link.active-nav-link{background-color:var(--color-secondary)!important;color:var(--color-white)}.ads-nav-link.active-nav-link .ads-nav-item-container ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!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 span{font-weight:600}.ads-nav-link.main-item{padding:8px 12px}.ads-nav-link.sub-item{padding:12px;margin:4px 0}.nav-items-wrapper ::ng-deep mat-panel-title{margin-right:8px!important}.nav-items-wrapper ::ng-deep mat-panel-title .ads-nav-item-container{align-items:center;background-color:transparent!important}.nav-items-wrapper ::ng-deep mat-panel-title .ads-nav-item-container span{font-size:14px;line-height:18px;font-weight:600!important;color:var(--color-medium)}.nav-items-wrapper ::ng-deep mat-expansion-panel{border:none!important;border-radius:unset!important;margin:unset!important;box-shadow:none!important;background-color:transparent!important}.nav-items-wrapper ::ng-deep mat-expansion-panel .mat-expansion-panel-body{padding:0!important}.nav-items-wrapper ::ng-deep mat-expansion-panel .mat-expansion-panel-body .ads-nav-link .ads-nav-item-container span{font-weight:400!important;font-size:16px;line-height:21px;white-space:nowrap}.nav-items-wrapper ::ng-deep mat-expansion-panel .mat-expansion-panel-body .ads-nav-link.active-nav-link .ads-nav-item-container span{font-weight:400!important}.nav-items-wrapper ::ng-deep mat-expansion-panel .mat-expansion-panel-header{padding:8px 12px!important;border-radius:5px;background-color:transparent!important}.nav-items-wrapper ::ng-deep mat-expansion-panel .mat-expansion-panel-header mat-panel-description ads-icon{width:16px!important;height:18px!important}.nav-items-wrapper ::ng-deep mat-expansion-panel .mat-expansion-panel-header mat-panel-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-items-wrapper ::ng-deep mat-expansion-panel .mat-expansion-panel-header mat-panel-title .ads-nav-item-container{display:flex;gap:8px}.nav-items-wrapper ::ng-deep mat-expansion-panel .mat-expansion-panel-header mat-panel-title .ads-nav-item-container span{font-size:.875rem}.nav-items-wrapper ::ng-deep mat-expansion-panel .mat-expansion-panel-header:hover,.nav-items-wrapper ::ng-deep mat-expansion-panel .mat-expansion-panel-header:focus-visible{background-color:var(--color-secondary-hover)!important;color:var(--color-white)}.nav-items-wrapper ::ng-deep mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container ads-icon ::ng-deep svg,.nav-items-wrapper ::ng-deep mat-expansion-panel .mat-expansion-panel-header:focus-visible .ads-nav-item-container ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}.nav-items-wrapper ::ng-deep mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container span,.nav-items-wrapper ::ng-deep mat-expansion-panel .mat-expansion-panel-header:focus-visible .ads-nav-item-container span{color:var(--color-white)!important}.nav-items-wrapper ::ng-deep mat-expansion-panel .mat-expansion-panel-header:hover,.nav-items-wrapper ::ng-deep mat-expansion-panel .mat-expansion-panel-header:focus-visible{outline:none}.nav-items-wrapper ::ng-deep mat-expansion-panel .mat-expansion-panel-header:hover mat-panel-description ads-icon ::ng-deep svg,.nav-items-wrapper ::ng-deep mat-expansion-panel .mat-expansion-panel-header:focus-visible mat-panel-description ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}.nav-items-wrapper ::ng-deep mat-expansion-panel.panel-expanded .mat-expansion-panel-header:hover,.nav-items-wrapper ::ng-deep mat-expansion-panel.panel-expanded .mat-expansion-panel-header:focus-visible{background-color:var(--color-secondary-hover)!important;color:var(--color-white)}.nav-items-wrapper ::ng-deep mat-expansion-panel.panel-expanded .mat-expansion-panel-header:hover .ads-nav-item-container ads-icon ::ng-deep svg,.nav-items-wrapper ::ng-deep mat-expansion-panel.panel-expanded .mat-expansion-panel-header:focus-visible .ads-nav-item-container ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}.nav-items-wrapper ::ng-deep mat-expansion-panel.panel-expanded .mat-expansion-panel-header:hover .ads-nav-item-container span,.nav-items-wrapper ::ng-deep mat-expansion-panel.panel-expanded .mat-expansion-panel-header:focus-visible .ads-nav-item-container span{color:var(--color-white)!important}.nav-items-wrapper ::ng-deep mat-expansion-panel.panel-expanded .mat-expansion-panel-header:hover,.nav-items-wrapper ::ng-deep mat-expansion-panel.panel-expanded .mat-expansion-panel-header:focus-visible{outline:none}.nav-items-wrapper ::ng-deep mat-expansion-panel.panel-expanded .mat-expansion-panel-header:hover mat-panel-description ads-icon ::ng-deep svg,.nav-items-wrapper ::ng-deep mat-expansion-panel.panel-expanded .mat-expansion-panel-header:focus-visible mat-panel-description ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}\n"] }]
|
|
9698
9678
|
}], ctorParameters: () => [{ type: i1$2.Router }, { type: i1.AdsIconRegistry }], propDecorators: { sideNavArea: [{
|
|
@@ -9730,7 +9710,7 @@ class AdsMainMenuItemsComponent {
|
|
|
9730
9710
|
}
|
|
9731
9711
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsMainMenuItemsComponent, decorators: [{
|
|
9732
9712
|
type: Component,
|
|
9733
|
-
args: [{ selector: 'ads-main-menu-items', imports: [CommonModule, RouterModule, MatMenuModule
|
|
9713
|
+
args: [{ selector: 'ads-main-menu-items', imports: [CommonModule, RouterModule, MatMenuModule], changeDetection: ChangeDetectionStrategy.Eager, template: "<div class=\"peak-menu-content\">\n @for(item of items ?? []; track $index) {\n <div mat-menu-item [ngClass]=\"item.class ? item.class : ''\">\n @if(item.click) {\n <span (click)=\"item.click()\">\n {{ item.text }}\n </span>\n } @else if (item.href) {\n <a [routerLink]=\"item.href\" [id]=\"item?.id\" routerLinkActive=\"selected\">\n {{ item.text }}\n </a>\n } @else {\n <a [id]=\"item?.id\">{{ item.text }}</a>\n }\n </div>\n }\n</div>\n", styles: ["a:not(:hover).selected{background-color:var(--color-secondary-25)}\n"] }]
|
|
9734
9714
|
}], ctorParameters: () => [{ type: MainMenuService }], propDecorators: { items: [{
|
|
9735
9715
|
type: Input
|
|
9736
9716
|
}] } });
|
|
@@ -9967,7 +9947,7 @@ class AdsStepperComponent {
|
|
|
9967
9947
|
}
|
|
9968
9948
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsStepperComponent, decorators: [{
|
|
9969
9949
|
type: Component,
|
|
9970
|
-
args: [{ selector: 'ads-stepper', imports: [CommonModule,
|
|
9950
|
+
args: [{ selector: 'ads-stepper', imports: [CommonModule, AdsIconComponent], template: "<div class=\"stepper-container\">\n @for (step of steps(); track i; let i = $index) {\n <div class=\"step-item\">\n <div class=\"step-circle-container\">\n <div class=\"step-circle\" [ngClass]=\"[step.status]\">\n @if (step.status === StepStatus.Completed) {\n <ads-icon name=\"check\" size=\"xxxs\" class=\"check-icon\" />\n }\n </div>\n @if (i !== steps().length - 1) {\n <div class=\"dash-line\" [ngClass]=\"[step.status]\"></div>\n }\n </div>\n <ng-container *ngTemplateOutlet=\"step.template; context: { data: step.templateData }\" />\n </div>\n }\n</div>\n", styles: [".stepper-container{display:grid;grid-column-gap:16px;grid-template-rows:1fr;grid-template-columns:1fr}.stepper-container .step-item{min-height:50px;display:grid;grid-gap:16px;grid-template-columns:min-content 1fr}.stepper-container .step-item .step-circle-container{display:flex;flex-direction:column;align-items:center}.stepper-container .step-item .step-circle-container .step-circle{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;border:2px solid var(--color-light);border-radius:50px;background-color:var(--color-white)}.stepper-container .step-item .step-circle-container .step-circle:hover{background-color:var(--color-light-30)}.stepper-container .step-item .step-circle-container .step-circle:hover ::ng-deep .check-icon svg{stroke:var(--color-light-30)}.stepper-container .step-item .step-circle-container .step-circle:active,.stepper-container .step-item .step-circle-container .step-circle:focus{background-color:var(--color-light-80)}.stepper-container .step-item .step-circle-container .step-circle:active ::ng-deep .check-icon svg,.stepper-container .step-item .step-circle-container .step-circle:focus ::ng-deep .check-icon svg{stroke:var(--color-light-80)}.stepper-container .step-item .step-circle-container .step-circle.completed{background-color:var(--color-primary);border-color:var(--color-primary)}.stepper-container .step-item .step-circle-container .step-circle.completed:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.stepper-container .step-item .step-circle-container .step-circle.completed:active,.stepper-container .step-item .step-circle-container .step-circle.completed:focus{background-color:var(--color-primary-pressed);border-color:var(--color-primary-pressed)}.stepper-container .step-item .step-circle-container .step-circle.in-progress{min-width:16px;min-height:16px;padding:0;border:8px solid var(--color-secondary)}.stepper-container .step-item .step-circle-container .step-circle.in-progress:hover{border-color:var(--color-secondary-hover)}.stepper-container .step-item .step-circle-container .step-circle.in-progress:active,.stepper-container .step-item .step-circle-container .step-circle.in-progress:focus{border-color:var(--color-secondary-pressed)}.stepper-container .step-item .step-circle-container .step-circle ::ng-deep .check-icon svg{stroke:var(--color-white)}.stepper-container .dash-line{border:solid 1px var(--color-light);width:0;height:100%}.stepper-container .dash-line.in-progress{border:dashed 1px var(--color-secondary)}.stepper-container .dash-line.completed{border-color:var(--color-primary)}\n"] }]
|
|
9971
9951
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { steps: [{ type: i0.Input, args: [{ isSignal: true, alias: "steps", required: true }] }] } });
|
|
9972
9952
|
|
|
9973
9953
|
var HorizontalStepStatus;
|
|
@@ -10192,7 +10172,7 @@ class AdsBubbleComponent {
|
|
|
10192
10172
|
}
|
|
10193
10173
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsBubbleComponent, decorators: [{
|
|
10194
10174
|
type: Component,
|
|
10195
|
-
args: [{ selector: 'ads-bubble', imports: [CommonModule,
|
|
10175
|
+
args: [{ selector: 'ads-bubble', imports: [CommonModule, AdsButtonComponent], template: "<div #svgBackground class=\"svg-background\"></div>\n@if (svgContent) {\n <div class=\"button-container\">\n <ads-button (click)=\"downloadSvg()\">Download SVG</ads-button>\n </div>\n}\n", styles: [".svg-background{width:100%;height:657px;background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:8px}.button-container{display:flex;justify-content:center;padding-top:32px}\n"] }]
|
|
10196
10176
|
}], ctorParameters: () => [{ type: i1$7.HttpClient }], propDecorators: { svgBackgroundElement: [{ type: i0.ViewChild, args: ['svgBackground', { isSignal: true }] }] } });
|
|
10197
10177
|
|
|
10198
10178
|
const TIME_VALIDATOR = (control) => {
|
|
@@ -10344,9 +10324,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
|
|
|
10344
10324
|
args: [{ selector: 'ads-time-field', imports: [
|
|
10345
10325
|
CommonModule,
|
|
10346
10326
|
AdsInputDropdownComponent,
|
|
10347
|
-
AdsIconComponent,
|
|
10348
|
-
MatIconButton,
|
|
10349
|
-
NgxMaskDirective,
|
|
10350
10327
|
ReactiveFormsModule,
|
|
10351
10328
|
AdsInputComponent,
|
|
10352
10329
|
], template: "@if (militaryTime()) {\n <ads-input\n [control]=\"valueControl\"\n [skipValidationWhenEmpty]=\"skipValidationWhenEmpty\"\n [showValidationError]=\"showValidationError\"\n mask=\"Hh:m0\"\n [onBlur]=\"onBlurUpdateTime\"\n [id]=\"id\"\n [placeholder]=\"placeholder\"\n [label]=\"label\"\n [errorMessages]=\"mergedErrorMessages\"\n [width]=\"width\"\n [showClockIcon]=\"!hideClockIcon()\"\n [showClearButton]=\"showClearButton\"\n />\n} @else {\n <ads-input-dropdown\n [width]=\"width\"\n [label]=\"label\"\n [options]=\"periodOptions\"\n [hasEmptyValue]=\"false\"\n [control]=\"timeControl\"\n [dropdownControl]=\"periodControl\"\n [skipValidationWhenEmpty]=\"skipValidationWhenEmpty\"\n [showValidationError]=\"showValidationError\"\n [placeholder]=\"placeholder\"\n [id]=\"id\"\n [dropdownId]=\"dropdownId\"\n [dropdownLabel]=\"'AM/PM'\"\n [dropdownPlaceholder]=\"dropdownPlaceholder\"\n [dropdownWidth]=\"'128px'\"\n [inputWidth]=\"inputWidth\"\n [tooltip]=\"tooltip\"\n [size]=\"size\"\n [successMessage]=\"successMessage\"\n [errorMessages]=\"mergedErrorMessages\"\n [showExclamationOnError]=\"showExclamationOnError\"\n [showClearButton]=\"showClearButton\"\n [immediateValidation]=\"immediateValidation\"\n mask=\"Hh:m0\"\n />\n}\n", styles: [":host::ng-deep .mdc-floating-label{max-width:100%!important}\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"] }]
|
|
@@ -10911,7 +10888,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
|
|
|
10911
10888
|
type: Component,
|
|
10912
10889
|
args: [{ selector: 'ads-international-phone-field', imports: [
|
|
10913
10890
|
CommonModule,
|
|
10914
|
-
NgxMaskDirective,
|
|
10915
10891
|
AdsInputComponent,
|
|
10916
10892
|
AdsDropdownComponent,
|
|
10917
10893
|
AdsErrorComponent,
|