@ascentgl/ads-ui 0.0.139 → 0.0.140
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/README.md +7 -7
- package/fesm2022/ascentgl-ads-ui-src-lib-components-avatar.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-avatar.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-buttons-button-container.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-buttons-button-container.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-drag-and-drop-list.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-drag-and-drop-list.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-error-page-error-page-code.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-footer-container.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-footer-container.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-footer.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-footer.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-header-container.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-header-container.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-header.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-header.mjs.map +1 -1
- 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-bar.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-bar.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-shell-layout.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-shell-layout.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-splash-page.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-splash-page.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-tags-tag-container.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-tags-tag-container.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui.mjs +182 -182
- package/fesm2022/ascentgl-ads-ui.mjs.map +1 -1
- package/lib/components/buttons/button-container/button-container.component.d.ts +1 -1
- package/lib/components/table/table.component.d.ts +2 -2
- package/package.json +9 -9
- package/src/assets/sass/ads-ui/abstracts/_functions.scss +18 -18
- package/src/assets/sass/ads-ui/abstracts/_mixins.scss +90 -90
- package/src/assets/sass/ads-ui/abstracts/_variables.scss +125 -125
- package/src/assets/sass/ads-ui/base/_reset.scss +19 -19
- package/src/assets/sass/ads-ui/base/_typography.scss +179 -179
- package/src/assets/sass/ads-ui/base/_utilities.scss +104 -104
- package/src/assets/sass/ads-ui/main.scss +8 -8
- package/src/assets/sass/ads-ui/overrides/_angular-material.scss +8 -8
- package/src/assets/sass/ads-ui/overrides/angular-material/_bottom-sheet.scss +12 -12
- package/src/assets/sass/ads-ui/overrides/angular-material/_datetimepicker.scss +248 -248
- package/src/assets/sass/ads-ui/overrides/angular-material/_dropdown.scss +31 -31
- package/src/assets/sass/ads-ui/overrides/angular-material/_html.scss +14 -14
- package/src/assets/sass/ads-ui/overrides/angular-material/_mat-list.scss +47 -47
- package/src/assets/sass/ads-ui/overrides/angular-material/_menu.scss +89 -89
- package/src/assets/sass/ads-ui/overrides/angular-material/_search-dropdown-modal.scss +34 -34
- package/src/assets/sass/ads-ui/overrides/angular-material/_snackbar.scss +40 -40
- package/src/assets/sass/ads-ui/overrides/angular-material/_tooltip.scss +76 -76
- package/src/assets/sass/ads-ui/themes/_ads-palette.scss +98 -98
|
@@ -97,11 +97,11 @@ class AdsAvatarComponent {
|
|
|
97
97
|
}
|
|
98
98
|
}
|
|
99
99
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsAvatarComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
100
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsAvatarComponent, isStandalone: false, selector: "ads-avatar", inputs: { alt: "alt", id: "id", size: "size", src: "src" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"avatar\" [ngClass]=\"size\">\
|
|
100
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsAvatarComponent, isStandalone: false, selector: "ads-avatar", inputs: { alt: "alt", id: "id", size: "size", src: "src" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"avatar\" [ngClass]=\"size\">\n <img *ngIf=\"src; else icon\" [src]=\"src\" [alt]=\"alt\" />\n <ng-template #icon>\n <ads-icon\n [id]=\"id\"\n name=\"user_circle\"\n [size]=\"size\"\n theme=\"iconPrimary\"\n stroke=\"iconPrimary\"\n color=\"--color-medium\"\n />\n </ng-template>\n</div>\n", styles: [".avatar{position:relative;width:32px;height:32px}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:40px;height:40px}.avatar.lg ::ng-deep ads-icon{width:40px!important;height:40px!important}.avatar.lg ::ng-deep ads-icon svg{width:40px!important;height:40px!important}img{width:100%;height:100%;border-radius:50%}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
|
|
101
101
|
}
|
|
102
102
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsAvatarComponent, decorators: [{
|
|
103
103
|
type: Component,
|
|
104
|
-
args: [{ selector: 'ads-avatar', standalone: false, template: "<div class=\"avatar\" [ngClass]=\"size\">\
|
|
104
|
+
args: [{ selector: 'ads-avatar', standalone: false, template: "<div class=\"avatar\" [ngClass]=\"size\">\n <img *ngIf=\"src; else icon\" [src]=\"src\" [alt]=\"alt\" />\n <ng-template #icon>\n <ads-icon\n [id]=\"id\"\n name=\"user_circle\"\n [size]=\"size\"\n theme=\"iconPrimary\"\n stroke=\"iconPrimary\"\n color=\"--color-medium\"\n />\n </ng-template>\n</div>\n", styles: [".avatar{position:relative;width:32px;height:32px}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:40px;height:40px}.avatar.lg ::ng-deep ads-icon{width:40px!important;height:40px!important}.avatar.lg ::ng-deep ads-icon svg{width:40px!important;height:40px!important}img{width:100%;height:100%;border-radius:50%}\n"] }]
|
|
105
105
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { alt: [{
|
|
106
106
|
type: Input
|
|
107
107
|
}], id: [{
|
|
@@ -150,11 +150,11 @@ class AdsIconHoverComponent {
|
|
|
150
150
|
this.clicked.emit();
|
|
151
151
|
}
|
|
152
152
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsIconHoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
153
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.5", type: AdsIconHoverComponent, isStandalone: false, selector: "ads-icon-hover", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\
|
|
153
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.5", type: AdsIconHoverComponent, isStandalone: false, selector: "ads-icon-hover", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n class=\"icon-hover\"\n type=\"button\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.id]=\"id()\"\n [disabled]=\"disabled()\"\n (click)=\"onClick()\"\n>\n <ng-content></ng-content>\n</button>\n", styles: ["button.icon-hover{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;outline:none;background:transparent;border:none;padding:10px}button.icon-hover:not(:disabled):hover{background-color:var(--color-light-30);cursor:pointer}::ng-deep button.icon-hover:disabled .ads-icon svg{fill:var(--color-medium-50)}\n"] }); }
|
|
154
154
|
}
|
|
155
155
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsIconHoverComponent, decorators: [{
|
|
156
156
|
type: Component,
|
|
157
|
-
args: [{ selector: 'ads-icon-hover', standalone: false, template: "<button\
|
|
157
|
+
args: [{ selector: 'ads-icon-hover', standalone: false, template: "<button\n class=\"icon-hover\"\n type=\"button\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.id]=\"id()\"\n [disabled]=\"disabled()\"\n (click)=\"onClick()\"\n>\n <ng-content></ng-content>\n</button>\n", styles: ["button.icon-hover{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;outline:none;background:transparent;border:none;padding:10px}button.icon-hover:not(:disabled):hover{background-color:var(--color-light-30);cursor:pointer}::ng-deep button.icon-hover:disabled .ads-icon svg{fill:var(--color-medium-50)}\n"] }]
|
|
158
158
|
}] });
|
|
159
159
|
|
|
160
160
|
class AdsIconHoverModule {
|
|
@@ -193,11 +193,11 @@ class AdsNumericBadgeComponent extends AdsIconHoverComponent {
|
|
|
193
193
|
});
|
|
194
194
|
}
|
|
195
195
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNumericBadgeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
196
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.5", type: AdsNumericBadgeComponent, isStandalone: false, selector: "ads-numeric-badge", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<button\
|
|
196
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.5", type: AdsNumericBadgeComponent, isStandalone: false, selector: "ads-numeric-badge", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<button\n class=\"icon-hover color-{{ color() }}\"\n type=\"button\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.id]=\"id()\"\n [disabled]=\"disabled()\"\n (click)=\"onClick()\"\n>\n <ads-icon\n [name]=\"name()\"\n [size]=\"'sm'\"\n [theme]=\"theme()\"\n [matBadgeSize]=\"'small'\"\n [matBadge]=\"calculatedValue()\"\n ></ads-icon>\n</button>\n", styles: ["button.icon-hover{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;outline:none;background:transparent;border:none;padding:10px}button.icon-hover:not(:disabled):hover{background-color:var(--color-light-30);cursor:pointer}::ng-deep button.icon-hover:disabled .ads-icon svg{fill:var(--color-medium-50)}\n", ".color-alert ::ng-deep .mat-badge-content{background:var(--color-error)}.color-primary ::ng-deep .mat-badge-content{background:var(--color-primary)}.color-secondary ::ng-deep .mat-badge-content{background:var(--color-secondary)}ads-icon ::ng-deep .mat-badge-content{font-family:Roboto,Helvetica Neue,sans-serif;line-height:13px;font-size:10px;color:var(--color-white);font-weight:400;border:1px solid var(--color-white);display:flex;align-items:center;justify-content:center;text-overflow:unset;-webkit-user-select:none;user-select:none;top:4px;left:16px;--mat-badge-legacy-small-size-container-size: 19px}\n"], dependencies: [{ kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: i2.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }] }); }
|
|
197
197
|
}
|
|
198
198
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNumericBadgeComponent, decorators: [{
|
|
199
199
|
type: Component,
|
|
200
|
-
args: [{ selector: 'ads-numeric-badge', standalone: false, template: "<button\
|
|
200
|
+
args: [{ selector: 'ads-numeric-badge', standalone: false, template: "<button\n class=\"icon-hover color-{{ color() }}\"\n type=\"button\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.id]=\"id()\"\n [disabled]=\"disabled()\"\n (click)=\"onClick()\"\n>\n <ads-icon\n [name]=\"name()\"\n [size]=\"'sm'\"\n [theme]=\"theme()\"\n [matBadgeSize]=\"'small'\"\n [matBadge]=\"calculatedValue()\"\n ></ads-icon>\n</button>\n", styles: ["button.icon-hover{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;outline:none;background:transparent;border:none;padding:10px}button.icon-hover:not(:disabled):hover{background-color:var(--color-light-30);cursor:pointer}::ng-deep button.icon-hover:disabled .ads-icon svg{fill:var(--color-medium-50)}\n", ".color-alert ::ng-deep .mat-badge-content{background:var(--color-error)}.color-primary ::ng-deep .mat-badge-content{background:var(--color-primary)}.color-secondary ::ng-deep .mat-badge-content{background:var(--color-secondary)}ads-icon ::ng-deep .mat-badge-content{font-family:Roboto,Helvetica Neue,sans-serif;line-height:13px;font-size:10px;color:var(--color-white);font-weight:400;border:1px solid var(--color-white);display:flex;align-items:center;justify-content:center;text-overflow:unset;-webkit-user-select:none;user-select:none;top:4px;left:16px;--mat-badge-legacy-small-size-container-size: 19px}\n"] }]
|
|
201
201
|
}] });
|
|
202
202
|
|
|
203
203
|
class AdsNumericBadgeModule {
|
|
@@ -223,11 +223,11 @@ class AdsBreadcrumbComponent {
|
|
|
223
223
|
this.registry.register([adsIconChevronRight]);
|
|
224
224
|
}
|
|
225
225
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsBreadcrumbComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
226
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsBreadcrumbComponent, isStandalone: false, selector: "ads-breadcrumb", inputs: { breadcrumbs: { classPropertyName: "breadcrumbs", publicName: "breadcrumbs", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"ads-breadcrumbs-container\">\
|
|
226
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsBreadcrumbComponent, isStandalone: false, selector: "ads-breadcrumb", inputs: { breadcrumbs: { classPropertyName: "breadcrumbs", publicName: "breadcrumbs", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, 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"], dependencies: [{ kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
|
|
227
227
|
}
|
|
228
228
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsBreadcrumbComponent, decorators: [{
|
|
229
229
|
type: Component,
|
|
230
|
-
args: [{ selector: 'ads-breadcrumb', standalone: false, template: "<div class=\"ads-breadcrumbs-container\">\
|
|
230
|
+
args: [{ selector: 'ads-breadcrumb', standalone: false, 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"] }]
|
|
231
231
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }] });
|
|
232
232
|
|
|
233
233
|
class AdsIconButtonComponent {
|
|
@@ -248,11 +248,11 @@ class AdsIconButtonComponent {
|
|
|
248
248
|
this.disabled = input(false);
|
|
249
249
|
}
|
|
250
250
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
251
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.5", type: AdsIconButtonComponent, isStandalone: false, 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\
|
|
251
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.5", type: AdsIconButtonComponent, isStandalone: false, 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: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
252
252
|
}
|
|
253
253
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsIconButtonComponent, decorators: [{
|
|
254
254
|
type: Component,
|
|
255
|
-
args: [{ selector: 'ads-icon-button', standalone: false, template: "<button\
|
|
255
|
+
args: [{ selector: 'ads-icon-button', standalone: false, 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"] }]
|
|
256
256
|
}] });
|
|
257
257
|
|
|
258
258
|
class AdsIconButtonModule {
|
|
@@ -297,11 +297,11 @@ class AdsButtonComponent {
|
|
|
297
297
|
this.type = input('button');
|
|
298
298
|
}
|
|
299
299
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
300
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.5", type: AdsButtonComponent, isStandalone: false, selector: "ads-button", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<button mat-flat-button [id]=\"id()\" [ngClass]=\"[variant(), size()]\" [disabled]=\"disabled()\" [disableRipple]=\"true\">\
|
|
300
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.5", type: AdsButtonComponent, isStandalone: false, selector: "ads-button", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<button mat-flat-button [id]=\"id()\" [ngClass]=\"[variant(), size()]\" [disabled]=\"disabled()\" [disableRipple]=\"true\">\n <ng-content></ng-content>\n</button>\n", styles: ["button{--mdc-filled-button-container-color: var(--color-primary);--mdc-filled-button-label-text-color: var(--color-white);--mdc-filled-button-label-text-weight: 600;--mdc-filled-button-container-height: var(--mat-form-field-container-height);--mdc-filled-button-label-text-tracking: \"1.5px\";--mdc-filled-button-label-text-size: 16px;--mat-filled-button-horizontal-padding: 24px;--mdc-filled-button-disabled-container-color: var(--color-dark-10);--mdc-filled-button-disabled-label-text-color: var(--color-white);--mat-filled-button-hover-state-layer-opacity: 0;border:1.5px solid;min-width:unset!important}button:disabled{border-color:var(--color-dark-10)}::ng-deep .mat-mdc-button-persistent-ripple:before{opacity:0!important}.primary:not(:disabled){border-color:var(--color-primary)}.primary:not(:disabled):hover{border-color:var(--color-primary-hover);--mdc-filled-button-container-color: var(--color-primary-hover);--mdc-filled-button-label-text-color: var(--color-white)}.primary:not(:disabled):active,.primary:not(:disabled):focus{border-color:var(--color-primary-pressed);--mdc-filled-button-container-color: var(--color-primary-pressed);--mdc-filled-button-label-text-color: var(--color-white)}.primary:disabled{--mdc-filled-button-disabled-container-color: var(--color-muted-50);--mdc-filled-button-disabled-label-text-color: var(--color-dark-10)}.secondary:not(:disabled){border-color:var(--color-primary);--mdc-filled-button-container-color: var(--color-white);--mdc-filled-button-label-text-color: var(--color-primary)}.secondary:not(:disabled):hover{border-color:var(--color-primary-hover);--mdc-filled-button-container-color: var(--color-primary-hover);--mdc-filled-button-label-text-color: var(--color-white)}.secondary:not(:disabled):active,.secondary:not(:disabled):focus{border-color:var(--color-primary-pressed);--mdc-filled-button-container-color: var(--color-primary-pressed);--mdc-filled-button-label-text-color: var(--color-white)}.secondary:disabled{--mdc-filled-button-disabled-container-color: var(--color-muted-50);--mdc-filled-button-disabled-label-text-color: var(--color-dark-10)}.error:not(:disabled){border-color:var(--color-error);--mdc-filled-button-container-color: var(--color-white);--mdc-filled-button-label-text-color: var(--color-error)}.error:not(:disabled):hover{border-color:var(--color-error-hover);--mdc-filled-button-container-color: var(--color-error-hover);--mdc-filled-button-label-text-color: var(--color-white)}.error:not(:disabled):active,.error:not(:disabled):focus{border-color:var(--color-error-pressed);--mdc-filled-button-label-text-color: var(--color-white);--mdc-filled-button-container-color: var(--color-error-pressed)}.error:disabled{--mdc-filled-button-disabled-container-color: var(--color-white);--mdc-filled-button-disabled-label-text-color: var(--color-dark-10)}.tertiary:not(:disabled){border-color:var(--color-light);--mdc-filled-button-container-color: var(--color-light-30);--mdc-filled-button-label-text-color: var(--color-dark)}.tertiary:not(:disabled):hover{border-color:var(--color-light);--mdc-filled-button-container-color: var(--color-light-80);--mdc-filled-button-label-text-color: var(--color-dark)}.tertiary:not(:disabled):active,.tertiary:not(:disabled):focus{border-color:var(--color-light);--mdc-filled-button-label-text-color: var(--color-dark);--mdc-filled-button-container-color: var(--color-light)}.tertiary:disabled{border-color:var(--color-light);--mdc-filled-button-disabled-container-color: var(--color-muted-50);--mdc-filled-button-disabled-label-text-color: var(--color-medium-50)}.sm{--mdc-filled-button-container-height: 32px;--mat-filled-button-horizontal-padding: 7px;--mdc-filled-button-label-text-size: 14px}.xs{--mdc-filled-button-container-height: 24px;--mat-filled-button-horizontal-padding: 7px;--mdc-filled-button-label-text-size: 12px}:host::ng-deep .mdc-button__label{white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i7.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }] }); }
|
|
301
301
|
}
|
|
302
302
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsButtonComponent, decorators: [{
|
|
303
303
|
type: Component,
|
|
304
|
-
args: [{ selector: 'ads-button', standalone: false, template: "<button mat-flat-button [id]=\"id()\" [ngClass]=\"[variant(), size()]\" [disabled]=\"disabled()\" [disableRipple]=\"true\">\
|
|
304
|
+
args: [{ selector: 'ads-button', standalone: false, template: "<button mat-flat-button [id]=\"id()\" [ngClass]=\"[variant(), size()]\" [disabled]=\"disabled()\" [disableRipple]=\"true\">\n <ng-content></ng-content>\n</button>\n", styles: ["button{--mdc-filled-button-container-color: var(--color-primary);--mdc-filled-button-label-text-color: var(--color-white);--mdc-filled-button-label-text-weight: 600;--mdc-filled-button-container-height: var(--mat-form-field-container-height);--mdc-filled-button-label-text-tracking: \"1.5px\";--mdc-filled-button-label-text-size: 16px;--mat-filled-button-horizontal-padding: 24px;--mdc-filled-button-disabled-container-color: var(--color-dark-10);--mdc-filled-button-disabled-label-text-color: var(--color-white);--mat-filled-button-hover-state-layer-opacity: 0;border:1.5px solid;min-width:unset!important}button:disabled{border-color:var(--color-dark-10)}::ng-deep .mat-mdc-button-persistent-ripple:before{opacity:0!important}.primary:not(:disabled){border-color:var(--color-primary)}.primary:not(:disabled):hover{border-color:var(--color-primary-hover);--mdc-filled-button-container-color: var(--color-primary-hover);--mdc-filled-button-label-text-color: var(--color-white)}.primary:not(:disabled):active,.primary:not(:disabled):focus{border-color:var(--color-primary-pressed);--mdc-filled-button-container-color: var(--color-primary-pressed);--mdc-filled-button-label-text-color: var(--color-white)}.primary:disabled{--mdc-filled-button-disabled-container-color: var(--color-muted-50);--mdc-filled-button-disabled-label-text-color: var(--color-dark-10)}.secondary:not(:disabled){border-color:var(--color-primary);--mdc-filled-button-container-color: var(--color-white);--mdc-filled-button-label-text-color: var(--color-primary)}.secondary:not(:disabled):hover{border-color:var(--color-primary-hover);--mdc-filled-button-container-color: var(--color-primary-hover);--mdc-filled-button-label-text-color: var(--color-white)}.secondary:not(:disabled):active,.secondary:not(:disabled):focus{border-color:var(--color-primary-pressed);--mdc-filled-button-container-color: var(--color-primary-pressed);--mdc-filled-button-label-text-color: var(--color-white)}.secondary:disabled{--mdc-filled-button-disabled-container-color: var(--color-muted-50);--mdc-filled-button-disabled-label-text-color: var(--color-dark-10)}.error:not(:disabled){border-color:var(--color-error);--mdc-filled-button-container-color: var(--color-white);--mdc-filled-button-label-text-color: var(--color-error)}.error:not(:disabled):hover{border-color:var(--color-error-hover);--mdc-filled-button-container-color: var(--color-error-hover);--mdc-filled-button-label-text-color: var(--color-white)}.error:not(:disabled):active,.error:not(:disabled):focus{border-color:var(--color-error-pressed);--mdc-filled-button-label-text-color: var(--color-white);--mdc-filled-button-container-color: var(--color-error-pressed)}.error:disabled{--mdc-filled-button-disabled-container-color: var(--color-white);--mdc-filled-button-disabled-label-text-color: var(--color-dark-10)}.tertiary:not(:disabled){border-color:var(--color-light);--mdc-filled-button-container-color: var(--color-light-30);--mdc-filled-button-label-text-color: var(--color-dark)}.tertiary:not(:disabled):hover{border-color:var(--color-light);--mdc-filled-button-container-color: var(--color-light-80);--mdc-filled-button-label-text-color: var(--color-dark)}.tertiary:not(:disabled):active,.tertiary:not(:disabled):focus{border-color:var(--color-light);--mdc-filled-button-label-text-color: var(--color-dark);--mdc-filled-button-container-color: var(--color-light)}.tertiary:disabled{border-color:var(--color-light);--mdc-filled-button-disabled-container-color: var(--color-muted-50);--mdc-filled-button-disabled-label-text-color: var(--color-medium-50)}.sm{--mdc-filled-button-container-height: 32px;--mat-filled-button-horizontal-padding: 7px;--mdc-filled-button-label-text-size: 14px}.xs{--mdc-filled-button-container-height: 24px;--mat-filled-button-horizontal-padding: 7px;--mdc-filled-button-label-text-size: 12px}:host::ng-deep .mdc-button__label{white-space:nowrap}\n"] }]
|
|
305
305
|
}] });
|
|
306
306
|
|
|
307
307
|
class AdsButtonModule {
|
|
@@ -326,11 +326,11 @@ class AdsButtonContainerComponent {
|
|
|
326
326
|
this.gap = input(16);
|
|
327
327
|
}
|
|
328
328
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsButtonContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
329
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.5", type: AdsButtonContainerComponent, isStandalone: false, selector: "ads-button-container", inputs: { justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"button-container\" [style.justify-content]=\"justify()\" [style.gap]=\"gap() + 'px'\">\
|
|
329
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.5", type: AdsButtonContainerComponent, isStandalone: false, selector: "ads-button-container", inputs: { justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"button-container\" [style.justify-content]=\"justify()\" [style.gap]=\"gap() + 'px'\">\n <ng-content></ng-content>\n</div>\n", styles: [".button-container{display:flex}::ng-deep .button-container ads-button:first-child button.mat-raised-button.mat-button-base{margin-left:0}::ng-deep .button-container ads-button:last-child button.mat-raised-button.mat-button-base{margin-right:0}\n"] }); }
|
|
330
330
|
}
|
|
331
331
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsButtonContainerComponent, decorators: [{
|
|
332
332
|
type: Component,
|
|
333
|
-
args: [{ selector: 'ads-button-container', standalone: false, template: "<div class=\"button-container\" [style.justify-content]=\"justify()\" [style.gap]=\"gap() + 'px'\">\
|
|
333
|
+
args: [{ selector: 'ads-button-container', standalone: false, template: "<div class=\"button-container\" [style.justify-content]=\"justify()\" [style.gap]=\"gap() + 'px'\">\n <ng-content></ng-content>\n</div>\n", styles: [".button-container{display:flex}::ng-deep .button-container ads-button:first-child button.mat-raised-button.mat-button-base{margin-left:0}::ng-deep .button-container ads-button:last-child button.mat-raised-button.mat-button-base{margin-right:0}\n"] }]
|
|
334
334
|
}] });
|
|
335
335
|
|
|
336
336
|
class AdsButtonContainerModule {
|
|
@@ -407,11 +407,11 @@ class AdsCardComponent {
|
|
|
407
407
|
return `var(--color-${color})`;
|
|
408
408
|
}
|
|
409
409
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
410
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsCardComponent, isStandalone: false, selector: "ads-card", inputs: { borderColor: "borderColor", borderWidth: "borderWidth", borderRadius: "borderRadius" }, ngImport: i0, template: "<div\
|
|
410
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsCardComponent, isStandalone: false, selector: "ads-card", inputs: { borderColor: "borderColor", borderWidth: "borderWidth", borderRadius: "borderRadius" }, ngImport: i0, template: "<div\n class=\"ads-card\"\n [ngStyle]=\"{\n borderWidth: borderWidth + 'px',\n borderColor: getBorderColor(borderColor),\n borderRadius: borderRadius + 'px',\n }\"\n>\n <ng-content />\n</div>\n", styles: [".ads-card{padding:24px;border:1px solid var(--color-light);border-radius:10px;color:var(--color-dark)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
411
411
|
}
|
|
412
412
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsCardComponent, decorators: [{
|
|
413
413
|
type: Component,
|
|
414
|
-
args: [{ selector: 'ads-card', standalone: false, template: "<div\
|
|
414
|
+
args: [{ selector: 'ads-card', standalone: false, template: "<div\n class=\"ads-card\"\n [ngStyle]=\"{\n borderWidth: borderWidth + 'px',\n borderColor: getBorderColor(borderColor),\n borderRadius: borderRadius + 'px',\n }\"\n>\n <ng-content />\n</div>\n", styles: [".ads-card{padding:24px;border:1px solid var(--color-light);border-radius:10px;color:var(--color-dark)}\n"] }]
|
|
415
415
|
}], propDecorators: { borderColor: [{
|
|
416
416
|
type: Input
|
|
417
417
|
}], borderWidth: [{
|
|
@@ -436,11 +436,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
|
|
|
436
436
|
|
|
437
437
|
class AdsTagContainerComponent {
|
|
438
438
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsTagContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
439
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsTagContainerComponent, isStandalone: false, selector: "ads-tag-container", ngImport: i0, template: "<div class=\"tag-container\">\
|
|
439
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsTagContainerComponent, isStandalone: false, selector: "ads-tag-container", ngImport: i0, template: "<div class=\"tag-container\">\n <ng-content></ng-content>\n</div>\n", styles: [".tag-container{display:flex;justify-content:flex-end;align-items:flex-start;gap:16px;flex-wrap:wrap;height:24px}\n"] }); }
|
|
440
440
|
}
|
|
441
441
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsTagContainerComponent, decorators: [{
|
|
442
442
|
type: Component,
|
|
443
|
-
args: [{ selector: 'ads-tag-container', standalone: false, template: "<div class=\"tag-container\">\
|
|
443
|
+
args: [{ selector: 'ads-tag-container', standalone: false, template: "<div class=\"tag-container\">\n <ng-content></ng-content>\n</div>\n", styles: [".tag-container{display:flex;justify-content:flex-end;align-items:flex-start;gap:16px;flex-wrap:wrap;height:24px}\n"] }]
|
|
444
444
|
}] });
|
|
445
445
|
|
|
446
446
|
class AdsTagComponent {
|
|
@@ -497,11 +497,11 @@ class AdsTagComponent {
|
|
|
497
497
|
return `var(--color-${Colors.White})`;
|
|
498
498
|
}
|
|
499
499
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsTagComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
500
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsTagComponent, isStandalone: false, selector: "ads-tag", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: true, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null }, tag: { classPropertyName: "tag", publicName: "tag", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { remove: "remove", selected: "selected" }, ngImport: i0, template: "<div\
|
|
500
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsTagComponent, isStandalone: false, selector: "ads-tag", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: true, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null }, tag: { classPropertyName: "tag", publicName: "tag", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { remove: "remove", selected: "selected" }, ngImport: i0, template: "<div\n class=\"tag\"\n [ngStyle]=\"{\n 'background-color': getBackgroundColor(),\n color: getTextColor(),\n }\"\n>\n <ng-content></ng-content>\n <span class=\"tag-text\" (click)=\"onSelected()\">{{ tag() }}</span>\n\n @if (removable()) {\n <ads-icon\n [id]=\"'ads-tag-' + id()\"\n name=\"cross\"\n size=\"xxxxs\"\n (click)=\"onRemove()\"\n [stroke]=\"isDarkTitle() ? 'dark' : 'white'\"\n />\n }\n</div>\n", styles: [":host{display:flex}.tag{cursor:default;display:inline-flex;gap:4px;align-items:center;padding:4px;color:var(--color-white);border-radius:5px;font-size:12px;line-height:16px;font-weight:400}.tag ads-icon{cursor:pointer;stroke:var(--color-white)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
501
501
|
}
|
|
502
502
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsTagComponent, decorators: [{
|
|
503
503
|
type: Component,
|
|
504
|
-
args: [{ selector: 'ads-tag', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\
|
|
504
|
+
args: [{ selector: 'ads-tag', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\n class=\"tag\"\n [ngStyle]=\"{\n 'background-color': getBackgroundColor(),\n color: getTextColor(),\n }\"\n>\n <ng-content></ng-content>\n <span class=\"tag-text\" (click)=\"onSelected()\">{{ tag() }}</span>\n\n @if (removable()) {\n <ads-icon\n [id]=\"'ads-tag-' + id()\"\n name=\"cross\"\n size=\"xxxxs\"\n (click)=\"onRemove()\"\n [stroke]=\"isDarkTitle() ? 'dark' : 'white'\"\n />\n }\n</div>\n", styles: [":host{display:flex}.tag{cursor:default;display:inline-flex;gap:4px;align-items:center;padding:4px;color:var(--color-white);border-radius:5px;font-size:12px;line-height:16px;font-weight:400}.tag ads-icon{cursor:pointer;stroke:var(--color-white)}\n"] }]
|
|
505
505
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }] });
|
|
506
506
|
|
|
507
507
|
class AdsCreateTagComponent {
|
|
@@ -735,11 +735,11 @@ class AdsCreateTagComponent {
|
|
|
735
735
|
this.tags = this.tags.filter((existingTag) => existingTag.id !== id); // Remove tag from the list of tags
|
|
736
736
|
}
|
|
737
737
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsCreateTagComponent, deps: [{ token: i4.FormBuilder }, { token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
738
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsCreateTagComponent, isStandalone: false, selector: "ads-create-tag", inputs: { limit: { classPropertyName: "limit", publicName: "limit", isSignal: true, isRequired: false, transformFunction: null }, tags: { classPropertyName: "tags", publicName: "tags", isSignal: false, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, lowercase: { classPropertyName: "lowercase", publicName: "lowercase", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, alphanumeric: { classPropertyName: "alphanumeric", publicName: "alphanumeric", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "addInput", first: true, predicate: ["addInput"], descendants: true }, { propertyName: "editInput", first: true, predicate: ["editInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ads-tag-container>\
|
|
738
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsCreateTagComponent, isStandalone: false, selector: "ads-create-tag", inputs: { limit: { classPropertyName: "limit", publicName: "limit", isSignal: true, isRequired: false, transformFunction: null }, tags: { classPropertyName: "tags", publicName: "tags", isSignal: false, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, lowercase: { classPropertyName: "lowercase", publicName: "lowercase", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, alphanumeric: { classPropertyName: "alphanumeric", publicName: "alphanumeric", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "addInput", first: true, predicate: ["addInput"], descendants: true }, { propertyName: "editInput", first: true, predicate: ["editInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ads-tag-container>\n @for (tag of tags; track tag.id) {\n @if (selectedTag()?.id === tag.id) {\n <form [formGroup]=\"form\">\n <div class=\"tag-overlay-trigger\" cdkOverlayOrigin #updateTrigger=\"cdkOverlayOrigin\"></div>\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"updateTrigger\"\n [cdkConnectedOverlayPositions]=\"positions\"\n [cdkConnectedOverlayPush]=\"true\"\n [cdkConnectedOverlayOpen]=\"true\"\n [cdkConnectedOverlayHasBackdrop]=\"true\"\n (backdropClick)=\"hide()\"\n (detach)=\"hide()\"\n >\n <div class=\"tag-overlay\">\n <input #editInput formControlName=\"tag\" [attr.maxlength]=\"maxlength()\" />\n <div class=\"tag-configuration\">\n <div class=\"color-picker\">\n @for (color of palette(); track color) {\n <div\n class=\"color\"\n [class.selected]=\"selectedColor === color\"\n [ngStyle]=\"{\n 'background-color': getBackgroundColor(color),\n opacity: selectedColor && selectedColor !== color ? 0.2 : 1,\n }\"\n (click)=\"onColorChange(color)\"\n ></div>\n }\n </div>\n <div class=\"actions\">\n <ads-button [variant]=\"'secondary'\" size=\"xs\" (click)=\"reset()\">{{ 'Cancel' }}</ads-button>\n <ads-button size=\"xs\" [disabled]=\"isValueInvalid()\" (click)=\"updateTag()\">\n {{ 'Save' }}\n </ads-button>\n </div>\n </div>\n </div>\n </ng-template>\n </form>\n } @else {\n <ads-tag\n [tag]=\"tag.tag\"\n [color]=\"tag.color\"\n [id]=\"tag.id\"\n (selected)=\"onTagSelect($event)\"\n (remove)=\"onTagRemove($event)\"\n />\n }\n }\n\n <div class=\"container\">\n @if (showInput) {\n <form [formGroup]=\"form\">\n <div class=\"tag-overlay-trigger\" cdkOverlayOrigin #addTrigger=\"cdkOverlayOrigin\"></div>\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"addTrigger\"\n [cdkConnectedOverlayPositions]=\"positions\"\n [cdkConnectedOverlayPush]=\"true\"\n [cdkConnectedOverlayOpen]=\"true\"\n [cdkConnectedOverlayHasBackdrop]=\"true\"\n (backdropClick)=\"hide()\"\n (detach)=\"hide()\"\n >\n <div class=\"tag-overlay\">\n <input #addInput formControlName=\"tag\" [attr.maxlength]=\"maxlength()\" />\n <div class=\"tag-configuration\">\n <div class=\"color-picker\">\n @for (color of palette(); track color) {\n <div\n class=\"color\"\n [class.selected]=\"selectedColor === color\"\n [ngStyle]=\"{\n 'background-color': getBackgroundColor(color),\n opacity: selectedColor && selectedColor !== color ? 0.2 : 1,\n }\"\n (click)=\"onColorChange(color)\"\n ></div>\n }\n </div>\n <div class=\"actions\">\n <ads-button [variant]=\"'secondary'\" size=\"xs\" (click)=\"reset()\">{{ 'Cancel' }}</ads-button>\n <ads-button size=\"xs\" [disabled]=\"isValueInvalid()\" (click)=\"addTag()\">{{ 'Add' }} </ads-button>\n </div>\n </div>\n </div>\n </ng-template>\n </form>\n }\n\n @if (this.tags.length < this.limit()) {\n <ads-button (click)=\"displayInput()\" size=\"xs\">\n {{ 'Add Tag' }}\n </ads-button>\n }\n </div>\n</ads-tag-container>\n", styles: [".tag-overlay-trigger{height:0;width:150px;display:flex}.tag-overlay{display:flex;flex-direction:column}input{padding:0 8px;box-sizing:border-box;background-color:var(--color-white);border:2px solid var(--color-medium);color:var(--color-dark);height:24px;border-radius:5px;width:150px}input:focus{outline:none}.tag-configuration{box-shadow:0 0 0 1px #98a1b31a,0 15px 35px -5px #11182626,0 5px 15px #00000014;border-radius:5px;margin-top:5px;background-color:var(--color-white);overflow:hidden}.color-picker{padding:12px 16px;display:grid;grid-template-columns:repeat(4,1fr);place-items:center;grid-gap:12px}.color-picker .color{width:20px;height:20px;border-radius:50%;cursor:pointer}.actions{border-top:1px solid var(--color-light);padding:8px 16px;display:flex;justify-content:center;gap:12px}.actions ::ng-deep ads-button button{width:52px;min-width:unset}::ng-deep .cdk-overlay-dark-backdrop{opacity:0!important}.container{display:inline-flex;gap:4px;height:24px;position:relative}\n"], dependencies: [{ kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i4$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: AdsButtonComponent, selector: "ads-button", inputs: ["id", "variant", "disabled", "size", "type"] }, { kind: "component", type: AdsTagContainerComponent, selector: "ads-tag-container" }, { kind: "component", type: AdsTagComponent, selector: "ads-tag", inputs: ["color", "id", "removable", "tag"], outputs: ["remove", "selected"] }] }); }
|
|
739
739
|
}
|
|
740
740
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsCreateTagComponent, decorators: [{
|
|
741
741
|
type: Component,
|
|
742
|
-
args: [{ selector: 'ads-create-tag', standalone: false, template: "<ads-tag-container>\
|
|
742
|
+
args: [{ selector: 'ads-create-tag', standalone: false, template: "<ads-tag-container>\n @for (tag of tags; track tag.id) {\n @if (selectedTag()?.id === tag.id) {\n <form [formGroup]=\"form\">\n <div class=\"tag-overlay-trigger\" cdkOverlayOrigin #updateTrigger=\"cdkOverlayOrigin\"></div>\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"updateTrigger\"\n [cdkConnectedOverlayPositions]=\"positions\"\n [cdkConnectedOverlayPush]=\"true\"\n [cdkConnectedOverlayOpen]=\"true\"\n [cdkConnectedOverlayHasBackdrop]=\"true\"\n (backdropClick)=\"hide()\"\n (detach)=\"hide()\"\n >\n <div class=\"tag-overlay\">\n <input #editInput formControlName=\"tag\" [attr.maxlength]=\"maxlength()\" />\n <div class=\"tag-configuration\">\n <div class=\"color-picker\">\n @for (color of palette(); track color) {\n <div\n class=\"color\"\n [class.selected]=\"selectedColor === color\"\n [ngStyle]=\"{\n 'background-color': getBackgroundColor(color),\n opacity: selectedColor && selectedColor !== color ? 0.2 : 1,\n }\"\n (click)=\"onColorChange(color)\"\n ></div>\n }\n </div>\n <div class=\"actions\">\n <ads-button [variant]=\"'secondary'\" size=\"xs\" (click)=\"reset()\">{{ 'Cancel' }}</ads-button>\n <ads-button size=\"xs\" [disabled]=\"isValueInvalid()\" (click)=\"updateTag()\">\n {{ 'Save' }}\n </ads-button>\n </div>\n </div>\n </div>\n </ng-template>\n </form>\n } @else {\n <ads-tag\n [tag]=\"tag.tag\"\n [color]=\"tag.color\"\n [id]=\"tag.id\"\n (selected)=\"onTagSelect($event)\"\n (remove)=\"onTagRemove($event)\"\n />\n }\n }\n\n <div class=\"container\">\n @if (showInput) {\n <form [formGroup]=\"form\">\n <div class=\"tag-overlay-trigger\" cdkOverlayOrigin #addTrigger=\"cdkOverlayOrigin\"></div>\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"addTrigger\"\n [cdkConnectedOverlayPositions]=\"positions\"\n [cdkConnectedOverlayPush]=\"true\"\n [cdkConnectedOverlayOpen]=\"true\"\n [cdkConnectedOverlayHasBackdrop]=\"true\"\n (backdropClick)=\"hide()\"\n (detach)=\"hide()\"\n >\n <div class=\"tag-overlay\">\n <input #addInput formControlName=\"tag\" [attr.maxlength]=\"maxlength()\" />\n <div class=\"tag-configuration\">\n <div class=\"color-picker\">\n @for (color of palette(); track color) {\n <div\n class=\"color\"\n [class.selected]=\"selectedColor === color\"\n [ngStyle]=\"{\n 'background-color': getBackgroundColor(color),\n opacity: selectedColor && selectedColor !== color ? 0.2 : 1,\n }\"\n (click)=\"onColorChange(color)\"\n ></div>\n }\n </div>\n <div class=\"actions\">\n <ads-button [variant]=\"'secondary'\" size=\"xs\" (click)=\"reset()\">{{ 'Cancel' }}</ads-button>\n <ads-button size=\"xs\" [disabled]=\"isValueInvalid()\" (click)=\"addTag()\">{{ 'Add' }} </ads-button>\n </div>\n </div>\n </div>\n </ng-template>\n </form>\n }\n\n @if (this.tags.length < this.limit()) {\n <ads-button (click)=\"displayInput()\" size=\"xs\">\n {{ 'Add Tag' }}\n </ads-button>\n }\n </div>\n</ads-tag-container>\n", styles: [".tag-overlay-trigger{height:0;width:150px;display:flex}.tag-overlay{display:flex;flex-direction:column}input{padding:0 8px;box-sizing:border-box;background-color:var(--color-white);border:2px solid var(--color-medium);color:var(--color-dark);height:24px;border-radius:5px;width:150px}input:focus{outline:none}.tag-configuration{box-shadow:0 0 0 1px #98a1b31a,0 15px 35px -5px #11182626,0 5px 15px #00000014;border-radius:5px;margin-top:5px;background-color:var(--color-white);overflow:hidden}.color-picker{padding:12px 16px;display:grid;grid-template-columns:repeat(4,1fr);place-items:center;grid-gap:12px}.color-picker .color{width:20px;height:20px;border-radius:50%;cursor:pointer}.actions{border-top:1px solid var(--color-light);padding:8px 16px;display:flex;justify-content:center;gap:12px}.actions ::ng-deep ads-button button{width:52px;min-width:unset}::ng-deep .cdk-overlay-dark-backdrop{opacity:0!important}.container{display:inline-flex;gap:4px;height:24px;position:relative}\n"] }]
|
|
743
743
|
}], ctorParameters: () => [{ type: i4.FormBuilder }, { type: i1.AdsIconRegistry }], propDecorators: { tags: [{
|
|
744
744
|
type: Input
|
|
745
745
|
}], addInput: [{
|
|
@@ -838,11 +838,11 @@ class DividerComponent {
|
|
|
838
838
|
};
|
|
839
839
|
}
|
|
840
840
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: DividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
841
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: DividerComponent, isStandalone: false, selector: "ads-divider", inputs: { margin: "margin", color: "color" }, ngImport: i0, template: "<div [ngStyle]=\"style\" class=\"ads-divider\"></div>\
|
|
841
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: DividerComponent, isStandalone: false, selector: "ads-divider", inputs: { margin: "margin", color: "color" }, ngImport: i0, template: "<div [ngStyle]=\"style\" class=\"ads-divider\"></div>\n", styles: [".ads-divider{height:1px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
842
842
|
}
|
|
843
843
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: DividerComponent, decorators: [{
|
|
844
844
|
type: Component,
|
|
845
|
-
args: [{ selector: 'ads-divider', standalone: false, template: "<div [ngStyle]=\"style\" class=\"ads-divider\"></div>\
|
|
845
|
+
args: [{ selector: 'ads-divider', standalone: false, template: "<div [ngStyle]=\"style\" class=\"ads-divider\"></div>\n", styles: [".ads-divider{height:1px}\n"] }]
|
|
846
846
|
}], propDecorators: { margin: [{
|
|
847
847
|
type: Input
|
|
848
848
|
}], color: [{
|
|
@@ -1308,11 +1308,11 @@ class AdsDragAndDropListComponent {
|
|
|
1308
1308
|
return this.draggedElement?.dom === element?.dom;
|
|
1309
1309
|
}
|
|
1310
1310
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsDragAndDropListComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1311
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsDragAndDropListComponent, isStandalone: false, selector: "ads-drag-and-drop-list", inputs: { dropCallback: "dropCallback", canDropCallback: "canDropCallback", canDragCallback: "canDragCallback", minCountToDrag: "minCountToDrag", refresh: "refresh" }, viewQueries: [{ propertyName: "draggableList", first: true, predicate: ["draggableList"], descendants: true, read: ElementRef, static: true }, { propertyName: "dynamicContent", first: true, predicate: ["dynamicContent"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div class=\"draggable-list\" #draggableList (dragleave)=\"onListDragLeave($event)\">\
|
|
1311
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsDragAndDropListComponent, isStandalone: false, selector: "ads-drag-and-drop-list", inputs: { dropCallback: "dropCallback", canDropCallback: "canDropCallback", canDragCallback: "canDragCallback", minCountToDrag: "minCountToDrag", refresh: "refresh" }, viewQueries: [{ propertyName: "draggableList", first: true, predicate: ["draggableList"], descendants: true, read: ElementRef, static: true }, { propertyName: "dynamicContent", first: true, predicate: ["dynamicContent"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div class=\"draggable-list\" #draggableList (dragleave)=\"onListDragLeave($event)\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}:host ::ng-deep .draggable-list>*{box-sizing:border-box;background-color:var(--color-white);color:var(--color-dark)}:host ::ng-deep .draggable-list>*[draggable=true]{cursor:move}:host ::ng-deep .draggable-list>*.is-dragged{opacity:.25}:host ::ng-deep .draggable-list>*:not(.drag-placeholder){width:100%}:host ::ng-deep .draggable-list>*.dragged-over:not(.drop-blocked){background-color:var(--color-light-30)}\n"] }); }
|
|
1312
1312
|
}
|
|
1313
1313
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsDragAndDropListComponent, decorators: [{
|
|
1314
1314
|
type: Component,
|
|
1315
|
-
args: [{ selector: 'ads-drag-and-drop-list', standalone: false, template: "<div class=\"draggable-list\" #draggableList (dragleave)=\"onListDragLeave($event)\">\
|
|
1315
|
+
args: [{ selector: 'ads-drag-and-drop-list', standalone: false, template: "<div class=\"draggable-list\" #draggableList (dragleave)=\"onListDragLeave($event)\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}:host ::ng-deep .draggable-list>*{box-sizing:border-box;background-color:var(--color-white);color:var(--color-dark)}:host ::ng-deep .draggable-list>*[draggable=true]{cursor:move}:host ::ng-deep .draggable-list>*.is-dragged{opacity:.25}:host ::ng-deep .draggable-list>*:not(.drag-placeholder){width:100%}:host ::ng-deep .draggable-list>*.dragged-over:not(.drop-blocked){background-color:var(--color-light-30)}\n"] }]
|
|
1316
1316
|
}], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { draggableList: [{
|
|
1317
1317
|
type: ViewChild,
|
|
1318
1318
|
args: ['draggableList', { read: ElementRef, static: true }]
|
|
@@ -1425,11 +1425,11 @@ class AdsErrorPageComponent {
|
|
|
1425
1425
|
}
|
|
1426
1426
|
}
|
|
1427
1427
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsErrorPageComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.AdsIconRegistry }, { token: i1$1.Location }, { token: i3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1428
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsErrorPageComponent, isStandalone: false, 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\">\
|
|
1428
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsErrorPageComponent, isStandalone: false, 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 <div *ngIf=\"iconAsSvg; else code\" class=\"error-icon {{ config.icon }}\" [innerHTML]=\"iconAsSvg\"></div>\n <ng-template #code>\n <span class=\"error-code\" #errorCode [ngStyle]=\"adjustStyles()\">\n {{ config.code || defaults.errorCode }}\n </span>\n </ng-template>\n </div>\n <div class=\"body-error-message\" *ngIf=\"config.message\">{{ config.message }}</div>\n <div class=\"body-error-summary\" *ngIf=\"config.summary\">{{ config.summary }}</div>\n </div>\n <div class=\"footer\" *ngIf=\"config.infoColumns?.length || config.showHomeButton || config.showBackButton\">\n <div class=\"footer-info-columns\" *ngIf=\"config.infoColumns?.length\">\n <!-- default alignment for single column is \"center\", otherwise - \"left\" -->\n <div\n *ngFor=\"let column of config.infoColumns\"\n class=\"footer-info-column\"\n [ngStyle]=\"{\n 'text-align': column.alignment ? column.alignment : (config.infoColumns?.length ?? 1) > 1 ? 'left' : 'center',\n }\"\n >\n <div class=\"footer-column-header\" *ngIf=\"column.header\">{{ column.header }}</div>\n <div class=\"footer-column-body\" [innerHTML]=\"column.body\"></div>\n </div>\n </div>\n <div class=\"footer-buttons\" *ngIf=\"config.showHomeButton || config.showBackButton\">\n <ads-button *ngIf=\"config.showBackButton\" variant=\"secondary\" (click)=\"back()\">{{\n config.backButtonLabel || defaults.backButtonLabel\n }}</ads-button>\n <ads-button *ngIf=\"config.showHomeButton\" variant=\"primary\" routerLink=\"/\">{{\n config.homeButtonLabel || defaults.homeButtonLabel\n }}</ads-button>\n </div>\n </div>\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: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AdsButtonComponent, selector: "ads-button", inputs: ["id", "variant", "disabled", "size", "type"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
|
|
1429
1429
|
}
|
|
1430
1430
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsErrorPageComponent, decorators: [{
|
|
1431
1431
|
type: Component,
|
|
1432
|
-
args: [{ selector: 'ads-error-page', standalone: false, template: "<div class=\"error-page-container\">\
|
|
1432
|
+
args: [{ selector: 'ads-error-page', standalone: false, 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 <div *ngIf=\"iconAsSvg; else code\" class=\"error-icon {{ config.icon }}\" [innerHTML]=\"iconAsSvg\"></div>\n <ng-template #code>\n <span class=\"error-code\" #errorCode [ngStyle]=\"adjustStyles()\">\n {{ config.code || defaults.errorCode }}\n </span>\n </ng-template>\n </div>\n <div class=\"body-error-message\" *ngIf=\"config.message\">{{ config.message }}</div>\n <div class=\"body-error-summary\" *ngIf=\"config.summary\">{{ config.summary }}</div>\n </div>\n <div class=\"footer\" *ngIf=\"config.infoColumns?.length || config.showHomeButton || config.showBackButton\">\n <div class=\"footer-info-columns\" *ngIf=\"config.infoColumns?.length\">\n <!-- default alignment for single column is \"center\", otherwise - \"left\" -->\n <div\n *ngFor=\"let column of config.infoColumns\"\n class=\"footer-info-column\"\n [ngStyle]=\"{\n 'text-align': column.alignment ? column.alignment : (config.infoColumns?.length ?? 1) > 1 ? 'left' : 'center',\n }\"\n >\n <div class=\"footer-column-header\" *ngIf=\"column.header\">{{ column.header }}</div>\n <div class=\"footer-column-body\" [innerHTML]=\"column.body\"></div>\n </div>\n </div>\n <div class=\"footer-buttons\" *ngIf=\"config.showHomeButton || config.showBackButton\">\n <ads-button *ngIf=\"config.showBackButton\" variant=\"secondary\" (click)=\"back()\">{{\n config.backButtonLabel || defaults.backButtonLabel\n }}</ads-button>\n <ads-button *ngIf=\"config.showHomeButton\" variant=\"primary\" routerLink=\"/\">{{\n config.homeButtonLabel || defaults.homeButtonLabel\n }}</ads-button>\n </div>\n </div>\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"] }]
|
|
1433
1433
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.AdsIconRegistry }, { type: i1$1.Location }, { type: i3.DomSanitizer }], propDecorators: { logoSrc: [{
|
|
1434
1434
|
type: Input
|
|
1435
1435
|
}], logoAlt: [{
|
|
@@ -1513,11 +1513,11 @@ class AdsFooterComponent {
|
|
|
1513
1513
|
this.links = [];
|
|
1514
1514
|
}
|
|
1515
1515
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1516
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsFooterComponent, isStandalone: false, selector: "ads-footer", inputs: { alt: "alt", copyright: "copyright", links: "links", logoSrc: "logoSrc" }, ngImport: i0, template: "<div class=\"footer\">\
|
|
1516
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsFooterComponent, isStandalone: false, selector: "ads-footer", inputs: { alt: "alt", copyright: "copyright", links: "links", logoSrc: "logoSrc" }, ngImport: i0, template: "<div class=\"footer\">\n <div class=\"links\">\n @for (link of links; track $index) {\n <a class=\"tertiary-link text-xs\" [href]=\"link.href\" [target]=\"link.target || '_self'\">{{ link.text }}</a>\n }\n </div>\n <div class=\"footer-right\">\n <div class=\"copyright\">\n @if (copyright.href) {\n <a\n class=\"secondary-link text-xs\"\n [href]=\"copyright.href\"\n [target]=\"copyright.target || '_self'\"\n [innerHtml]=\"copyright.text\"\n ></a>\n } @else {\n <span [innerHtml]=\"copyright.text\"></span>\n }\n </div>\n @if (logoSrc) {\n <div class=\"logo\">\n <img [attr.src]=\"logoSrc\" alt=\"{{ alt }}\" />\n </div>\n }\n </div>\n</div>\n", styles: [".footer{display:flex;height:100%;align-items:center;justify-content:space-between}.links{display:flex;flex-wrap:wrap}.links a{color:var(--color-link)}a:not(:last-child):after{padding:0 8px;content:\"|\"}.copyright{height:100%;font-size:12px}.copyright span{color:var(--color-primary)}.footer-right{display:flex;align-items:center;row-gap:8px;column-gap:16px}.logo{max-width:90px}@media screen and (max-width: 768px){.footer{flex-direction:column;gap:24px}.footer .links{justify-content:center}.footer-right{display:flex;flex-direction:column-reverse}.footer-right .copyright{text-align:center}}\n"] }); }
|
|
1517
1517
|
}
|
|
1518
1518
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsFooterComponent, decorators: [{
|
|
1519
1519
|
type: Component,
|
|
1520
|
-
args: [{ selector: 'ads-footer', standalone: false, template: "<div class=\"footer\">\
|
|
1520
|
+
args: [{ selector: 'ads-footer', standalone: false, template: "<div class=\"footer\">\n <div class=\"links\">\n @for (link of links; track $index) {\n <a class=\"tertiary-link text-xs\" [href]=\"link.href\" [target]=\"link.target || '_self'\">{{ link.text }}</a>\n }\n </div>\n <div class=\"footer-right\">\n <div class=\"copyright\">\n @if (copyright.href) {\n <a\n class=\"secondary-link text-xs\"\n [href]=\"copyright.href\"\n [target]=\"copyright.target || '_self'\"\n [innerHtml]=\"copyright.text\"\n ></a>\n } @else {\n <span [innerHtml]=\"copyright.text\"></span>\n }\n </div>\n @if (logoSrc) {\n <div class=\"logo\">\n <img [attr.src]=\"logoSrc\" alt=\"{{ alt }}\" />\n </div>\n }\n </div>\n</div>\n", styles: [".footer{display:flex;height:100%;align-items:center;justify-content:space-between}.links{display:flex;flex-wrap:wrap}.links a{color:var(--color-link)}a:not(:last-child):after{padding:0 8px;content:\"|\"}.copyright{height:100%;font-size:12px}.copyright span{color:var(--color-primary)}.footer-right{display:flex;align-items:center;row-gap:8px;column-gap:16px}.logo{max-width:90px}@media screen and (max-width: 768px){.footer{flex-direction:column;gap:24px}.footer .links{justify-content:center}.footer-right{display:flex;flex-direction:column-reverse}.footer-right .copyright{text-align:center}}\n"] }]
|
|
1521
1521
|
}], propDecorators: { alt: [{
|
|
1522
1522
|
type: Input
|
|
1523
1523
|
}], copyright: [{
|
|
@@ -1544,11 +1544,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
|
|
|
1544
1544
|
|
|
1545
1545
|
class AdsFooterContainerComponent {
|
|
1546
1546
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsFooterContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1547
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsFooterContainerComponent, isStandalone: false, selector: "ads-footer-container", ngImport: i0, template: "<footer>\
|
|
1547
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsFooterContainerComponent, isStandalone: false, selector: "ads-footer-container", ngImport: i0, template: "<footer>\n <ng-content></ng-content>\n</footer>\n", styles: ["footer{height:107px;box-sizing:border-box;padding:24px;border-top:1px solid var(--color-light);background-color:var(--color-muted-50);width:100%}@media screen and (max-width: 768px){footer{height:auto}}\n"] }); }
|
|
1548
1548
|
}
|
|
1549
1549
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsFooterContainerComponent, decorators: [{
|
|
1550
1550
|
type: Component,
|
|
1551
|
-
args: [{ selector: 'ads-footer-container', standalone: false, template: "<footer>\
|
|
1551
|
+
args: [{ selector: 'ads-footer-container', standalone: false, template: "<footer>\n <ng-content></ng-content>\n</footer>\n", styles: ["footer{height:107px;box-sizing:border-box;padding:24px;border-top:1px solid var(--color-light);background-color:var(--color-muted-50);width:100%}@media screen and (max-width: 768px){footer{height:auto}}\n"] }]
|
|
1552
1552
|
}] });
|
|
1553
1553
|
|
|
1554
1554
|
class AdsFooterContainerModule {
|
|
@@ -1566,11 +1566,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
|
|
|
1566
1566
|
|
|
1567
1567
|
class AdsHeaderComponent {
|
|
1568
1568
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1569
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsHeaderComponent, isStandalone: false, selector: "ads-header", ngImport: i0, template: "<div class=\"header\">\
|
|
1569
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsHeaderComponent, isStandalone: false, selector: "ads-header", ngImport: i0, template: "<div class=\"header\">\n <div class=\"addon-left\">\n <ng-content select=\"[left]\"></ng-content>\n </div>\n <ng-content select=\"[logo]\"></ng-content>\n <div class=\"addon-right\">\n <ng-content select=\"[right]\"></ng-content>\n </div>\n</div>\n", styles: [".header{position:relative;display:flex;height:40px;align-items:center;color:var(--color-dark)}.addon-left{flex:1;max-width:50%}.addon-right{display:flex;flex:1;align-items:center;justify-content:flex-end}.ads-logo{float:left;padding-right:30px}\n"] }); }
|
|
1570
1570
|
}
|
|
1571
1571
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsHeaderComponent, decorators: [{
|
|
1572
1572
|
type: Component,
|
|
1573
|
-
args: [{ selector: 'ads-header', standalone: false, template: "<div class=\"header\">\
|
|
1573
|
+
args: [{ selector: 'ads-header', standalone: false, template: "<div class=\"header\">\n <div class=\"addon-left\">\n <ng-content select=\"[left]\"></ng-content>\n </div>\n <ng-content select=\"[logo]\"></ng-content>\n <div class=\"addon-right\">\n <ng-content select=\"[right]\"></ng-content>\n </div>\n</div>\n", styles: [".header{position:relative;display:flex;height:40px;align-items:center;color:var(--color-dark)}.addon-left{flex:1;max-width:50%}.addon-right{display:flex;flex:1;align-items:center;justify-content:flex-end}.ads-logo{float:left;padding-right:30px}\n"] }]
|
|
1574
1574
|
}] });
|
|
1575
1575
|
|
|
1576
1576
|
class AdsHeaderModule {
|
|
@@ -1594,11 +1594,11 @@ class AdsHeaderContainerComponent {
|
|
|
1594
1594
|
this.isMobile = false;
|
|
1595
1595
|
}
|
|
1596
1596
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsHeaderContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1597
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsHeaderContainerComponent, isStandalone: false, selector: "ads-header-container", inputs: { isMobile: "isMobile" }, ngImport: i0, template: "<header [class.mobile]=\"isMobile\">\
|
|
1597
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsHeaderContainerComponent, isStandalone: false, selector: "ads-header-container", inputs: { isMobile: "isMobile" }, ngImport: i0, template: "<header [class.mobile]=\"isMobile\">\n <ng-content></ng-content>\n</header>\n", styles: ["header{display:flex;height:87px;box-sizing:border-box;flex-direction:column;justify-content:center;border-bottom:1px solid var(--color-light);padding:0 24px}header.mobile{height:70px}\n"] }); }
|
|
1598
1598
|
}
|
|
1599
1599
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsHeaderContainerComponent, decorators: [{
|
|
1600
1600
|
type: Component,
|
|
1601
|
-
args: [{ selector: 'ads-header-container', standalone: false, template: "<header [class.mobile]=\"isMobile\">\
|
|
1601
|
+
args: [{ selector: 'ads-header-container', standalone: false, template: "<header [class.mobile]=\"isMobile\">\n <ng-content></ng-content>\n</header>\n", styles: ["header{display:flex;height:87px;box-sizing:border-box;flex-direction:column;justify-content:center;border-bottom:1px solid var(--color-light);padding:0 24px}header.mobile{height:70px}\n"] }]
|
|
1602
1602
|
}], propDecorators: { isMobile: [{
|
|
1603
1603
|
type: Input
|
|
1604
1604
|
}] } });
|
|
@@ -1624,11 +1624,11 @@ class AdsLinkButtonComponent {
|
|
|
1624
1624
|
this.disabled = input(false);
|
|
1625
1625
|
}
|
|
1626
1626
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsLinkButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1627
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.5", type: AdsLinkButtonComponent, isStandalone: false, selector: "ads-link-button", inputs: { 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 mat-flat-button [id]=\"id()\" [disabled]=\"disabled()\" [disableRipple]=\"true\">\
|
|
1627
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.5", type: AdsLinkButtonComponent, isStandalone: false, selector: "ads-link-button", inputs: { 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 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{--mdc-filled-button-container-color: var(--color-white);--mdc-filled-button-label-text-color: var(--color-link);--mdc-filled-button-label-text-weight: 400;--mdc-filled-button-container-height: 24px;--mdc-filled-button-label-text-tracking: \"1.5px\";--mdc-filled-button-label-text-size: 16px;--mat-filled-button-horizontal-padding: 4px;--mdc-filled-button-disabled-container-color: var(--color-muted-50);--mdc-filled-button-disabled-label-text-color: var(--color-dark-10);--mat-filled-button-hover-state-layer-opacity: 0;text-decoration:underline}button:hover{--mdc-filled-button-container-color: var(--color-light-30);--mdc-filled-button-label-text-color: var(--color-link-hover)}button:active:focus{--mdc-filled-button-container-color: var(--color-light);--mdc-filled-button-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"], dependencies: [{ kind: "component", type: i7.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }] }); }
|
|
1628
1628
|
}
|
|
1629
1629
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsLinkButtonComponent, decorators: [{
|
|
1630
1630
|
type: Component,
|
|
1631
|
-
args: [{ selector: 'ads-link-button', standalone: false, template: "<button mat-flat-button [id]=\"id()\" [disabled]=\"disabled()\" [disableRipple]=\"true\">\
|
|
1631
|
+
args: [{ selector: 'ads-link-button', standalone: false, 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{--mdc-filled-button-container-color: var(--color-white);--mdc-filled-button-label-text-color: var(--color-link);--mdc-filled-button-label-text-weight: 400;--mdc-filled-button-container-height: 24px;--mdc-filled-button-label-text-tracking: \"1.5px\";--mdc-filled-button-label-text-size: 16px;--mat-filled-button-horizontal-padding: 4px;--mdc-filled-button-disabled-container-color: var(--color-muted-50);--mdc-filled-button-disabled-label-text-color: var(--color-dark-10);--mat-filled-button-hover-state-layer-opacity: 0;text-decoration:underline}button:hover{--mdc-filled-button-container-color: var(--color-light-30);--mdc-filled-button-label-text-color: var(--color-link-hover)}button:active:focus{--mdc-filled-button-container-color: var(--color-light);--mdc-filled-button-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"] }]
|
|
1632
1632
|
}] });
|
|
1633
1633
|
|
|
1634
1634
|
class AdsLinkButtonModule {
|
|
@@ -1685,11 +1685,11 @@ class AdsPrimaryLogoComponent extends AbstractLogoComponent {
|
|
|
1685
1685
|
super();
|
|
1686
1686
|
}
|
|
1687
1687
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsPrimaryLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1688
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsPrimaryLogoComponent, isStandalone: false, selector: "ads-primary-logo", usesInheritance: true, ngImport: i0, template: "<picture [ngClass]=\"{ full: !isCollapsed() }\">\
|
|
1688
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsPrimaryLogoComponent, isStandalone: false, selector: "ads-primary-logo", usesInheritance: true, ngImport: i0, 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"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
1689
1689
|
}
|
|
1690
1690
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsPrimaryLogoComponent, decorators: [{
|
|
1691
1691
|
type: Component,
|
|
1692
|
-
args: [{ selector: 'ads-primary-logo', standalone: false, template: "<picture [ngClass]=\"{ full: !isCollapsed() }\">\
|
|
1692
|
+
args: [{ selector: 'ads-primary-logo', standalone: false, 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"] }]
|
|
1693
1693
|
}], ctorParameters: () => [] });
|
|
1694
1694
|
|
|
1695
1695
|
class AdsPrimaryLogoModule {
|
|
@@ -1746,11 +1746,11 @@ class AdsAscentLogoComponent extends AbstractLogoComponent {
|
|
|
1746
1746
|
this.isDarkMode = root.classList.contains('dark-theme');
|
|
1747
1747
|
}
|
|
1748
1748
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsAscentLogoComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1749
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsAscentLogoComponent, isStandalone: false, selector: "ads-ascent-logo", inputs: { invertTheme: { classPropertyName: "invertTheme", publicName: "invertTheme", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "@if (isStorybook) {\r\n <picture class=\"ads-ascent-logo\">\r\n @if (!isDarkMode) {\r\n @if (isMobile || isCollapsed()) {\r\n <svg\r\n class=\"collapsed\"\r\n [ngClass]=\"size()\"\r\n width=\"42\"\r\n height=\"30\"\r\n viewBox=\"0 0 42 30\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n <g id=\"New logo Color\" clip-path=\"url(#clip0_2342_113)\">\r\n <path\r\n id=\"Vector\"\r\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\"\r\n fill=\"url(#paint0_linear_2342_113)\"\r\n />\r\n </g>\r\n <defs>\r\n <linearGradient\r\n id=\"paint0_linear_2342_113\"\r\n x1=\"7.54585\"\r\n y1=\"35.0553\"\r\n x2=\"33.8846\"\r\n y2=\"8.71658\"\r\n gradientUnits=\"userSpaceOnUse\"\r\n >\r\n <stop stop-color=\"#004987\" />\r\n <stop offset=\"0.25\" stop-color=\"#004C89\" />\r\n <stop offset=\"0.44\" stop-color=\"#00568F\" />\r\n <stop offset=\"0.62\" stop-color=\"#00669A\" />\r\n <stop offset=\"0.78\" stop-color=\"#007DAA\" />\r\n <stop offset=\"0.93\" stop-color=\"#009BBD\" />\r\n <stop offset=\"1\" stop-color=\"#00ABC8\" />\r\n </linearGradient>\r\n <clipPath id=\"clip0_2342_113\">\r\n <rect width=\"42\" height=\"29\" fill=\"white\" transform=\"translate(0 0.677048)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n } @else {\r\n <svg [ngClass]=\"size()\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 165 29\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_353_5425)\">\r\n <path\r\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\"\r\n fill=\"url(#paint0_linear_353_5425)\"\r\n />\r\n <path\r\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\"\r\n fill=\"#004987\"\r\n />\r\n </g>\r\n <defs>\r\n <linearGradient\r\n id=\"paint0_linear_353_5425\"\r\n x1=\"7.54584\"\r\n y1=\"34.3843\"\r\n x2=\"33.8846\"\r\n y2=\"8.04551\"\r\n gradientUnits=\"userSpaceOnUse\"\r\n >\r\n <stop stop-color=\"#004987\" />\r\n <stop offset=\"0.25\" stop-color=\"#004C89\" />\r\n <stop offset=\"0.44\" stop-color=\"#00568F\" />\r\n <stop offset=\"0.62\" stop-color=\"#00669A\" />\r\n <stop offset=\"0.78\" stop-color=\"#007DAA\" />\r\n <stop offset=\"0.93\" stop-color=\"#009BBD\" />\r\n <stop offset=\"1\" stop-color=\"#00ABC8\" />\r\n </linearGradient>\r\n <clipPath id=\"clip0_353_5425\">\r\n <rect width=\"165\" height=\"28.689\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n }\r\n } @else {\r\n @if (isMobile || isCollapsed()) {\r\n <svg\r\n class=\"collapsed regular-logo\"\r\n [ngClass]=\"size()\"\r\n width=\"42\"\r\n height=\"30\"\r\n viewBox=\"0 0 42 30\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n <g id=\"New logo Color\" clip-path=\"url(#clip0_2349_6338)\">\r\n <path\r\n id=\"Vector\"\r\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\"\r\n />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_2349_6338\">\r\n <rect width=\"42\" height=\"29\" transform=\"translate(0 0.0703125)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n } @else {\r\n <svg\r\n [ngClass]=\"size()\"\r\n class=\"regular-logo\"\r\n width=\"165\"\r\n height=\"29\"\r\n viewBox=\"0 0 165 29\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n <g id=\"Ascent Logo\" clip-path=\"url(#clip0_2238_42055)\">\r\n <path\r\n id=\"Vector\"\r\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\"\r\n />\r\n <path\r\n id=\"Vector_2\"\r\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\"\r\n />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_2238_42055\">\r\n <rect width=\"165\" height=\"28.689\" transform=\"translate(0 -0.00598145)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n }\r\n }\r\n </picture>\r\n} @else {\r\n <picture class=\"ads-ascent-logo\">\r\n @if (isMobile || isCollapsed()) {\r\n <svg\r\n class=\"collapsed teal-logo\"\r\n [ngClass]=\"size()\"\r\n width=\"42\"\r\n height=\"30\"\r\n viewBox=\"0 0 42 30\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n <g id=\"New logo Color\" clip-path=\"url(#clip0_2342_113)\">\r\n <path\r\n id=\"Vector\"\r\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\"\r\n fill=\"url(#paint0_linear_2342_113)\"\r\n />\r\n </g>\r\n <defs>\r\n <linearGradient\r\n id=\"paint0_linear_2342_113\"\r\n x1=\"7.54585\"\r\n y1=\"35.0553\"\r\n x2=\"33.8846\"\r\n y2=\"8.71658\"\r\n gradientUnits=\"userSpaceOnUse\"\r\n >\r\n <stop stop-color=\"#004987\" />\r\n <stop offset=\"0.25\" stop-color=\"#004C89\" />\r\n <stop offset=\"0.44\" stop-color=\"#00568F\" />\r\n <stop offset=\"0.62\" stop-color=\"#00669A\" />\r\n <stop offset=\"0.78\" stop-color=\"#007DAA\" />\r\n <stop offset=\"0.93\" stop-color=\"#009BBD\" />\r\n <stop offset=\"1\" stop-color=\"#00ABC8\" />\r\n </linearGradient>\r\n <clipPath id=\"clip0_2342_113\">\r\n <rect width=\"42\" height=\"29\" fill=\"white\" transform=\"translate(0 0.677048)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n } @else {\r\n <svg class=\"teal-logo\" [ngClass]=\"size()\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 165 29\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_353_5425)\">\r\n <path\r\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\"\r\n fill=\"url(#paint0_linear_353_5425)\"\r\n />\r\n <path\r\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\"\r\n fill=\"#004987\"\r\n />\r\n </g>\r\n <defs>\r\n <linearGradient\r\n id=\"paint0_linear_353_5425\"\r\n x1=\"7.54584\"\r\n y1=\"34.3843\"\r\n x2=\"33.8846\"\r\n y2=\"8.04551\"\r\n gradientUnits=\"userSpaceOnUse\"\r\n >\r\n <stop stop-color=\"#004987\" />\r\n <stop offset=\"0.25\" stop-color=\"#004C89\" />\r\n <stop offset=\"0.44\" stop-color=\"#00568F\" />\r\n <stop offset=\"0.62\" stop-color=\"#00669A\" />\r\n <stop offset=\"0.78\" stop-color=\"#007DAA\" />\r\n <stop offset=\"0.93\" stop-color=\"#009BBD\" />\r\n <stop offset=\"1\" stop-color=\"#00ABC8\" />\r\n </linearGradient>\r\n <clipPath id=\"clip0_353_5425\">\r\n <rect width=\"165\" height=\"28.689\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n }\r\n @if (isMobile || isCollapsed()) {\r\n <svg\r\n class=\"collapsed regular-logo white-logo\"\r\n [ngClass]=\"size()\"\r\n width=\"42\"\r\n height=\"30\"\r\n viewBox=\"0 0 42 30\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n <g id=\"New logo Color\" clip-path=\"url(#clip0_2349_6338)\">\r\n <path\r\n id=\"Vector\"\r\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\"\r\n fill=\"white\"\r\n />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_2349_6338\">\r\n <rect width=\"42\" height=\"29\" fill=\"white\" transform=\"translate(0 0.0703125)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n } @else {\r\n <svg\r\n [ngClass]=\"size()\"\r\n class=\"regular-logo white-logo\"\r\n width=\"165\"\r\n height=\"29\"\r\n viewBox=\"0 0 165 29\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n <g id=\"Ascent Logo\" clip-path=\"url(#clip0_2238_42055)\">\r\n <path\r\n id=\"Vector\"\r\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\"\r\n fill=\"white\"\r\n />\r\n <path\r\n id=\"Vector_2\"\r\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\"\r\n fill=\"white\"\r\n />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_2238_42055\">\r\n <rect width=\"165\" height=\"28.689\" fill=\"white\" transform=\"translate(0 -0.00598145)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n }\r\n </picture>\r\n}\r\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"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
1749
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsAscentLogoComponent, isStandalone: false, selector: "ads-ascent-logo", inputs: { invertTheme: { classPropertyName: "invertTheme", publicName: "invertTheme", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, 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"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
1750
1750
|
}
|
|
1751
1751
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsAscentLogoComponent, decorators: [{
|
|
1752
1752
|
type: Component,
|
|
1753
|
-
args: [{ selector: 'ads-ascent-logo', standalone: false, template: "@if (isStorybook) {\r\n <picture class=\"ads-ascent-logo\">\r\n @if (!isDarkMode) {\r\n @if (isMobile || isCollapsed()) {\r\n <svg\r\n class=\"collapsed\"\r\n [ngClass]=\"size()\"\r\n width=\"42\"\r\n height=\"30\"\r\n viewBox=\"0 0 42 30\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n <g id=\"New logo Color\" clip-path=\"url(#clip0_2342_113)\">\r\n <path\r\n id=\"Vector\"\r\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\"\r\n fill=\"url(#paint0_linear_2342_113)\"\r\n />\r\n </g>\r\n <defs>\r\n <linearGradient\r\n id=\"paint0_linear_2342_113\"\r\n x1=\"7.54585\"\r\n y1=\"35.0553\"\r\n x2=\"33.8846\"\r\n y2=\"8.71658\"\r\n gradientUnits=\"userSpaceOnUse\"\r\n >\r\n <stop stop-color=\"#004987\" />\r\n <stop offset=\"0.25\" stop-color=\"#004C89\" />\r\n <stop offset=\"0.44\" stop-color=\"#00568F\" />\r\n <stop offset=\"0.62\" stop-color=\"#00669A\" />\r\n <stop offset=\"0.78\" stop-color=\"#007DAA\" />\r\n <stop offset=\"0.93\" stop-color=\"#009BBD\" />\r\n <stop offset=\"1\" stop-color=\"#00ABC8\" />\r\n </linearGradient>\r\n <clipPath id=\"clip0_2342_113\">\r\n <rect width=\"42\" height=\"29\" fill=\"white\" transform=\"translate(0 0.677048)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n } @else {\r\n <svg [ngClass]=\"size()\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 165 29\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_353_5425)\">\r\n <path\r\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\"\r\n fill=\"url(#paint0_linear_353_5425)\"\r\n />\r\n <path\r\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\"\r\n fill=\"#004987\"\r\n />\r\n </g>\r\n <defs>\r\n <linearGradient\r\n id=\"paint0_linear_353_5425\"\r\n x1=\"7.54584\"\r\n y1=\"34.3843\"\r\n x2=\"33.8846\"\r\n y2=\"8.04551\"\r\n gradientUnits=\"userSpaceOnUse\"\r\n >\r\n <stop stop-color=\"#004987\" />\r\n <stop offset=\"0.25\" stop-color=\"#004C89\" />\r\n <stop offset=\"0.44\" stop-color=\"#00568F\" />\r\n <stop offset=\"0.62\" stop-color=\"#00669A\" />\r\n <stop offset=\"0.78\" stop-color=\"#007DAA\" />\r\n <stop offset=\"0.93\" stop-color=\"#009BBD\" />\r\n <stop offset=\"1\" stop-color=\"#00ABC8\" />\r\n </linearGradient>\r\n <clipPath id=\"clip0_353_5425\">\r\n <rect width=\"165\" height=\"28.689\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n }\r\n } @else {\r\n @if (isMobile || isCollapsed()) {\r\n <svg\r\n class=\"collapsed regular-logo\"\r\n [ngClass]=\"size()\"\r\n width=\"42\"\r\n height=\"30\"\r\n viewBox=\"0 0 42 30\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n <g id=\"New logo Color\" clip-path=\"url(#clip0_2349_6338)\">\r\n <path\r\n id=\"Vector\"\r\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\"\r\n />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_2349_6338\">\r\n <rect width=\"42\" height=\"29\" transform=\"translate(0 0.0703125)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n } @else {\r\n <svg\r\n [ngClass]=\"size()\"\r\n class=\"regular-logo\"\r\n width=\"165\"\r\n height=\"29\"\r\n viewBox=\"0 0 165 29\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n <g id=\"Ascent Logo\" clip-path=\"url(#clip0_2238_42055)\">\r\n <path\r\n id=\"Vector\"\r\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\"\r\n />\r\n <path\r\n id=\"Vector_2\"\r\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\"\r\n />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_2238_42055\">\r\n <rect width=\"165\" height=\"28.689\" transform=\"translate(0 -0.00598145)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n }\r\n }\r\n </picture>\r\n} @else {\r\n <picture class=\"ads-ascent-logo\">\r\n @if (isMobile || isCollapsed()) {\r\n <svg\r\n class=\"collapsed teal-logo\"\r\n [ngClass]=\"size()\"\r\n width=\"42\"\r\n height=\"30\"\r\n viewBox=\"0 0 42 30\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n <g id=\"New logo Color\" clip-path=\"url(#clip0_2342_113)\">\r\n <path\r\n id=\"Vector\"\r\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\"\r\n fill=\"url(#paint0_linear_2342_113)\"\r\n />\r\n </g>\r\n <defs>\r\n <linearGradient\r\n id=\"paint0_linear_2342_113\"\r\n x1=\"7.54585\"\r\n y1=\"35.0553\"\r\n x2=\"33.8846\"\r\n y2=\"8.71658\"\r\n gradientUnits=\"userSpaceOnUse\"\r\n >\r\n <stop stop-color=\"#004987\" />\r\n <stop offset=\"0.25\" stop-color=\"#004C89\" />\r\n <stop offset=\"0.44\" stop-color=\"#00568F\" />\r\n <stop offset=\"0.62\" stop-color=\"#00669A\" />\r\n <stop offset=\"0.78\" stop-color=\"#007DAA\" />\r\n <stop offset=\"0.93\" stop-color=\"#009BBD\" />\r\n <stop offset=\"1\" stop-color=\"#00ABC8\" />\r\n </linearGradient>\r\n <clipPath id=\"clip0_2342_113\">\r\n <rect width=\"42\" height=\"29\" fill=\"white\" transform=\"translate(0 0.677048)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n } @else {\r\n <svg class=\"teal-logo\" [ngClass]=\"size()\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 165 29\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_353_5425)\">\r\n <path\r\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\"\r\n fill=\"url(#paint0_linear_353_5425)\"\r\n />\r\n <path\r\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\"\r\n fill=\"#004987\"\r\n />\r\n </g>\r\n <defs>\r\n <linearGradient\r\n id=\"paint0_linear_353_5425\"\r\n x1=\"7.54584\"\r\n y1=\"34.3843\"\r\n x2=\"33.8846\"\r\n y2=\"8.04551\"\r\n gradientUnits=\"userSpaceOnUse\"\r\n >\r\n <stop stop-color=\"#004987\" />\r\n <stop offset=\"0.25\" stop-color=\"#004C89\" />\r\n <stop offset=\"0.44\" stop-color=\"#00568F\" />\r\n <stop offset=\"0.62\" stop-color=\"#00669A\" />\r\n <stop offset=\"0.78\" stop-color=\"#007DAA\" />\r\n <stop offset=\"0.93\" stop-color=\"#009BBD\" />\r\n <stop offset=\"1\" stop-color=\"#00ABC8\" />\r\n </linearGradient>\r\n <clipPath id=\"clip0_353_5425\">\r\n <rect width=\"165\" height=\"28.689\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n }\r\n @if (isMobile || isCollapsed()) {\r\n <svg\r\n class=\"collapsed regular-logo white-logo\"\r\n [ngClass]=\"size()\"\r\n width=\"42\"\r\n height=\"30\"\r\n viewBox=\"0 0 42 30\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n <g id=\"New logo Color\" clip-path=\"url(#clip0_2349_6338)\">\r\n <path\r\n id=\"Vector\"\r\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\"\r\n fill=\"white\"\r\n />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_2349_6338\">\r\n <rect width=\"42\" height=\"29\" fill=\"white\" transform=\"translate(0 0.0703125)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n } @else {\r\n <svg\r\n [ngClass]=\"size()\"\r\n class=\"regular-logo white-logo\"\r\n width=\"165\"\r\n height=\"29\"\r\n viewBox=\"0 0 165 29\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n <g id=\"Ascent Logo\" clip-path=\"url(#clip0_2238_42055)\">\r\n <path\r\n id=\"Vector\"\r\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\"\r\n fill=\"white\"\r\n />\r\n <path\r\n id=\"Vector_2\"\r\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\"\r\n fill=\"white\"\r\n />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_2238_42055\">\r\n <rect width=\"165\" height=\"28.689\" fill=\"white\" transform=\"translate(0 -0.00598145)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n }\r\n </picture>\r\n}\r\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"] }]
|
|
1753
|
+
args: [{ selector: 'ads-ascent-logo', standalone: false, 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"] }]
|
|
1754
1754
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { invertTheme: [{
|
|
1755
1755
|
type: Input
|
|
1756
1756
|
}] } });
|
|
@@ -1824,11 +1824,11 @@ class AdsProgressBarComponent {
|
|
|
1824
1824
|
return `calc(${(value / max) * 100}% + 5.5px)`;
|
|
1825
1825
|
}
|
|
1826
1826
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsProgressBarComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1827
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsProgressBarComponent, isStandalone: false, selector: "ads-progress-bar", inputs: { id: "id", disabled: "disabled", ariaLabel: "ariaLabel", max: "max", value: "value" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"progress-container\" [ngClass]=\"color\" [class.completed]=\"value >= max\">\
|
|
1827
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsProgressBarComponent, isStandalone: false, selector: "ads-progress-bar", inputs: { id: "id", disabled: "disabled", ariaLabel: "ariaLabel", max: "max", value: "value" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"progress-container\" [ngClass]=\"color\" [class.completed]=\"value >= max\">\n <div class=\"progress-marker\" [ngStyle]=\"{ width: markerPosition }\">\n <ads-icon *ngIf=\"showMarker\" name=\"sort_descending\" size=\"xxxs\"></ads-icon>\n </div>\n <progress\n role=\"progressbar\"\n aria-valuemin=\"0\"\n [attr.aria-valuemax]=\"max\"\n [attr.aria-label]=\"ariaLabel\"\n [value]=\"value\"\n [max]=\"max\"\n [id]=\"id\"\n ></progress>\n</div>\n", styles: ["progress[value]{width:100%;height:4px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-light);border-radius:2px}progress[value]::-webkit-progress-bar{background-color:var(--color-light);border-radius:2px}progress[value]::-moz-progress-bar{border-radius:2px}progress[value]::-webkit-progress-value{border-bottom-left-radius:2px;border-top-left-radius:2px}.progress-container.completed progress[value]::-webkit-progress-value{border-radius:2px}.progress-container{display:flex;flex-direction:column}.progress-marker{position:relative;display:flex;min-height:11px;max-height:11px;justify-content:flex-end;padding-bottom:2px}.progress-container.primary progress[value]::-webkit-progress-value{background-color:var(--color-primary)}.progress-container.primary progress[value]::-moz-progress-bar{background-color:var(--color-primary)}.progress-container.success progress[value]::-webkit-progress-value{background-color:var(--color-success)}.progress-container.success progress[value]::-moz-progress-bar{background-color:var(--color-success)}.progress-container.medium progress[value]::-webkit-progress-value{background-color:var(--color-medium-50)}.progress-container.medium progress[value]::-moz-progress-bar{background-color:var(--color-medium-50)}::ng-deep .progress-container.primary .ads-icon{color:var(--color-primary)}::ng-deep .progress-container.success .ads-icon{color:var(--color-success)}::ng-deep .progress-container.medium .ads-icon{color:var(--color-medium-50)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
|
|
1828
1828
|
}
|
|
1829
1829
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsProgressBarComponent, decorators: [{
|
|
1830
1830
|
type: Component,
|
|
1831
|
-
args: [{ selector: 'ads-progress-bar', standalone: false, template: "<div class=\"progress-container\" [ngClass]=\"color\" [class.completed]=\"value >= max\">\
|
|
1831
|
+
args: [{ selector: 'ads-progress-bar', standalone: false, template: "<div class=\"progress-container\" [ngClass]=\"color\" [class.completed]=\"value >= max\">\n <div class=\"progress-marker\" [ngStyle]=\"{ width: markerPosition }\">\n <ads-icon *ngIf=\"showMarker\" name=\"sort_descending\" size=\"xxxs\"></ads-icon>\n </div>\n <progress\n role=\"progressbar\"\n aria-valuemin=\"0\"\n [attr.aria-valuemax]=\"max\"\n [attr.aria-label]=\"ariaLabel\"\n [value]=\"value\"\n [max]=\"max\"\n [id]=\"id\"\n ></progress>\n</div>\n", styles: ["progress[value]{width:100%;height:4px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-light);border-radius:2px}progress[value]::-webkit-progress-bar{background-color:var(--color-light);border-radius:2px}progress[value]::-moz-progress-bar{border-radius:2px}progress[value]::-webkit-progress-value{border-bottom-left-radius:2px;border-top-left-radius:2px}.progress-container.completed progress[value]::-webkit-progress-value{border-radius:2px}.progress-container{display:flex;flex-direction:column}.progress-marker{position:relative;display:flex;min-height:11px;max-height:11px;justify-content:flex-end;padding-bottom:2px}.progress-container.primary progress[value]::-webkit-progress-value{background-color:var(--color-primary)}.progress-container.primary progress[value]::-moz-progress-bar{background-color:var(--color-primary)}.progress-container.success progress[value]::-webkit-progress-value{background-color:var(--color-success)}.progress-container.success progress[value]::-moz-progress-bar{background-color:var(--color-success)}.progress-container.medium progress[value]::-webkit-progress-value{background-color:var(--color-medium-50)}.progress-container.medium progress[value]::-moz-progress-bar{background-color:var(--color-medium-50)}::ng-deep .progress-container.primary .ads-icon{color:var(--color-primary)}::ng-deep .progress-container.success .ads-icon{color:var(--color-success)}::ng-deep .progress-container.medium .ads-icon{color:var(--color-medium-50)}\n"] }]
|
|
1832
1832
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { id: [{
|
|
1833
1833
|
type: Input
|
|
1834
1834
|
}], disabled: [{
|
|
@@ -1927,11 +1927,11 @@ class AdsProgressSpinnerComponent {
|
|
|
1927
1927
|
this.cdr.detectChanges();
|
|
1928
1928
|
}
|
|
1929
1929
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsProgressSpinnerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1930
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsProgressSpinnerComponent, isStandalone: false, selector: "ads-progress-spinner", inputs: { zIndex: "zIndex", scrollContainer: "scrollContainer", size: "size", diameter: "diameter" }, host: { listeners: { "window:resize": "resize()" } }, ngImport: i0, template: "@if (isSticky) {\
|
|
1930
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsProgressSpinnerComponent, isStandalone: false, selector: "ads-progress-spinner", inputs: { zIndex: "zIndex", scrollContainer: "scrollContainer", size: "size", diameter: "diameter" }, host: { listeners: { "window:resize": "resize()" } }, ngImport: i0, template: "@if (isSticky) {\n <div class=\"spinner-container\">\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"], dependencies: [{ kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
|
|
1931
1931
|
}
|
|
1932
1932
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsProgressSpinnerComponent, decorators: [{
|
|
1933
1933
|
type: Component,
|
|
1934
|
-
args: [{ selector: 'ads-progress-spinner', standalone: false, template: "@if (isSticky) {\
|
|
1934
|
+
args: [{ selector: 'ads-progress-spinner', standalone: false, template: "@if (isSticky) {\n <div class=\"spinner-container\">\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"] }]
|
|
1935
1935
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { zIndex: [{
|
|
1936
1936
|
type: Input
|
|
1937
1937
|
}], scrollContainer: [{
|
|
@@ -2027,11 +2027,11 @@ class AdsProgressIndicatorSpinnerComponent {
|
|
|
2027
2027
|
}
|
|
2028
2028
|
}
|
|
2029
2029
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsProgressIndicatorSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2030
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsProgressIndicatorSpinnerComponent, isStandalone: false, selector: "ads-progress-indicator-spinner", inputs: { diameter: "diameter", max: "max", value: "value" }, outputs: { percentageUpdated: "percentageUpdated" }, usesOnChanges: true, ngImport: i0, template: "<!-- real padding will be calculated based on default padding and font size -->\
|
|
2030
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsProgressIndicatorSpinnerComponent, isStandalone: false, selector: "ads-progress-indicator-spinner", inputs: { diameter: "diameter", max: "max", value: "value" }, outputs: { percentageUpdated: "percentageUpdated" }, usesOnChanges: true, ngImport: i0, template: "<!-- real padding will be calculated based on default padding and font size -->\n<div\n class=\"progress-indicator-wrapper\"\n [ngStyle]=\"{ padding: (diameter * defaults.padding) / defaults.diameter + 'px' }\"\n>\n <mat-spinner [mode]=\"'determinate'\" [diameter]=\"diameter\" [value]=\"percentage\"></mat-spinner>\n <!-- real font size is calculated based on default diameter and font size -->\n <div\n class=\"progress-value\"\n [ngStyle]=\"{\n fontSize: (diameter * defaults.fontSize) / defaults.diameter + 'px',\n width: diameter + 'px',\n height: diameter + 'px',\n }\"\n >\n <!-- hidden value is used to calculate visible value scale -->\n <span class=\"hidden-value\" #hiddenValue>{{ value }}</span>\n <!-- scale value only if it has more than 3 characters -->\n <!-- the text should not be wider than 70% of diameter -->\n <span\n class=\"visible-value\"\n [ngStyle]=\"{\n scale: hiddenValue.textContent!.length > 3 ? (this.diameter * 0.7) / hiddenValue.clientWidth : 1,\n }\"\n >{{ value }}</span\n >\n </div>\n</div>\n", styles: [".progress-indicator-wrapper{display:inline-block;position:relative;background-color:var(--color-white);padding:10px;border-radius:100%}mat-spinner{background-color:var(--color-white);border-radius:100%;box-shadow:0 10.5367px 117.659px #2c1cc938,0 3.84606px 42.9476px #2c1cc927,0 1.86719px 20.8503px #2c1cc91f,0 .915331px 10.2212px #2c1cc919,0 .361923px 4.04148px #2c1cc911}mat-spinner ::ng-deep circle{stroke:#5857b3}.progress-value{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:700;font-size:20px;color:#5857b3}.visible-value{position:absolute;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.hidden-value{visibility:hidden;position:absolute;pointer-events:none;height:100%}\n"], dependencies: [{ kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
|
|
2031
2031
|
}
|
|
2032
2032
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsProgressIndicatorSpinnerComponent, decorators: [{
|
|
2033
2033
|
type: Component,
|
|
2034
|
-
args: [{ selector: 'ads-progress-indicator-spinner', standalone: false, template: "<!-- real padding will be calculated based on default padding and font size -->\
|
|
2034
|
+
args: [{ selector: 'ads-progress-indicator-spinner', standalone: false, template: "<!-- real padding will be calculated based on default padding and font size -->\n<div\n class=\"progress-indicator-wrapper\"\n [ngStyle]=\"{ padding: (diameter * defaults.padding) / defaults.diameter + 'px' }\"\n>\n <mat-spinner [mode]=\"'determinate'\" [diameter]=\"diameter\" [value]=\"percentage\"></mat-spinner>\n <!-- real font size is calculated based on default diameter and font size -->\n <div\n class=\"progress-value\"\n [ngStyle]=\"{\n fontSize: (diameter * defaults.fontSize) / defaults.diameter + 'px',\n width: diameter + 'px',\n height: diameter + 'px',\n }\"\n >\n <!-- hidden value is used to calculate visible value scale -->\n <span class=\"hidden-value\" #hiddenValue>{{ value }}</span>\n <!-- scale value only if it has more than 3 characters -->\n <!-- the text should not be wider than 70% of diameter -->\n <span\n class=\"visible-value\"\n [ngStyle]=\"{\n scale: hiddenValue.textContent!.length > 3 ? (this.diameter * 0.7) / hiddenValue.clientWidth : 1,\n }\"\n >{{ value }}</span\n >\n </div>\n</div>\n", styles: [".progress-indicator-wrapper{display:inline-block;position:relative;background-color:var(--color-white);padding:10px;border-radius:100%}mat-spinner{background-color:var(--color-white);border-radius:100%;box-shadow:0 10.5367px 117.659px #2c1cc938,0 3.84606px 42.9476px #2c1cc927,0 1.86719px 20.8503px #2c1cc91f,0 .915331px 10.2212px #2c1cc919,0 .361923px 4.04148px #2c1cc911}mat-spinner ::ng-deep circle{stroke:#5857b3}.progress-value{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:700;font-size:20px;color:#5857b3}.visible-value{position:absolute;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.hidden-value{visibility:hidden;position:absolute;pointer-events:none;height:100%}\n"] }]
|
|
2035
2035
|
}], propDecorators: { diameter: [{
|
|
2036
2036
|
type: Input
|
|
2037
2037
|
}], max: [{
|
|
@@ -2068,11 +2068,11 @@ class ShellLayoutComponent {
|
|
|
2068
2068
|
this.isMobile = false;
|
|
2069
2069
|
}
|
|
2070
2070
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: ShellLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2071
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: ShellLayoutComponent, isStandalone: false, selector: "ads-shell-layout", inputs: { isCollapsed: "isCollapsed", isMobile: "isMobile" }, ngImport: i0, template: "<!-- <div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\
|
|
2071
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: ShellLayoutComponent, isStandalone: false, selector: "ads-shell-layout", inputs: { isCollapsed: "isCollapsed", isMobile: "isMobile" }, ngImport: i0, template: "<!-- <div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\n <div class=\"shell-container\">\n <ng-content select=\"[navigation]\"></ng-content>\n <div class=\"shell-header\">\n <ng-content select=\"[header]\"></ng-content> \n <main class=\"main-content\">\n <ng-content></ng-content>\n </main>\n <ng-content select=\"[widgetbar]\"></ng-content>\n </div>\n </div>\n <ng-content select=\"[footer]\"></ng-content>\n</div> -->\n\n<div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\n <div class=\"container\">\n <ng-content select=\"[header]\"></ng-content>\n <main class=\"main-content\">\n <ng-content></ng-content>\n </main>\n <ng-content select=\"[widgetbar]\"></ng-content>\n </div>\n <ng-content select=\"[footer]\"></ng-content>\n</div>\n", styles: [".shell{display:flex;overflow:hidden;min-width:100vw;max-width:100vw;min-height:100vh;flex-direction:column}.shell-header{display:flex;width:100%;max-width:calc(100% - 100px);flex:1;flex-direction:column}.main-content{background-color:#fafafa}.shell.collapsed .shell-header{max-width:calc(100% - 57px)}.shell.mobile .shell-header{max-width:100%}\n"] }); }
|
|
2072
2072
|
}
|
|
2073
2073
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: ShellLayoutComponent, decorators: [{
|
|
2074
2074
|
type: Component,
|
|
2075
|
-
args: [{ selector: 'ads-shell-layout', standalone: false, template: "<!-- <div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\
|
|
2075
|
+
args: [{ selector: 'ads-shell-layout', standalone: false, template: "<!-- <div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\n <div class=\"shell-container\">\n <ng-content select=\"[navigation]\"></ng-content>\n <div class=\"shell-header\">\n <ng-content select=\"[header]\"></ng-content> \n <main class=\"main-content\">\n <ng-content></ng-content>\n </main>\n <ng-content select=\"[widgetbar]\"></ng-content>\n </div>\n </div>\n <ng-content select=\"[footer]\"></ng-content>\n</div> -->\n\n<div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\n <div class=\"container\">\n <ng-content select=\"[header]\"></ng-content>\n <main class=\"main-content\">\n <ng-content></ng-content>\n </main>\n <ng-content select=\"[widgetbar]\"></ng-content>\n </div>\n <ng-content select=\"[footer]\"></ng-content>\n</div>\n", styles: [".shell{display:flex;overflow:hidden;min-width:100vw;max-width:100vw;min-height:100vh;flex-direction:column}.shell-header{display:flex;width:100%;max-width:calc(100% - 100px);flex:1;flex-direction:column}.main-content{background-color:#fafafa}.shell.collapsed .shell-header{max-width:calc(100% - 57px)}.shell.mobile .shell-header{max-width:100%}\n"] }]
|
|
2076
2076
|
}], propDecorators: { isCollapsed: [{
|
|
2077
2077
|
type: Input
|
|
2078
2078
|
}], isMobile: [{
|
|
@@ -2098,11 +2098,11 @@ class AdsSplashPageComponent {
|
|
|
2098
2098
|
this.text = 'Coming Soon';
|
|
2099
2099
|
}
|
|
2100
2100
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsSplashPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2101
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsSplashPageComponent, isStandalone: false, selector: "ads-splash-page", inputs: { alt: "alt", imageSrc: "imageSrc", text: "text" }, ngImport: i0, template: "<div class=\"splash-page-container\">\
|
|
2101
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsSplashPageComponent, isStandalone: false, selector: "ads-splash-page", inputs: { alt: "alt", imageSrc: "imageSrc", text: "text" }, ngImport: i0, template: "<div class=\"splash-page-container\">\n <img [src]=\"imageSrc\" [alt]=\"alt\" />\n <h1>{{ text }}</h1>\n</div>\n", styles: [":host{display:flex;width:100%;height:100%;min-height:172px;flex-direction:column;align-items:center;justify-content:center}.splash-page-container{display:flex;flex-direction:column;align-items:center;justify-content:center}img{width:131px;height:78px;margin-bottom:24px}h1{margin-bottom:0}\n"] }); }
|
|
2102
2102
|
}
|
|
2103
2103
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsSplashPageComponent, decorators: [{
|
|
2104
2104
|
type: Component,
|
|
2105
|
-
args: [{ selector: 'ads-splash-page', standalone: false, template: "<div class=\"splash-page-container\">\
|
|
2105
|
+
args: [{ selector: 'ads-splash-page', standalone: false, template: "<div class=\"splash-page-container\">\n <img [src]=\"imageSrc\" [alt]=\"alt\" />\n <h1>{{ text }}</h1>\n</div>\n", styles: [":host{display:flex;width:100%;height:100%;min-height:172px;flex-direction:column;align-items:center;justify-content:center}.splash-page-container{display:flex;flex-direction:column;align-items:center;justify-content:center}img{width:131px;height:78px;margin-bottom:24px}h1{margin-bottom:0}\n"] }]
|
|
2106
2106
|
}], propDecorators: { alt: [{
|
|
2107
2107
|
type: Input
|
|
2108
2108
|
}], imageSrc: [{
|
|
@@ -2442,56 +2442,56 @@ class AdsInputTooltipComponent {
|
|
|
2442
2442
|
return this.smallSize() ? '3px' : '12px';
|
|
2443
2443
|
}
|
|
2444
2444
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsInputTooltipComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2445
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsInputTooltipComponent, isStandalone: true, selector: "ads-input-tooltip", inputs: { tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: true, transformFunction: null }, smallSize: { classPropertyName: "smallSize", publicName: "smallSize", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
2446
|
-
@if (href()) {
|
|
2447
|
-
<a [href]="href()" target="_blank" rel="noopener noreferrer">
|
|
2448
|
-
<ads-icon
|
|
2449
|
-
[matTooltip]="tooltip()"
|
|
2450
|
-
[matTooltipPosition]="'above'"
|
|
2451
|
-
[name]="'information'"
|
|
2452
|
-
[size]="smallSize() ? 'xxs' : 'sm'"
|
|
2453
|
-
[theme]="'secondary'"
|
|
2454
|
-
[style.top]="iconPosition"
|
|
2455
|
-
class="clickable"
|
|
2456
|
-
/>
|
|
2457
|
-
</a>
|
|
2458
|
-
} @else {
|
|
2459
|
-
<ads-icon
|
|
2460
|
-
[matTooltip]="tooltip()"
|
|
2461
|
-
[matTooltipPosition]="'above'"
|
|
2462
|
-
[name]="'information'"
|
|
2463
|
-
[size]="smallSize() ? 'xxs' : 'sm'"
|
|
2464
|
-
[theme]="'secondary'"
|
|
2465
|
-
[style.top]="iconPosition"
|
|
2466
|
-
/>
|
|
2467
|
-
}
|
|
2445
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsInputTooltipComponent, isStandalone: true, selector: "ads-input-tooltip", inputs: { tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: true, transformFunction: null }, smallSize: { classPropertyName: "smallSize", publicName: "smallSize", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
2446
|
+
@if (href()) {
|
|
2447
|
+
<a [href]="href()" target="_blank" rel="noopener noreferrer">
|
|
2448
|
+
<ads-icon
|
|
2449
|
+
[matTooltip]="tooltip()"
|
|
2450
|
+
[matTooltipPosition]="'above'"
|
|
2451
|
+
[name]="'information'"
|
|
2452
|
+
[size]="smallSize() ? 'xxs' : 'sm'"
|
|
2453
|
+
[theme]="'secondary'"
|
|
2454
|
+
[style.top]="iconPosition"
|
|
2455
|
+
class="clickable"
|
|
2456
|
+
/>
|
|
2457
|
+
</a>
|
|
2458
|
+
} @else {
|
|
2459
|
+
<ads-icon
|
|
2460
|
+
[matTooltip]="tooltip()"
|
|
2461
|
+
[matTooltipPosition]="'above'"
|
|
2462
|
+
[name]="'information'"
|
|
2463
|
+
[size]="smallSize() ? 'xxs' : 'sm'"
|
|
2464
|
+
[theme]="'secondary'"
|
|
2465
|
+
[style.top]="iconPosition"
|
|
2466
|
+
/>
|
|
2467
|
+
}
|
|
2468
2468
|
`, isInline: true, styles: ["ads-icon{position:relative;top:12px}.clickable{cursor:pointer}a{text-decoration:none}\n"], dependencies: [{ kind: "ngmodule", type: AdsIconModule }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
|
|
2469
2469
|
}
|
|
2470
2470
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsInputTooltipComponent, decorators: [{
|
|
2471
2471
|
type: Component,
|
|
2472
|
-
args: [{ selector: 'ads-input-tooltip', template: `
|
|
2473
|
-
@if (href()) {
|
|
2474
|
-
<a [href]="href()" target="_blank" rel="noopener noreferrer">
|
|
2475
|
-
<ads-icon
|
|
2476
|
-
[matTooltip]="tooltip()"
|
|
2477
|
-
[matTooltipPosition]="'above'"
|
|
2478
|
-
[name]="'information'"
|
|
2479
|
-
[size]="smallSize() ? 'xxs' : 'sm'"
|
|
2480
|
-
[theme]="'secondary'"
|
|
2481
|
-
[style.top]="iconPosition"
|
|
2482
|
-
class="clickable"
|
|
2483
|
-
/>
|
|
2484
|
-
</a>
|
|
2485
|
-
} @else {
|
|
2486
|
-
<ads-icon
|
|
2487
|
-
[matTooltip]="tooltip()"
|
|
2488
|
-
[matTooltipPosition]="'above'"
|
|
2489
|
-
[name]="'information'"
|
|
2490
|
-
[size]="smallSize() ? 'xxs' : 'sm'"
|
|
2491
|
-
[theme]="'secondary'"
|
|
2492
|
-
[style.top]="iconPosition"
|
|
2493
|
-
/>
|
|
2494
|
-
}
|
|
2472
|
+
args: [{ selector: 'ads-input-tooltip', template: `
|
|
2473
|
+
@if (href()) {
|
|
2474
|
+
<a [href]="href()" target="_blank" rel="noopener noreferrer">
|
|
2475
|
+
<ads-icon
|
|
2476
|
+
[matTooltip]="tooltip()"
|
|
2477
|
+
[matTooltipPosition]="'above'"
|
|
2478
|
+
[name]="'information'"
|
|
2479
|
+
[size]="smallSize() ? 'xxs' : 'sm'"
|
|
2480
|
+
[theme]="'secondary'"
|
|
2481
|
+
[style.top]="iconPosition"
|
|
2482
|
+
class="clickable"
|
|
2483
|
+
/>
|
|
2484
|
+
</a>
|
|
2485
|
+
} @else {
|
|
2486
|
+
<ads-icon
|
|
2487
|
+
[matTooltip]="tooltip()"
|
|
2488
|
+
[matTooltipPosition]="'above'"
|
|
2489
|
+
[name]="'information'"
|
|
2490
|
+
[size]="smallSize() ? 'xxs' : 'sm'"
|
|
2491
|
+
[theme]="'secondary'"
|
|
2492
|
+
[style.top]="iconPosition"
|
|
2493
|
+
/>
|
|
2494
|
+
}
|
|
2495
2495
|
`, imports: [AdsIconModule, MatTooltip], styles: ["ads-icon{position:relative;top:12px}.clickable{cursor:pointer}a{text-decoration:none}\n"] }]
|
|
2496
2496
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }] });
|
|
2497
2497
|
|
|
@@ -2501,7 +2501,7 @@ class AdsErrorComponent {
|
|
|
2501
2501
|
this.error = input.required();
|
|
2502
2502
|
}
|
|
2503
2503
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2504
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.5", type: AdsErrorComponent, isStandalone: true, selector: "ads-error", inputs: { error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<mat-error class=\"mat-error\" [@fadeInOut]>\
|
|
2504
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.5", type: AdsErrorComponent, isStandalone: true, selector: "ads-error", inputs: { error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<mat-error class=\"mat-error\" [@fadeInOut]>\n <div class=\"error\">\n <ads-icon [name]=\"'warning'\" [size]=\"'xxs'\" [theme]=\"'warn'\" [stroke]=\"'warn'\" />\n <span [innerHTML]=\"error()\"></span>\n </div>\n</mat-error>\n", styles: [":host{display:flex}:host mat-error{font-size:12px;font-weight:400;line-height:16px;-webkit-font-smoothing:antialiased;display:flex;padding-top:4px}:host mat-error .error{display:flex;align-items:center;gap:2px;color:var(--color-error)}\n"], dependencies: [{ kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: AdsIconModule }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }], animations: [
|
|
2505
2505
|
trigger('fadeInOut', [
|
|
2506
2506
|
state('in', style({ opacity: 1, transform: 'translateX(0)' })),
|
|
2507
2507
|
transition('void => *', [style({ opacity: 0, transform: 'translateY(-30%)' }), animate('300ms ease-in')]),
|
|
@@ -2515,7 +2515,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
|
|
|
2515
2515
|
state('in', style({ opacity: 1, transform: 'translateX(0)' })),
|
|
2516
2516
|
transition('void => *', [style({ opacity: 0, transform: 'translateY(-30%)' }), animate('300ms ease-in')]),
|
|
2517
2517
|
]),
|
|
2518
|
-
], template: "<mat-error class=\"mat-error\" [@fadeInOut]>\
|
|
2518
|
+
], template: "<mat-error class=\"mat-error\" [@fadeInOut]>\n <div class=\"error\">\n <ads-icon [name]=\"'warning'\" [size]=\"'xxs'\" [theme]=\"'warn'\" [stroke]=\"'warn'\" />\n <span [innerHTML]=\"error()\"></span>\n </div>\n</mat-error>\n", styles: [":host{display:flex}:host mat-error{font-size:12px;font-weight:400;line-height:16px;-webkit-font-smoothing:antialiased;display:flex;padding-top:4px}:host mat-error .error{display:flex;align-items:center;gap:2px;color:var(--color-error)}\n"] }]
|
|
2519
2519
|
}] });
|
|
2520
2520
|
|
|
2521
2521
|
class AdsHintComponent {
|
|
@@ -2555,7 +2555,7 @@ class AdsSuccessComponent {
|
|
|
2555
2555
|
this.success = input.required();
|
|
2556
2556
|
}
|
|
2557
2557
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsSuccessComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2558
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.5", type: AdsSuccessComponent, isStandalone: true, selector: "ads-success", inputs: { success: { classPropertyName: "success", publicName: "success", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div [@fadeInOut] class=\"container\">\
|
|
2558
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.5", type: AdsSuccessComponent, isStandalone: true, selector: "ads-success", inputs: { success: { classPropertyName: "success", publicName: "success", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div [@fadeInOut] class=\"container\">\n <div class=\"success\">\n <ads-icon name=\"check_circle_filled\" size=\"xxs\" color=\"--color-success\" stroke=\"white\" />\n <span [innerHTML]=\"success()\"></span>\n </div>\n</div>\n", styles: [":host{display:flex}:host .container{font-size:12px;font-weight:400;color:var(--color-success);line-height:16px;-webkit-font-smoothing:antialiased;display:flex;padding-top:4px}:host .container .success{display:flex;align-items:center;gap:2px}\n"], dependencies: [{ kind: "ngmodule", type: AdsIconModule }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }], animations: [
|
|
2559
2559
|
trigger('fadeInOut', [
|
|
2560
2560
|
state('in', style({ opacity: 1, transform: 'translateX(0)' })),
|
|
2561
2561
|
transition('void => *', [style({ opacity: 0, transform: 'translateY(-30%)' }), animate('300ms ease-in')]),
|
|
@@ -2569,7 +2569,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
|
|
|
2569
2569
|
state('in', style({ opacity: 1, transform: 'translateX(0)' })),
|
|
2570
2570
|
transition('void => *', [style({ opacity: 0, transform: 'translateY(-30%)' }), animate('300ms ease-in')]),
|
|
2571
2571
|
]),
|
|
2572
|
-
], template: "<div [@fadeInOut] class=\"container\">\
|
|
2572
|
+
], template: "<div [@fadeInOut] class=\"container\">\n <div class=\"success\">\n <ads-icon name=\"check_circle_filled\" size=\"xxs\" color=\"--color-success\" stroke=\"white\" />\n <span [innerHTML]=\"success()\"></span>\n </div>\n</div>\n", styles: [":host{display:flex}:host .container{font-size:12px;font-weight:400;color:var(--color-success);line-height:16px;-webkit-font-smoothing:antialiased;display:flex;padding-top:4px}:host .container .success{display:flex;align-items:center;gap:2px}\n"] }]
|
|
2573
2573
|
}] });
|
|
2574
2574
|
|
|
2575
2575
|
class AdsCheckboxComponent extends AbstractBaseComponent {
|
|
@@ -2600,11 +2600,11 @@ class AdsCheckboxComponent extends AbstractBaseComponent {
|
|
|
2600
2600
|
this.valueControl.setValue(!this.valueControl.value);
|
|
2601
2601
|
}
|
|
2602
2602
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
2603
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsCheckboxComponent, isStandalone: false, selector: "ads-checkbox", inputs: { indeterminate: "indeterminate", width: "width" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"{ width: width }\">\
|
|
2603
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsCheckboxComponent, isStandalone: false, selector: "ads-checkbox", inputs: { indeterminate: "indeterminate", width: "width" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"{ width: width }\">\n <div class=\"ads-checkbox\" (click)=\"toggleCheck()\" [ngClass]=\"{ disabled: valueControl.disabled }\">\n <div class=\"checkbox-ripple\">\n <div class=\"checkbox-container\">\n @if (valueControl.value && !indeterminate) {\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"14\"\n height=\"12\"\n viewBox=\"0 0 14 12\"\n fill=\"none\"\n class=\"check-icon\"\n >\n <path d=\"M2 6L5.75 10.5L12 1.5\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n }\n\n @if (indeterminate) {\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"4\"\n viewBox=\"0 0 12 4\"\n fill=\"none\"\n class=\"indeterminate-icon\"\n >\n <path\n d=\"M11.5385 0.5H0.461538C0.206638 0.5 0 0.723858 0 1V3C0 3.27614 0.206638 3.5 0.461538 3.5H11.5385C11.7934 3.5 12 3.27614 12 3V1C12 0.723858 11.7934 0.5 11.5385 0.5Z\"\n />\n </svg>\n }\n </div>\n </div>\n @if (label) {\n <span class=\"checkbox-label\">{{ label }}</span>\n }\n </div>\n\n @if (showFooter) {\n <div class=\"footer-container\">\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", styles: [".ads-checkbox{display:flex;align-items:center;cursor:pointer;gap:4px;height:48px}.ads-checkbox:not(.disabled) .checkbox-ripple:hover{background-color:var(--color-light-opacity-50)}.ads-checkbox:not(.disabled) .checkbox-ripple:active{background-color:var(--color-medium-opacity-50)}.ads-checkbox:not(.disabled):hover .checkbox-container{outline-color:var(--color-secondary-hover)!important}.ads-checkbox:not(.disabled):hover .checkbox-container .check-icon{stroke:var(--color-secondary-hover)!important}.ads-checkbox:not(.disabled):hover .checkbox-container .indeterminate-icon{fill:var(--color-secondary-hover)!important}.ads-checkbox:not(.disabled):active .checkbox-container{outline-color:var(--color-secondary-pressed)!important}.ads-checkbox:not(.disabled):active .checkbox-container .check-icon{stroke:var(--color-secondary-pressed)!important}.ads-checkbox:not(.disabled):active .checkbox-container .indeterminate-icon{fill:var(--color-secondary-pressed)!important}.ads-checkbox.disabled{cursor:default}.ads-checkbox .checkbox-ripple{width:32px;height:32px;border-radius:80px;display:flex;align-items:center;justify-content:center}.ads-checkbox .checkbox-ripple .checkbox-container{width:20px;height:20px;background-color:var(--color-white);outline:1px solid var(--color-secondary);outline-offset:-1px;display:flex;justify-content:center;align-items:center;border-radius:2px}.ads-checkbox .checkbox-ripple .checkbox-container .check-icon{width:12px;height:12px;stroke:var(--color-secondary)}.ads-checkbox .checkbox-ripple .checkbox-container .indeterminate-icon{width:12px;height:12px;fill:var(--color-secondary)}.ads-checkbox.disabled .checkbox-container{background-color:var(--color-muted-50);outline-color:var(--color-muted-30)!important}.ads-checkbox.disabled .checkbox-container .check-icon{stroke:var(--color-muted-30)!important}.ads-checkbox.disabled .checkbox-container .indeterminate-icon{fill:var(--color-muted-30)!important}.ads-checkbox span{font-size:16px;line-height:21px;color:var(--color-dark)}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
|
|
2604
2604
|
}
|
|
2605
2605
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsCheckboxComponent, decorators: [{
|
|
2606
2606
|
type: Component,
|
|
2607
|
-
args: [{ selector: 'ads-checkbox', standalone: false, template: "<div [ngStyle]=\"{ width: width }\">\
|
|
2607
|
+
args: [{ selector: 'ads-checkbox', standalone: false, template: "<div [ngStyle]=\"{ width: width }\">\n <div class=\"ads-checkbox\" (click)=\"toggleCheck()\" [ngClass]=\"{ disabled: valueControl.disabled }\">\n <div class=\"checkbox-ripple\">\n <div class=\"checkbox-container\">\n @if (valueControl.value && !indeterminate) {\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"14\"\n height=\"12\"\n viewBox=\"0 0 14 12\"\n fill=\"none\"\n class=\"check-icon\"\n >\n <path d=\"M2 6L5.75 10.5L12 1.5\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n }\n\n @if (indeterminate) {\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"4\"\n viewBox=\"0 0 12 4\"\n fill=\"none\"\n class=\"indeterminate-icon\"\n >\n <path\n d=\"M11.5385 0.5H0.461538C0.206638 0.5 0 0.723858 0 1V3C0 3.27614 0.206638 3.5 0.461538 3.5H11.5385C11.7934 3.5 12 3.27614 12 3V1C12 0.723858 11.7934 0.5 11.5385 0.5Z\"\n />\n </svg>\n }\n </div>\n </div>\n @if (label) {\n <span class=\"checkbox-label\">{{ label }}</span>\n }\n </div>\n\n @if (showFooter) {\n <div class=\"footer-container\">\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", styles: [".ads-checkbox{display:flex;align-items:center;cursor:pointer;gap:4px;height:48px}.ads-checkbox:not(.disabled) .checkbox-ripple:hover{background-color:var(--color-light-opacity-50)}.ads-checkbox:not(.disabled) .checkbox-ripple:active{background-color:var(--color-medium-opacity-50)}.ads-checkbox:not(.disabled):hover .checkbox-container{outline-color:var(--color-secondary-hover)!important}.ads-checkbox:not(.disabled):hover .checkbox-container .check-icon{stroke:var(--color-secondary-hover)!important}.ads-checkbox:not(.disabled):hover .checkbox-container .indeterminate-icon{fill:var(--color-secondary-hover)!important}.ads-checkbox:not(.disabled):active .checkbox-container{outline-color:var(--color-secondary-pressed)!important}.ads-checkbox:not(.disabled):active .checkbox-container .check-icon{stroke:var(--color-secondary-pressed)!important}.ads-checkbox:not(.disabled):active .checkbox-container .indeterminate-icon{fill:var(--color-secondary-pressed)!important}.ads-checkbox.disabled{cursor:default}.ads-checkbox .checkbox-ripple{width:32px;height:32px;border-radius:80px;display:flex;align-items:center;justify-content:center}.ads-checkbox .checkbox-ripple .checkbox-container{width:20px;height:20px;background-color:var(--color-white);outline:1px solid var(--color-secondary);outline-offset:-1px;display:flex;justify-content:center;align-items:center;border-radius:2px}.ads-checkbox .checkbox-ripple .checkbox-container .check-icon{width:12px;height:12px;stroke:var(--color-secondary)}.ads-checkbox .checkbox-ripple .checkbox-container .indeterminate-icon{width:12px;height:12px;fill:var(--color-secondary)}.ads-checkbox.disabled .checkbox-container{background-color:var(--color-muted-50);outline-color:var(--color-muted-30)!important}.ads-checkbox.disabled .checkbox-container .check-icon{stroke:var(--color-muted-30)!important}.ads-checkbox.disabled .checkbox-container .indeterminate-icon{fill:var(--color-muted-30)!important}.ads-checkbox span{font-size:16px;line-height:21px;color:var(--color-dark)}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
2608
2608
|
}], propDecorators: { indeterminate: [{
|
|
2609
2609
|
type: Input
|
|
2610
2610
|
}], width: [{
|
|
@@ -2764,11 +2764,11 @@ class AdsDropdownComponent extends AbstractDropdownComponent {
|
|
|
2764
2764
|
this.toggleOption(option); // Update the option on checkbox change
|
|
2765
2765
|
}
|
|
2766
2766
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2767
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsDropdownComponent, isStandalone: false, selector: "ads-dropdown", inputs: { displayValueFormatter: "displayValueFormatter", mode: "mode", hasEmptyValue: "hasEmptyValue", checkSelected: "checkSelected", options: "options" }, viewQueries: [{ propertyName: "panel", first: true, predicate: ["panel"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\r\n <div [ngStyle]=\"{ width: width }\">\r\n <mat-form-field\r\n (click)=\"onOpened()\"\r\n [ngClass]=\"{\r\n 'immediate-validation': immediateValidation,\r\n 'no-left-padding': !showExclamation,\r\n pill: mode === 'pill',\r\n chips: showChips && isMultiselect,\r\n 'success-label': canShowSuccess(),\r\n 'error-label': canShowError(),\r\n 'x-small': smallSize,\r\n }\"\r\n [ngStyle]=\"{ width: width }\"\r\n >\r\n @if ((!showChips || valueControl.value.length === 0) && (label || required) && !smallSize) {\r\n <mat-label>{{ label }}</mat-label>\r\n }\r\n <!-- is required in placeholder for smoother animation -->\r\n <mat-select\r\n #panel\r\n [disableRipple]=\"true\"\r\n [id]=\"id\"\r\n [placeholder]=\"placeholder || ' '\"\r\n [panelClass]=\"'ads-dropdown-panel' + (fitContent ? ' fit-content' : '')\"\r\n [disableOptionCentering]=\"true\"\r\n [required]=\"required\"\r\n [formControl]=\"valueControl\"\r\n [multiple]=\"isMultiselect\"\r\n >\r\n @if (showChips && isMultiselect) {\r\n <mat-select-trigger>\r\n <div class=\"tag-container\">\r\n @for (option of valueControl.value; track $index) {\r\n <ads-tag\r\n [tag]=\"chipName(option)\"\r\n [color]=\"Colors.Medium\"\r\n [id]=\"'' + $index\"\r\n (remove)=\"onOptionRemoved(option)\"\r\n (click)=\"$event.stopPropagation()\"\r\n />\r\n }\r\n </div>\r\n </mat-select-trigger>\r\n }\r\n\r\n @if (hasEmptyValue) {\r\n <mat-option [value]=\"undefined\"></mat-option>\r\n }\r\n\r\n @for (option of displayedOptionsArray; track $index) {\r\n <mat-option\r\n [id]=\"id + '-option-' + ($index + 1)\"\r\n [value]=\"option\"\r\n [ngClass]=\"{ checkbox: isMultiselect && checkSelected }\"\r\n >\r\n @if (isMultiselect && checkSelected) {\r\n <ads-checkbox\r\n [showFooter]=\"false\"\r\n width=\"100%\"\r\n (change)=\"onCheckboxChange(option)\"\r\n [label]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\r\n />\r\n } @else {\r\n <span\r\n [innerHTML]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\r\n ></span>\r\n }\r\n </mat-option>\r\n }\r\n </mat-select>\r\n\r\n @if (canClear) {\r\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\r\n </button>\r\n }\r\n <button matTextSuffix type=\"button\" mat-icon-button class=\"action-icon\">\r\n <ads-icon\r\n matTextSuffix\r\n name=\"chevron_down\"\r\n [size]=\"smallSize ? 'xxs' : 'xs'\"\r\n [theme]=\"'iconPrimary'\"\r\n class=\"chevron-down\"\r\n />\r\n </button>\r\n </mat-form-field>\r\n\r\n @if (showFooter) {\r\n <div class=\"footer-container\">\r\n @if (canShowError()) {\r\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (canShowSuccess()) {\r\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (hint) {\r\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n }\r\n </div>\r\n }\r\n </div>\r\n\r\n @if (tooltip) {\r\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\r\n }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "component", type: AdsTagComponent, selector: "ads-tag", inputs: ["color", "id", "removable", "tag"], outputs: ["remove", "selected"] }, { kind: "component", type: AdsCheckboxComponent, selector: "ads-checkbox", inputs: ["indeterminate", "width"] }] }); }
|
|
2767
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsDropdownComponent, isStandalone: false, selector: "ads-dropdown", inputs: { displayValueFormatter: "displayValueFormatter", mode: "mode", hasEmptyValue: "hasEmptyValue", checkSelected: "checkSelected", options: "options" }, viewQueries: [{ propertyName: "panel", first: true, predicate: ["panel"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n (click)=\"onOpened()\"\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n pill: mode === 'pill',\n chips: showChips && isMultiselect,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((!showChips || valueControl.value.length === 0) && (label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <!-- is required in placeholder for smoother animation -->\n <mat-select\n #panel\n [disableRipple]=\"true\"\n [id]=\"id\"\n [placeholder]=\"placeholder || ' '\"\n [panelClass]=\"'ads-dropdown-panel' + (fitContent ? ' fit-content' : '')\"\n [disableOptionCentering]=\"true\"\n [required]=\"required\"\n [formControl]=\"valueControl\"\n [multiple]=\"isMultiselect\"\n >\n @if (showChips && isMultiselect) {\n <mat-select-trigger>\n <div class=\"tag-container\">\n @for (option of valueControl.value; track $index) {\n <ads-tag\n [tag]=\"chipName(option)\"\n [color]=\"Colors.Medium\"\n [id]=\"'' + $index\"\n (remove)=\"onOptionRemoved(option)\"\n (click)=\"$event.stopPropagation()\"\n />\n }\n </div>\n </mat-select-trigger>\n }\n\n @if (hasEmptyValue) {\n <mat-option [value]=\"undefined\"></mat-option>\n }\n\n @for (option of displayedOptionsArray; track $index) {\n <mat-option\n [id]=\"id + '-option-' + ($index + 1)\"\n [value]=\"option\"\n [ngClass]=\"{ checkbox: isMultiselect && checkSelected }\"\n >\n @if (isMultiselect && checkSelected) {\n <ads-checkbox\n [showFooter]=\"false\"\n width=\"100%\"\n (change)=\"onCheckboxChange(option)\"\n [label]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n />\n } @else {\n <span\n [innerHTML]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n ></span>\n }\n </mat-option>\n }\n </mat-select>\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\n </button>\n }\n <button matTextSuffix type=\"button\" mat-icon-button class=\"action-icon\">\n <ads-icon\n matTextSuffix\n name=\"chevron_down\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n [theme]=\"'iconPrimary'\"\n class=\"chevron-down\"\n />\n </button>\n </mat-form-field>\n\n @if (showFooter) {\n <div class=\"footer-container\">\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}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "component", type: AdsTagComponent, selector: "ads-tag", inputs: ["color", "id", "removable", "tag"], outputs: ["remove", "selected"] }, { kind: "component", type: AdsCheckboxComponent, selector: "ads-checkbox", inputs: ["indeterminate", "width"] }] }); }
|
|
2768
2768
|
}
|
|
2769
2769
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsDropdownComponent, decorators: [{
|
|
2770
2770
|
type: Component,
|
|
2771
|
-
args: [{ selector: 'ads-dropdown', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\r\n <div [ngStyle]=\"{ width: width }\">\r\n <mat-form-field\r\n (click)=\"onOpened()\"\r\n [ngClass]=\"{\r\n 'immediate-validation': immediateValidation,\r\n 'no-left-padding': !showExclamation,\r\n pill: mode === 'pill',\r\n chips: showChips && isMultiselect,\r\n 'success-label': canShowSuccess(),\r\n 'error-label': canShowError(),\r\n 'x-small': smallSize,\r\n }\"\r\n [ngStyle]=\"{ width: width }\"\r\n >\r\n @if ((!showChips || valueControl.value.length === 0) && (label || required) && !smallSize) {\r\n <mat-label>{{ label }}</mat-label>\r\n }\r\n <!-- is required in placeholder for smoother animation -->\r\n <mat-select\r\n #panel\r\n [disableRipple]=\"true\"\r\n [id]=\"id\"\r\n [placeholder]=\"placeholder || ' '\"\r\n [panelClass]=\"'ads-dropdown-panel' + (fitContent ? ' fit-content' : '')\"\r\n [disableOptionCentering]=\"true\"\r\n [required]=\"required\"\r\n [formControl]=\"valueControl\"\r\n [multiple]=\"isMultiselect\"\r\n >\r\n @if (showChips && isMultiselect) {\r\n <mat-select-trigger>\r\n <div class=\"tag-container\">\r\n @for (option of valueControl.value; track $index) {\r\n <ads-tag\r\n [tag]=\"chipName(option)\"\r\n [color]=\"Colors.Medium\"\r\n [id]=\"'' + $index\"\r\n (remove)=\"onOptionRemoved(option)\"\r\n (click)=\"$event.stopPropagation()\"\r\n />\r\n }\r\n </div>\r\n </mat-select-trigger>\r\n }\r\n\r\n @if (hasEmptyValue) {\r\n <mat-option [value]=\"undefined\"></mat-option>\r\n }\r\n\r\n @for (option of displayedOptionsArray; track $index) {\r\n <mat-option\r\n [id]=\"id + '-option-' + ($index + 1)\"\r\n [value]=\"option\"\r\n [ngClass]=\"{ checkbox: isMultiselect && checkSelected }\"\r\n >\r\n @if (isMultiselect && checkSelected) {\r\n <ads-checkbox\r\n [showFooter]=\"false\"\r\n width=\"100%\"\r\n (change)=\"onCheckboxChange(option)\"\r\n [label]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\r\n />\r\n } @else {\r\n <span\r\n [innerHTML]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\r\n ></span>\r\n }\r\n </mat-option>\r\n }\r\n </mat-select>\r\n\r\n @if (canClear) {\r\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\r\n </button>\r\n }\r\n <button matTextSuffix type=\"button\" mat-icon-button class=\"action-icon\">\r\n <ads-icon\r\n matTextSuffix\r\n name=\"chevron_down\"\r\n [size]=\"smallSize ? 'xxs' : 'xs'\"\r\n [theme]=\"'iconPrimary'\"\r\n class=\"chevron-down\"\r\n />\r\n </button>\r\n </mat-form-field>\r\n\r\n @if (showFooter) {\r\n <div class=\"footer-container\">\r\n @if (canShowError()) {\r\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (canShowSuccess()) {\r\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (hint) {\r\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n }\r\n </div>\r\n }\r\n </div>\r\n\r\n @if (tooltip) {\r\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\r\n }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
2771
|
+
args: [{ selector: 'ads-dropdown', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n (click)=\"onOpened()\"\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n pill: mode === 'pill',\n chips: showChips && isMultiselect,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((!showChips || valueControl.value.length === 0) && (label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <!-- is required in placeholder for smoother animation -->\n <mat-select\n #panel\n [disableRipple]=\"true\"\n [id]=\"id\"\n [placeholder]=\"placeholder || ' '\"\n [panelClass]=\"'ads-dropdown-panel' + (fitContent ? ' fit-content' : '')\"\n [disableOptionCentering]=\"true\"\n [required]=\"required\"\n [formControl]=\"valueControl\"\n [multiple]=\"isMultiselect\"\n >\n @if (showChips && isMultiselect) {\n <mat-select-trigger>\n <div class=\"tag-container\">\n @for (option of valueControl.value; track $index) {\n <ads-tag\n [tag]=\"chipName(option)\"\n [color]=\"Colors.Medium\"\n [id]=\"'' + $index\"\n (remove)=\"onOptionRemoved(option)\"\n (click)=\"$event.stopPropagation()\"\n />\n }\n </div>\n </mat-select-trigger>\n }\n\n @if (hasEmptyValue) {\n <mat-option [value]=\"undefined\"></mat-option>\n }\n\n @for (option of displayedOptionsArray; track $index) {\n <mat-option\n [id]=\"id + '-option-' + ($index + 1)\"\n [value]=\"option\"\n [ngClass]=\"{ checkbox: isMultiselect && checkSelected }\"\n >\n @if (isMultiselect && checkSelected) {\n <ads-checkbox\n [showFooter]=\"false\"\n width=\"100%\"\n (change)=\"onCheckboxChange(option)\"\n [label]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n />\n } @else {\n <span\n [innerHTML]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n ></span>\n }\n </mat-option>\n }\n </mat-select>\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\n </button>\n }\n <button matTextSuffix type=\"button\" mat-icon-button class=\"action-icon\">\n <ads-icon\n matTextSuffix\n name=\"chevron_down\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n [theme]=\"'iconPrimary'\"\n class=\"chevron-down\"\n />\n </button>\n </mat-form-field>\n\n @if (showFooter) {\n <div class=\"footer-container\">\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}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
2772
2772
|
}], ctorParameters: () => [], propDecorators: { displayValueFormatter: [{
|
|
2773
2773
|
type: Input
|
|
2774
2774
|
}], mode: [{
|
|
@@ -2910,11 +2910,11 @@ class AdsMultiSelectDropdownComponent extends AdsDropdownComponent {
|
|
|
2910
2910
|
});
|
|
2911
2911
|
}
|
|
2912
2912
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsMultiSelectDropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
2913
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsMultiSelectDropdownComponent, isStandalone: false, selector: "ads-multi-select-dropdown", inputs: { showChips: "showChips" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\r\n <div [ngStyle]=\"{ width: width }\">\r\n <mat-form-field\r\n (click)=\"onOpened()\"\r\n [ngClass]=\"{\r\n 'immediate-validation': immediateValidation,\r\n 'no-left-padding': !showExclamation,\r\n pill: mode === 'pill',\r\n chips: showChips && isMultiselect,\r\n 'success-label': canShowSuccess(),\r\n 'error-label': canShowError(),\r\n 'x-small': smallSize,\r\n }\"\r\n [ngStyle]=\"{ width: width }\"\r\n >\r\n @if ((!showChips || valueControl.value.length === 0) && (label || required) && !smallSize) {\r\n <mat-label>{{ label }}</mat-label>\r\n }\r\n <!-- is required in placeholder for smoother animation -->\r\n <mat-select\r\n #panel\r\n [disableRipple]=\"true\"\r\n [id]=\"id\"\r\n [placeholder]=\"placeholder || ' '\"\r\n [panelClass]=\"'ads-dropdown-panel' + (fitContent ? ' fit-content' : '')\"\r\n [disableOptionCentering]=\"true\"\r\n [required]=\"required\"\r\n [formControl]=\"valueControl\"\r\n [multiple]=\"isMultiselect\"\r\n >\r\n @if (showChips && isMultiselect) {\r\n <mat-select-trigger>\r\n <div class=\"tag-container\">\r\n @for (option of valueControl.value; track $index) {\r\n <ads-tag\r\n [tag]=\"chipName(option)\"\r\n [color]=\"Colors.Medium\"\r\n [id]=\"'' + $index\"\r\n (remove)=\"onOptionRemoved(option)\"\r\n (click)=\"$event.stopPropagation()\"\r\n />\r\n }\r\n </div>\r\n </mat-select-trigger>\r\n }\r\n\r\n @if (hasEmptyValue) {\r\n <mat-option [value]=\"undefined\"></mat-option>\r\n }\r\n\r\n @for (option of displayedOptionsArray; track $index) {\r\n <mat-option\r\n [id]=\"id + '-option-' + ($index + 1)\"\r\n [value]=\"option\"\r\n [ngClass]=\"{ checkbox: isMultiselect && checkSelected }\"\r\n >\r\n @if (isMultiselect && checkSelected) {\r\n <ads-checkbox\r\n [showFooter]=\"false\"\r\n width=\"100%\"\r\n (change)=\"onCheckboxChange(option)\"\r\n [label]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\r\n />\r\n } @else {\r\n <span\r\n [innerHTML]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\r\n ></span>\r\n }\r\n </mat-option>\r\n }\r\n </mat-select>\r\n\r\n @if (canClear) {\r\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\r\n </button>\r\n }\r\n <button matTextSuffix type=\"button\" mat-icon-button class=\"action-icon\">\r\n <ads-icon\r\n matTextSuffix\r\n name=\"chevron_down\"\r\n [size]=\"smallSize ? 'xxs' : 'xs'\"\r\n [theme]=\"'iconPrimary'\"\r\n class=\"chevron-down\"\r\n />\r\n </button>\r\n </mat-form-field>\r\n\r\n @if (showFooter) {\r\n <div class=\"footer-container\">\r\n @if (canShowError()) {\r\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (canShowSuccess()) {\r\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (hint) {\r\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n }\r\n </div>\r\n }\r\n </div>\r\n\r\n @if (tooltip) {\r\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\r\n }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", "mat-form-field.chips ::ng-deep .mdc-text-field{height:auto;min-height:var(--mat-form-field-container-height)}mat-form-field.x-small ::ng-deep{--mat-form-field-container-height: 32px}mat-option:not(.mdc-list-item--disabled):hover ::ng-deep .checkbox-label,mat-option:not(.mdc-list-item--disabled):focus ::ng-deep .checkbox-label,mat-option:not(.mdc-list-item--disabled):active ::ng-deep .checkbox-label{color:var(--color-white)}.tag-container{display:flex;gap:4px;flex-wrap:wrap;margin:4px 0}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsTagComponent, selector: "ads-tag", inputs: ["color", "id", "removable", "tag"], outputs: ["remove", "selected"] }, { kind: "component", type: AdsCheckboxComponent, selector: "ads-checkbox", inputs: ["indeterminate", "width"] }] }); }
|
|
2913
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsMultiSelectDropdownComponent, isStandalone: false, selector: "ads-multi-select-dropdown", inputs: { showChips: "showChips" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n (click)=\"onOpened()\"\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n pill: mode === 'pill',\n chips: showChips && isMultiselect,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((!showChips || valueControl.value.length === 0) && (label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <!-- is required in placeholder for smoother animation -->\n <mat-select\n #panel\n [disableRipple]=\"true\"\n [id]=\"id\"\n [placeholder]=\"placeholder || ' '\"\n [panelClass]=\"'ads-dropdown-panel' + (fitContent ? ' fit-content' : '')\"\n [disableOptionCentering]=\"true\"\n [required]=\"required\"\n [formControl]=\"valueControl\"\n [multiple]=\"isMultiselect\"\n >\n @if (showChips && isMultiselect) {\n <mat-select-trigger>\n <div class=\"tag-container\">\n @for (option of valueControl.value; track $index) {\n <ads-tag\n [tag]=\"chipName(option)\"\n [color]=\"Colors.Medium\"\n [id]=\"'' + $index\"\n (remove)=\"onOptionRemoved(option)\"\n (click)=\"$event.stopPropagation()\"\n />\n }\n </div>\n </mat-select-trigger>\n }\n\n @if (hasEmptyValue) {\n <mat-option [value]=\"undefined\"></mat-option>\n }\n\n @for (option of displayedOptionsArray; track $index) {\n <mat-option\n [id]=\"id + '-option-' + ($index + 1)\"\n [value]=\"option\"\n [ngClass]=\"{ checkbox: isMultiselect && checkSelected }\"\n >\n @if (isMultiselect && checkSelected) {\n <ads-checkbox\n [showFooter]=\"false\"\n width=\"100%\"\n (change)=\"onCheckboxChange(option)\"\n [label]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n />\n } @else {\n <span\n [innerHTML]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n ></span>\n }\n </mat-option>\n }\n </mat-select>\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\n </button>\n }\n <button matTextSuffix type=\"button\" mat-icon-button class=\"action-icon\">\n <ads-icon\n matTextSuffix\n name=\"chevron_down\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n [theme]=\"'iconPrimary'\"\n class=\"chevron-down\"\n />\n </button>\n </mat-form-field>\n\n @if (showFooter) {\n <div class=\"footer-container\">\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}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", "mat-form-field.chips ::ng-deep .mdc-text-field{height:auto;min-height:var(--mat-form-field-container-height)}mat-form-field.x-small ::ng-deep{--mat-form-field-container-height: 32px}mat-option:not(.mdc-list-item--disabled):hover ::ng-deep .checkbox-label,mat-option:not(.mdc-list-item--disabled):focus ::ng-deep .checkbox-label,mat-option:not(.mdc-list-item--disabled):active ::ng-deep .checkbox-label{color:var(--color-white)}.tag-container{display:flex;gap:4px;flex-wrap:wrap;margin:4px 0}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsTagComponent, selector: "ads-tag", inputs: ["color", "id", "removable", "tag"], outputs: ["remove", "selected"] }, { kind: "component", type: AdsCheckboxComponent, selector: "ads-checkbox", inputs: ["indeterminate", "width"] }] }); }
|
|
2914
2914
|
}
|
|
2915
2915
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsMultiSelectDropdownComponent, decorators: [{
|
|
2916
2916
|
type: Component,
|
|
2917
|
-
args: [{ selector: 'ads-multi-select-dropdown', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\r\n <div [ngStyle]=\"{ width: width }\">\r\n <mat-form-field\r\n (click)=\"onOpened()\"\r\n [ngClass]=\"{\r\n 'immediate-validation': immediateValidation,\r\n 'no-left-padding': !showExclamation,\r\n pill: mode === 'pill',\r\n chips: showChips && isMultiselect,\r\n 'success-label': canShowSuccess(),\r\n 'error-label': canShowError(),\r\n 'x-small': smallSize,\r\n }\"\r\n [ngStyle]=\"{ width: width }\"\r\n >\r\n @if ((!showChips || valueControl.value.length === 0) && (label || required) && !smallSize) {\r\n <mat-label>{{ label }}</mat-label>\r\n }\r\n <!-- is required in placeholder for smoother animation -->\r\n <mat-select\r\n #panel\r\n [disableRipple]=\"true\"\r\n [id]=\"id\"\r\n [placeholder]=\"placeholder || ' '\"\r\n [panelClass]=\"'ads-dropdown-panel' + (fitContent ? ' fit-content' : '')\"\r\n [disableOptionCentering]=\"true\"\r\n [required]=\"required\"\r\n [formControl]=\"valueControl\"\r\n [multiple]=\"isMultiselect\"\r\n >\r\n @if (showChips && isMultiselect) {\r\n <mat-select-trigger>\r\n <div class=\"tag-container\">\r\n @for (option of valueControl.value; track $index) {\r\n <ads-tag\r\n [tag]=\"chipName(option)\"\r\n [color]=\"Colors.Medium\"\r\n [id]=\"'' + $index\"\r\n (remove)=\"onOptionRemoved(option)\"\r\n (click)=\"$event.stopPropagation()\"\r\n />\r\n }\r\n </div>\r\n </mat-select-trigger>\r\n }\r\n\r\n @if (hasEmptyValue) {\r\n <mat-option [value]=\"undefined\"></mat-option>\r\n }\r\n\r\n @for (option of displayedOptionsArray; track $index) {\r\n <mat-option\r\n [id]=\"id + '-option-' + ($index + 1)\"\r\n [value]=\"option\"\r\n [ngClass]=\"{ checkbox: isMultiselect && checkSelected }\"\r\n >\r\n @if (isMultiselect && checkSelected) {\r\n <ads-checkbox\r\n [showFooter]=\"false\"\r\n width=\"100%\"\r\n (change)=\"onCheckboxChange(option)\"\r\n [label]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\r\n />\r\n } @else {\r\n <span\r\n [innerHTML]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\r\n ></span>\r\n }\r\n </mat-option>\r\n }\r\n </mat-select>\r\n\r\n @if (canClear) {\r\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\r\n </button>\r\n }\r\n <button matTextSuffix type=\"button\" mat-icon-button class=\"action-icon\">\r\n <ads-icon\r\n matTextSuffix\r\n name=\"chevron_down\"\r\n [size]=\"smallSize ? 'xxs' : 'xs'\"\r\n [theme]=\"'iconPrimary'\"\r\n class=\"chevron-down\"\r\n />\r\n </button>\r\n </mat-form-field>\r\n\r\n @if (showFooter) {\r\n <div class=\"footer-container\">\r\n @if (canShowError()) {\r\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (canShowSuccess()) {\r\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (hint) {\r\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n }\r\n </div>\r\n }\r\n </div>\r\n\r\n @if (tooltip) {\r\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\r\n }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", "mat-form-field.chips ::ng-deep .mdc-text-field{height:auto;min-height:var(--mat-form-field-container-height)}mat-form-field.x-small ::ng-deep{--mat-form-field-container-height: 32px}mat-option:not(.mdc-list-item--disabled):hover ::ng-deep .checkbox-label,mat-option:not(.mdc-list-item--disabled):focus ::ng-deep .checkbox-label,mat-option:not(.mdc-list-item--disabled):active ::ng-deep .checkbox-label{color:var(--color-white)}.tag-container{display:flex;gap:4px;flex-wrap:wrap;margin:4px 0}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
2917
|
+
args: [{ selector: 'ads-multi-select-dropdown', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n (click)=\"onOpened()\"\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n pill: mode === 'pill',\n chips: showChips && isMultiselect,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((!showChips || valueControl.value.length === 0) && (label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <!-- is required in placeholder for smoother animation -->\n <mat-select\n #panel\n [disableRipple]=\"true\"\n [id]=\"id\"\n [placeholder]=\"placeholder || ' '\"\n [panelClass]=\"'ads-dropdown-panel' + (fitContent ? ' fit-content' : '')\"\n [disableOptionCentering]=\"true\"\n [required]=\"required\"\n [formControl]=\"valueControl\"\n [multiple]=\"isMultiselect\"\n >\n @if (showChips && isMultiselect) {\n <mat-select-trigger>\n <div class=\"tag-container\">\n @for (option of valueControl.value; track $index) {\n <ads-tag\n [tag]=\"chipName(option)\"\n [color]=\"Colors.Medium\"\n [id]=\"'' + $index\"\n (remove)=\"onOptionRemoved(option)\"\n (click)=\"$event.stopPropagation()\"\n />\n }\n </div>\n </mat-select-trigger>\n }\n\n @if (hasEmptyValue) {\n <mat-option [value]=\"undefined\"></mat-option>\n }\n\n @for (option of displayedOptionsArray; track $index) {\n <mat-option\n [id]=\"id + '-option-' + ($index + 1)\"\n [value]=\"option\"\n [ngClass]=\"{ checkbox: isMultiselect && checkSelected }\"\n >\n @if (isMultiselect && checkSelected) {\n <ads-checkbox\n [showFooter]=\"false\"\n width=\"100%\"\n (change)=\"onCheckboxChange(option)\"\n [label]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n />\n } @else {\n <span\n [innerHTML]=\"displayValueFormatter ? displayValueFormatter(option) : displayedOptions.get(option)\"\n ></span>\n }\n </mat-option>\n }\n </mat-select>\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\n </button>\n }\n <button matTextSuffix type=\"button\" mat-icon-button class=\"action-icon\">\n <ads-icon\n matTextSuffix\n name=\"chevron_down\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n [theme]=\"'iconPrimary'\"\n class=\"chevron-down\"\n />\n </button>\n </mat-form-field>\n\n @if (showFooter) {\n <div class=\"footer-container\">\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}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", "mat-form-field.chips ::ng-deep .mdc-text-field{height:auto;min-height:var(--mat-form-field-container-height)}mat-form-field.x-small ::ng-deep{--mat-form-field-container-height: 32px}mat-option:not(.mdc-list-item--disabled):hover ::ng-deep .checkbox-label,mat-option:not(.mdc-list-item--disabled):focus ::ng-deep .checkbox-label,mat-option:not(.mdc-list-item--disabled):active ::ng-deep .checkbox-label{color:var(--color-white)}.tag-container{display:flex;gap:4px;flex-wrap:wrap;margin:4px 0}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
2918
2918
|
}], propDecorators: { showChips: [{
|
|
2919
2919
|
type: Input
|
|
2920
2920
|
}] } });
|
|
@@ -3025,11 +3025,11 @@ class AdsInputComponent extends AbstractInputComponent {
|
|
|
3025
3025
|
}
|
|
3026
3026
|
}
|
|
3027
3027
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
3028
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsInputComponent, isStandalone: false, selector: "ads-input", inputs: { maxlength: "maxlength", type: "type", pattern: "pattern", defaultValue: "defaultValue", readonly: "readonly", isPasswordField: "isPasswordField", showClockIcon: "showClockIcon", mask: "mask", onBlur: "onBlur" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\r\n <div [ngStyle]=\"{ width: width }\">\r\n <mat-form-field\r\n [floatLabel]=\"valueControl.value ? 'always' : 'auto'\"\r\n [ngClass]=\"{\r\n 'immediate-validation': immediateValidation,\r\n 'no-left-padding': canClear,\r\n readonly: readonly,\r\n 'success-label': canShowSuccess(),\r\n 'error-label': canShowError(),\r\n 'x-small': smallSize,\r\n }\"\r\n [ngStyle]=\"{ width: width }\"\r\n >\r\n @if ((label || required) && !smallSize) {\r\n <mat-label>{{ label }}</mat-label>\r\n }\r\n <input\r\n #input\r\n matInput\r\n [mask]=\"mask\"\r\n [maxlength]=\"maxlength\"\r\n [readonly]=\"readonly\"\r\n [pattern]=\"pattern\"\r\n [id]=\"id\"\r\n [type]=\"isPasswordField ? (hidePassword ? 'password' : 'text') : type\"\r\n [formControl]=\"valueControl\"\r\n [required]=\"required\"\r\n [placeholder]=\"placeholder\"\r\n (blur)=\"onBlur($event)\"\r\n (keydown)=\"restrictInput($event)\"\r\n />\r\n\r\n @if (canClear) {\r\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\r\n </button>\r\n }\r\n\r\n @if (isPasswordField && !readonly) {\r\n <button type=\"button\" mat-icon-button matTextSuffix (click)=\"showHidePassword()\" class=\"action-icon\">\r\n <ads-icon\r\n class=\"visibility-eye\"\r\n [name]=\"hidePassword ? 'visibility_eye_none' : 'visibility_eye'\"\r\n [size]=\"smallSize ? 'xxs' : 'xs'\"\r\n stroke=\"iconPrimary\"\r\n color=\"--color-medium\"\r\n />\r\n </button>\r\n }\r\n\r\n @if (showClockIcon) {\r\n <button\r\n type=\"button\"\r\n [disableRipple]=\"true\"\r\n mat-icon-button\r\n matTextSuffix\r\n (click)=\"showHidePassword()\"\r\n class=\"action-icon time-picker-button\"\r\n >\r\n <ads-icon\r\n class=\"status_processing\"\r\n name=\"status_processing\"\r\n [size]=\"smallSize ? 'xxs' : 'xs'\"\r\n stroke=\"iconPrimary\"\r\n />\r\n </button>\r\n }\r\n </mat-form-field>\r\n @if (showFooter) {\r\n <div class=\"footer-container\">\r\n @if (canShowError()) {\r\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (canShowSuccess()) {\r\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (hint) {\r\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n }\r\n </div>\r\n }\r\n </div>\r\n\r\n @if (tooltip) {\r\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\r\n }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "directive", type: i11.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }] }); }
|
|
3028
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsInputComponent, isStandalone: false, selector: "ads-input", inputs: { maxlength: "maxlength", type: "type", pattern: "pattern", defaultValue: "defaultValue", readonly: "readonly", isPasswordField: "isPasswordField", showClockIcon: "showClockIcon", mask: "mask", onBlur: "onBlur" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" 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 readonly: readonly,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n 'x-small': smallSize,\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 [mask]=\"mask\"\n [maxlength]=\"maxlength\"\n [readonly]=\"readonly\"\n [pattern]=\"pattern\"\n [id]=\"id\"\n [type]=\"isPasswordField ? (hidePassword ? 'password' : 'text') : type\"\n [formControl]=\"valueControl\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n (blur)=\"onBlur($event)\"\n (keydown)=\"restrictInput($event)\"\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 && !readonly) {\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 (click)=\"showHidePassword()\"\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 stroke=\"iconPrimary\"\n />\n </button>\n }\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\">\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}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "directive", type: i11.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }] }); }
|
|
3029
3029
|
}
|
|
3030
3030
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsInputComponent, decorators: [{
|
|
3031
3031
|
type: Component,
|
|
3032
|
-
args: [{ selector: 'ads-input', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\
|
|
3032
|
+
args: [{ selector: 'ads-input', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" 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 readonly: readonly,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n 'x-small': smallSize,\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 [mask]=\"mask\"\n [maxlength]=\"maxlength\"\n [readonly]=\"readonly\"\n [pattern]=\"pattern\"\n [id]=\"id\"\n [type]=\"isPasswordField ? (hidePassword ? 'password' : 'text') : type\"\n [formControl]=\"valueControl\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n (blur)=\"onBlur($event)\"\n (keydown)=\"restrictInput($event)\"\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 && !readonly) {\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 (click)=\"showHidePassword()\"\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 stroke=\"iconPrimary\"\n />\n </button>\n }\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\">\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}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
3033
3033
|
}], propDecorators: { maxlength: [{
|
|
3034
3034
|
type: Input
|
|
3035
3035
|
}], type: [{
|
|
@@ -3158,11 +3158,11 @@ class AdsPhoneFieldComponent extends AbstractInputComponent {
|
|
|
3158
3158
|
this.valueChangesSubscription?.unsubscribe();
|
|
3159
3159
|
}
|
|
3160
3160
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsPhoneFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
3161
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsPhoneFieldComponent, isStandalone: false, selector: "ads-phone-field", usesInheritance: true, ngImport: i0, template: "<ads-input\
|
|
3161
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsPhoneFieldComponent, isStandalone: false, selector: "ads-phone-field", usesInheritance: true, ngImport: i0, 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/>\n", styles: [".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "component", type: AdsInputComponent, selector: "ads-input", inputs: ["maxlength", "type", "pattern", "defaultValue", "readonly", "isPasswordField", "showClockIcon", "mask", "onBlur"] }] }); }
|
|
3162
3162
|
}
|
|
3163
3163
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsPhoneFieldComponent, decorators: [{
|
|
3164
3164
|
type: Component,
|
|
3165
|
-
args: [{ selector: 'ads-phone-field', standalone: false, template: "<ads-input\
|
|
3165
|
+
args: [{ selector: 'ads-phone-field', standalone: false, 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/>\n", styles: [".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
3166
3166
|
}] });
|
|
3167
3167
|
|
|
3168
3168
|
class AdsPhoneFieldModule {
|
|
@@ -3191,11 +3191,11 @@ class AdsTextareaComponent extends AbstractInputComponent {
|
|
|
3191
3191
|
this.canResize = true;
|
|
3192
3192
|
}
|
|
3193
3193
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsTextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
3194
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsTextareaComponent, isStandalone: false, selector: "ads-textarea", inputs: { maxlength: "maxlength", rows: "rows", canResize: "canResize" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\r\n <div [ngStyle]=\"{ width: width }\">\r\n <mat-form-field\r\n [ngClass]=\"{\r\n 'immediate-validation': immediateValidation,\r\n 'no-left-padding': canClear && !showExclamation,\r\n 'success-label': canShowSuccess(),\r\n 'error-label': canShowError(),\r\n }\"\r\n [ngStyle]=\"{ width: width }\"\r\n >\r\n <mat-label *ngIf=\"label || required\">{{ label }}</mat-label>\r\n <textarea\r\n matInput\r\n [rows]=\"rows\"\r\n [maxlength]=\"maxlength\"\r\n [id]=\"id\"\r\n [formControl]=\"valueControl\"\r\n [required]=\"required\"\r\n [placeholder]=\"placeholder\"\r\n [ngStyle]=\"{ resize: canResize ? null : 'none' }\"\r\n >\r\n </textarea>\r\n @if (canClear) {\r\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\">\r\n <ads-icon name=\"cross\" size=\"xxs\" [theme]=\"'iconPrimary'\" />\r\n </button>\r\n }\r\n </mat-form-field>\r\n <div class=\"footer-container\">\r\n @if (canShowError()) {\r\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (canShowSuccess()) {\r\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (hint) {\r\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n }\r\n </div>\r\n </div>\r\n @if (tooltip) {\r\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\r\n }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", ":host::ng-deep mat-form-field .mdc-text-field{height:auto}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label textarea{min-height:30px;margin-top:12px;margin-bottom:6px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix textarea{line-height:24px;min-height:24px;margin-top:20px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-infix textarea{line-height:24px;position:relative;bottom:1px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-infix textarea::-webkit-resizer{background-size:contain;background-image:url(data:image/svg+xml;utf8;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjEgMTUtNiA2bTYtMTMtMTMgMTMiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-icon-suffix,:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{align-self:baseline;height:var(--mat-form-field-container-height);display:flex;align-items:center}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }] }); }
|
|
3194
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsTextareaComponent, isStandalone: false, selector: "ads-textarea", inputs: { maxlength: "maxlength", rows: "rows", canResize: "canResize" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': canClear && !showExclamation,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n <mat-label *ngIf=\"label || required\">{{ label }}</mat-label>\n <textarea\n matInput\n [rows]=\"rows\"\n [maxlength]=\"maxlength\"\n [id]=\"id\"\n [formControl]=\"valueControl\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n [ngStyle]=\"{ resize: canResize ? null : 'none' }\"\n >\n </textarea>\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\">\n <ads-icon name=\"cross\" size=\"xxs\" [theme]=\"'iconPrimary'\" />\n </button>\n }\n </mat-form-field>\n <div class=\"footer-container\">\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\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", ":host::ng-deep mat-form-field .mdc-text-field{height:auto}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label textarea{min-height:30px;margin-top:12px;margin-bottom:6px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix textarea{line-height:24px;min-height:24px;margin-top:20px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-infix textarea{line-height:24px;position:relative;bottom:1px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-infix textarea::-webkit-resizer{background-size:contain;background-image:url(data:image/svg+xml;utf8;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjEgMTUtNiA2bTYtMTMtMTMgMTMiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-icon-suffix,:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{align-self:baseline;height:var(--mat-form-field-container-height);display:flex;align-items:center}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }] }); }
|
|
3195
3195
|
}
|
|
3196
3196
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsTextareaComponent, decorators: [{
|
|
3197
3197
|
type: Component,
|
|
3198
|
-
args: [{ selector: 'ads-textarea', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\
|
|
3198
|
+
args: [{ selector: 'ads-textarea', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': canClear && !showExclamation,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n <mat-label *ngIf=\"label || required\">{{ label }}</mat-label>\n <textarea\n matInput\n [rows]=\"rows\"\n [maxlength]=\"maxlength\"\n [id]=\"id\"\n [formControl]=\"valueControl\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n [ngStyle]=\"{ resize: canResize ? null : 'none' }\"\n >\n </textarea>\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\">\n <ads-icon name=\"cross\" size=\"xxs\" [theme]=\"'iconPrimary'\" />\n </button>\n }\n </mat-form-field>\n <div class=\"footer-container\">\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\" [href]=\"tooltipHref\" />\n }\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", ":host::ng-deep mat-form-field .mdc-text-field{height:auto}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label textarea{min-height:30px;margin-top:12px;margin-bottom:6px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix textarea{line-height:24px;min-height:24px;margin-top:20px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-infix textarea{line-height:24px;position:relative;bottom:1px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-infix textarea::-webkit-resizer{background-size:contain;background-image:url(data:image/svg+xml;utf8;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjEgMTUtNiA2bTYtMTMtMTMgMTMiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-icon-suffix,:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{align-self:baseline;height:var(--mat-form-field-container-height);display:flex;align-items:center}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
3199
3199
|
}], propDecorators: { maxlength: [{
|
|
3200
3200
|
type: Input
|
|
3201
3201
|
}], rows: [{
|
|
@@ -3300,11 +3300,11 @@ class AdsInputDropdownComponent extends AbstractInputComponent {
|
|
|
3300
3300
|
}
|
|
3301
3301
|
}
|
|
3302
3302
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsInputDropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
3303
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsInputDropdownComponent, isStandalone: false, selector: "ads-input-dropdown", inputs: { maxlength: "maxlength", type: "type", pattern: "pattern", dropdownControl: "dropdownControl", dropdownId: "dropdownId", dropdownLabel: "dropdownLabel", dropdownPlaceholder: "dropdownPlaceholder", inputWidth: "inputWidth", dropdownWidth: "dropdownWidth", autoSelectSingleDropdownOption: "autoSelectSingleDropdownOption", options: "options", displayValueKey: "displayValueKey", hasEmptyValue: "hasEmptyValue", fitContent: "fitContent", mask: "mask" }, viewQueries: [{ propertyName: "dropdownComponent", first: true, predicate: AdsDropdownComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-field-wrapper\" [ngStyle]=\"{ width: width }\">\
|
|
3303
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsInputDropdownComponent, isStandalone: false, selector: "ads-input-dropdown", inputs: { maxlength: "maxlength", type: "type", pattern: "pattern", dropdownControl: "dropdownControl", dropdownId: "dropdownId", dropdownLabel: "dropdownLabel", dropdownPlaceholder: "dropdownPlaceholder", inputWidth: "inputWidth", dropdownWidth: "dropdownWidth", autoSelectSingleDropdownOption: "autoSelectSingleDropdownOption", options: "options", displayValueKey: "displayValueKey", hasEmptyValue: "hasEmptyValue", fitContent: "fitContent", mask: "mask" }, viewQueries: [{ propertyName: "dropdownComponent", first: true, predicate: AdsDropdownComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, 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: 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 [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 />\n </div>\n <div\n class=\"select-box\"\n [ngClass]=\"{ invalid: valueControl.invalid && valueControl.touched }\"\n [ngStyle]=\"{ width: dropdownWidth }\"\n >\n @if (isSingleOptionSelected) {\n <ads-input\n [control]=\"dropdownControl\"\n [id]=\"id\"\n [readonly]=\"true\"\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 [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 />\n }\n </div>\n </div>\n <div class=\"footer-container\">\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(--mdc-filled-text-field-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}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AdsInputComponent, selector: "ads-input", inputs: ["maxlength", "type", "pattern", "defaultValue", "readonly", "isPasswordField", "showClockIcon", "mask", "onBlur"] }, { kind: "component", type: AdsDropdownComponent, selector: "ads-dropdown", inputs: ["displayValueFormatter", "mode", "hasEmptyValue", "checkSelected", "options"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
|
|
3304
3304
|
}
|
|
3305
3305
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsInputDropdownComponent, decorators: [{
|
|
3306
3306
|
type: Component,
|
|
3307
|
-
args: [{ selector: 'ads-input-dropdown', standalone: false, template: "<div class=\"form-field-wrapper\" [ngStyle]=\"{ width: width }\">\
|
|
3307
|
+
args: [{ selector: 'ads-input-dropdown', standalone: false, 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: 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 [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 />\n </div>\n <div\n class=\"select-box\"\n [ngClass]=\"{ invalid: valueControl.invalid && valueControl.touched }\"\n [ngStyle]=\"{ width: dropdownWidth }\"\n >\n @if (isSingleOptionSelected) {\n <ads-input\n [control]=\"dropdownControl\"\n [id]=\"id\"\n [readonly]=\"true\"\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 [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 />\n }\n </div>\n </div>\n <div class=\"footer-container\">\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(--mdc-filled-text-field-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}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
3308
3308
|
}], propDecorators: { maxlength: [{
|
|
3309
3309
|
type: Input
|
|
3310
3310
|
}], type: [{
|
|
@@ -4010,11 +4010,11 @@ class AdsSearchDropdownComponent extends AbstractDropdownComponent {
|
|
|
4010
4010
|
}
|
|
4011
4011
|
}
|
|
4012
4012
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsSearchDropdownComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4013
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsSearchDropdownComponent, isStandalone: false, selector: "ads-search-dropdown", inputs: { maxlength: "maxlength", panelClass: "panelClass", options: "options", staticOptions: "staticOptions", filterOptions: "filterOptions", emitEmptyValues: "emitEmptyValues", loadSuggestionOnInit: "loadSuggestionOnInit", noDataOption: "noDataOption", moreDataOption: "moreDataOption", staticDataOption: "staticDataOption", onEnterKeyDown: "onEnterKeyDown", searchIconClickCallback: "searchIconClickCallback", displayValueFormatter: "displayValueFormatter", useOptionTemplate: "useOptionTemplate", minValueLength: "minValueLength", preventClick: "preventClick", closePanelEnabled: "closePanelEnabled", control: "control", errorMessages: "errorMessages", hint: "hint", id: "id", label: "label", placeholder: "placeholder" }, outputs: { emitSearchValueInput: "emitSearchValueInput" }, queries: [{ propertyName: "optionRef", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], viewQueries: [{ propertyName: "trigger", first: true, predicate: MatAutocompleteTrigger, descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "moreDataMatOption", first: true, predicate: ["moreDataMatOption"], descendants: true }, { propertyName: "noDataMatOption", first: true, predicate: ["noDataMatOption"], descendants: true }, { propertyName: "staticDataMatOption", first: true, predicate: ["staticDataMatOption"], descendants: true }, { propertyName: "auto", first: true, predicate: ["auto"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\r\n <div [ngStyle]=\"{ width: width }\">\r\n <mat-form-field\r\n [ngClass]=\"{\r\n 'immediate-validation': immediateValidation,\r\n 'is-open': trigger?.panelOpen,\r\n invalid: canShowError(),\r\n 'success-label': canShowSuccess(),\r\n 'x-small': smallSize,\r\n }\"\r\n [ngStyle]=\"{ width: width }\"\r\n >\r\n @if ((label || required) && !smallSize) {\r\n <mat-label>{{ label }}</mat-label>\r\n }\r\n <input\r\n #input\r\n [disabled]=\"displayControl.disabled\"\r\n (keydown.enter)=\"onKeyDown($event.target)\"\r\n (blur)=\"onBlur()\"\r\n (input)=\"onInput($event.target)\"\r\n (focus)=\"onFocus()\"\r\n type=\"text\"\r\n [autocomplete]=\"'none'\"\r\n [id]=\"id\"\r\n matInput\r\n [value]=\"getDisplayedValueAsString()\"\r\n [attr.maxlength]=\"maxlength\"\r\n [matAutocomplete]=\"auto\"\r\n [placeholder]=\"placeholder\"\r\n [required]=\"required\"\r\n />\r\n <mat-autocomplete\r\n #auto=\"matAutocomplete\"\r\n [displayWith]=\"displayFn\"\r\n [disableRipple]=\"true\"\r\n [class]=\"\r\n 'ads-dropdown-panel' +\r\n (fitContent ? ' fit-content' : '') +\r\n (loading() ? ' loading' : '') +\r\n (preventClick ? '' : ' clickable') +\r\n ' ' +\r\n panelClass\r\n \"\r\n >\r\n @for (option of displayedOptions | keyvalue: applySorting; track $index) {\r\n <mat-option #opt [value]=\"option\" (mousedown)=\"onOptionMouseDown($event, opt)\">\r\n @if (useOptionTemplate) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"optionRef()\"\r\n [ngTemplateOutletContext]=\"{ $implicit: option.key, value: option.value }\"\r\n ></ng-template>\r\n } @else {\r\n <span\r\n [innerHtml]=\"\r\n displayValueFormatter\r\n ? displayValueFormatter(\r\n option!.value! | adsSearchDropdownHighlighter: displayControl.value,\r\n option.key\r\n )\r\n : (option!.value! | adsSearchDropdownHighlighter: displayControl.value)\r\n \"\r\n ></span>\r\n }\r\n </mat-option>\r\n }\r\n\r\n @if (canUseMoreDataOption) {\r\n <hr class=\"no-results-hr\" />\r\n <mat-option #moreDataMatOption class=\"extra\" [disabled]=\"!moreDataOption!.onClick\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"extraOptionValue\"\r\n [ngTemplateOutletContext]=\"{ $implicit: moreDataOption }\"\r\n />\r\n </mat-option>\r\n }\r\n\r\n @if (canUseNoDataOption) {\r\n <mat-option #noDataMatOption class=\"extra\" [disabled]=\"!noDataOption!.onClick\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"extraOptionValue\"\r\n [ngTemplateOutletContext]=\"{ $implicit: noDataOption }\"\r\n />\r\n </mat-option>\r\n }\r\n\r\n @if (canUseStaticOption) {\r\n @if (displayedOptions.size) {\r\n <hr class=\"no-results-hr\" />\r\n }\r\n <mat-option #staticDataMatOption class=\"extra\" [disabled]=\"!staticDataOption!.onClick\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"extraOptionValue\"\r\n [ngTemplateOutletContext]=\"{ $implicit: staticDataOption }\"\r\n />\r\n </mat-option>\r\n }\r\n </mat-autocomplete>\r\n\r\n @if (canClear) {\r\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\r\n </button>\r\n }\r\n @if (showDropdownIcon) {\r\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"togglePanel($event)\" class=\"action-icon\">\r\n <ads-icon\r\n name=\"chevron_down\"\r\n [size]=\"smallSize ? 'xxs' : 'xs'\"\r\n [theme]=\"'iconPrimary'\"\r\n class=\"chevron-down\"\r\n />\r\n </button>\r\n }\r\n @if (!staticOptions && loading()) {\r\n <ads-icon\r\n name=\"loading\"\r\n [stroke]=\"'iconPrimary'\"\r\n [size]=\"smallSize ? 'xxs' : 'xs'\"\r\n class=\"loading-icon\"\r\n />\r\n }\r\n @if (!staticOptions && !loading()) {\r\n <button\r\n matTextSuffix\r\n type=\"button\"\r\n mat-icon-button\r\n [disabled]=\"!canSearch\"\r\n (click)=\"canSearch ? onSearchIconClick($event) : null\"\r\n class=\"action-icon\"\r\n >\r\n <ads-icon name=\"search\" size=\"xs\" [theme]=\"'iconPrimary'\" class=\"search-icon\" />\r\n </button>\r\n }\r\n </mat-form-field>\r\n <div class=\"footer-container\">\r\n @if (canShowError()) {\r\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (canShowSuccess()) {\r\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (hint) {\r\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n }\r\n </div>\r\n </div>\r\n @if (tooltip) {\r\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\r\n }\r\n\r\n <ng-template #extraOptionValue let-option>\r\n <span\r\n (click)=\"$event.stopPropagation()\"\r\n (mousedown)=\"onStaticOptionMouseDown($event, option!)\"\r\n [innerHTML]=\"option!.label\"\r\n ></span>\r\n </ng-template>\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", "mat-form-field{width:100%}mat-form-field.invalid ::ng-deep{--mdc-filled-text-field-label-text-color: var(--color-error);--mdc-filled-text-field-hover-label-text-color: var(--color-error);--mdc-filled-text-field-focus-label-text-color: var(--color-error)}mat-form-field.invalid ::ng-deep .mdc-text-field{border-color:var(--color-error)}mat-form-field.invalid ::ng-deep .mdc-text-field ads-icon{stroke:var(--mdc-filled-text-field-error-label-text-color)!important;color:var(--mdc-filled-text-field-error-label-text-color)!important}mat-option.extra{opacity:1;font-size:.75rem;min-height:32px;display:flex}mat-option.extra ::ng-deep .mdc-list-item__primary-text{opacity:1}mat-option ::ng-deep .highlighted-text{font-weight:700}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "pipe", type: i1$1.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: AdsSearchDropdownHighlighterPipe, name: "adsSearchDropdownHighlighter" }] }); }
|
|
4013
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsSearchDropdownComponent, isStandalone: false, selector: "ads-search-dropdown", inputs: { maxlength: "maxlength", panelClass: "panelClass", options: "options", staticOptions: "staticOptions", filterOptions: "filterOptions", emitEmptyValues: "emitEmptyValues", loadSuggestionOnInit: "loadSuggestionOnInit", noDataOption: "noDataOption", moreDataOption: "moreDataOption", staticDataOption: "staticDataOption", onEnterKeyDown: "onEnterKeyDown", searchIconClickCallback: "searchIconClickCallback", displayValueFormatter: "displayValueFormatter", useOptionTemplate: "useOptionTemplate", minValueLength: "minValueLength", preventClick: "preventClick", closePanelEnabled: "closePanelEnabled", control: "control", errorMessages: "errorMessages", hint: "hint", id: "id", label: "label", placeholder: "placeholder" }, outputs: { emitSearchValueInput: "emitSearchValueInput" }, queries: [{ propertyName: "optionRef", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], viewQueries: [{ propertyName: "trigger", first: true, predicate: MatAutocompleteTrigger, descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "moreDataMatOption", first: true, predicate: ["moreDataMatOption"], descendants: true }, { propertyName: "noDataMatOption", first: true, predicate: ["noDataMatOption"], descendants: true }, { propertyName: "staticDataMatOption", first: true, predicate: ["staticDataMatOption"], descendants: true }, { propertyName: "auto", first: true, predicate: ["auto"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'is-open': trigger?.panelOpen,\n invalid: canShowError(),\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <input\n #input\n [disabled]=\"displayControl.disabled\"\n (keydown.enter)=\"onKeyDown($event.target)\"\n (blur)=\"onBlur()\"\n (input)=\"onInput($event.target)\"\n (focus)=\"onFocus()\"\n type=\"text\"\n [autocomplete]=\"'none'\"\n [id]=\"id\"\n matInput\n [value]=\"getDisplayedValueAsString()\"\n [attr.maxlength]=\"maxlength\"\n [matAutocomplete]=\"auto\"\n [placeholder]=\"placeholder\"\n [required]=\"required\"\n />\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n [displayWith]=\"displayFn\"\n [disableRipple]=\"true\"\n [class]=\"\n 'ads-dropdown-panel' +\n (fitContent ? ' fit-content' : '') +\n (loading() ? ' loading' : '') +\n (preventClick ? '' : ' clickable') +\n ' ' +\n panelClass\n \"\n >\n @for (option of displayedOptions | keyvalue: applySorting; track $index) {\n <mat-option #opt [value]=\"option\" (mousedown)=\"onOptionMouseDown($event, opt)\">\n @if (useOptionTemplate) {\n <ng-template\n [ngTemplateOutlet]=\"optionRef()\"\n [ngTemplateOutletContext]=\"{ $implicit: option.key, value: option.value }\"\n ></ng-template>\n } @else {\n <span\n [innerHtml]=\"\n displayValueFormatter\n ? displayValueFormatter(\n option!.value! | adsSearchDropdownHighlighter: displayControl.value,\n option.key\n )\n : (option!.value! | adsSearchDropdownHighlighter: displayControl.value)\n \"\n ></span>\n }\n </mat-option>\n }\n\n @if (canUseMoreDataOption) {\n <hr class=\"no-results-hr\" />\n <mat-option #moreDataMatOption class=\"extra\" [disabled]=\"!moreDataOption!.onClick\">\n <ng-container\n [ngTemplateOutlet]=\"extraOptionValue\"\n [ngTemplateOutletContext]=\"{ $implicit: moreDataOption }\"\n />\n </mat-option>\n }\n\n @if (canUseNoDataOption) {\n <mat-option #noDataMatOption class=\"extra\" [disabled]=\"!noDataOption!.onClick\">\n <ng-container\n [ngTemplateOutlet]=\"extraOptionValue\"\n [ngTemplateOutletContext]=\"{ $implicit: noDataOption }\"\n />\n </mat-option>\n }\n\n @if (canUseStaticOption) {\n @if (displayedOptions.size) {\n <hr class=\"no-results-hr\" />\n }\n <mat-option #staticDataMatOption class=\"extra\" [disabled]=\"!staticDataOption!.onClick\">\n <ng-container\n [ngTemplateOutlet]=\"extraOptionValue\"\n [ngTemplateOutletContext]=\"{ $implicit: staticDataOption }\"\n />\n </mat-option>\n }\n </mat-autocomplete>\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\n </button>\n }\n @if (showDropdownIcon) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"togglePanel($event)\" class=\"action-icon\">\n <ads-icon\n name=\"chevron_down\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n [theme]=\"'iconPrimary'\"\n class=\"chevron-down\"\n />\n </button>\n }\n @if (!staticOptions && loading()) {\n <ads-icon\n name=\"loading\"\n [stroke]=\"'iconPrimary'\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n class=\"loading-icon\"\n />\n }\n @if (!staticOptions && !loading()) {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n [disabled]=\"!canSearch\"\n (click)=\"canSearch ? onSearchIconClick($event) : null\"\n class=\"action-icon\"\n >\n <ads-icon name=\"search\" size=\"xs\" [theme]=\"'iconPrimary'\" class=\"search-icon\" />\n </button>\n }\n </mat-form-field>\n <div class=\"footer-container\">\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\n <ng-template #extraOptionValue let-option>\n <span\n (click)=\"$event.stopPropagation()\"\n (mousedown)=\"onStaticOptionMouseDown($event, option!)\"\n [innerHTML]=\"option!.label\"\n ></span>\n </ng-template>\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", "mat-form-field{width:100%}mat-form-field.invalid ::ng-deep{--mdc-filled-text-field-label-text-color: var(--color-error);--mdc-filled-text-field-hover-label-text-color: var(--color-error);--mdc-filled-text-field-focus-label-text-color: var(--color-error)}mat-form-field.invalid ::ng-deep .mdc-text-field{border-color:var(--color-error)}mat-form-field.invalid ::ng-deep .mdc-text-field ads-icon{stroke:var(--mdc-filled-text-field-error-label-text-color)!important;color:var(--mdc-filled-text-field-error-label-text-color)!important}mat-option.extra{opacity:1;font-size:.75rem;min-height:32px;display:flex}mat-option.extra ::ng-deep .mdc-list-item__primary-text{opacity:1}mat-option ::ng-deep .highlighted-text{font-weight:700}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "pipe", type: i1$1.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: AdsSearchDropdownHighlighterPipe, name: "adsSearchDropdownHighlighter" }] }); }
|
|
4014
4014
|
}
|
|
4015
4015
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsSearchDropdownComponent, decorators: [{
|
|
4016
4016
|
type: Component,
|
|
4017
|
-
args: [{ selector: 'ads-search-dropdown', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\r\n <div [ngStyle]=\"{ width: width }\">\r\n <mat-form-field\r\n [ngClass]=\"{\r\n 'immediate-validation': immediateValidation,\r\n 'is-open': trigger?.panelOpen,\r\n invalid: canShowError(),\r\n 'success-label': canShowSuccess(),\r\n 'x-small': smallSize,\r\n }\"\r\n [ngStyle]=\"{ width: width }\"\r\n >\r\n @if ((label || required) && !smallSize) {\r\n <mat-label>{{ label }}</mat-label>\r\n }\r\n <input\r\n #input\r\n [disabled]=\"displayControl.disabled\"\r\n (keydown.enter)=\"onKeyDown($event.target)\"\r\n (blur)=\"onBlur()\"\r\n (input)=\"onInput($event.target)\"\r\n (focus)=\"onFocus()\"\r\n type=\"text\"\r\n [autocomplete]=\"'none'\"\r\n [id]=\"id\"\r\n matInput\r\n [value]=\"getDisplayedValueAsString()\"\r\n [attr.maxlength]=\"maxlength\"\r\n [matAutocomplete]=\"auto\"\r\n [placeholder]=\"placeholder\"\r\n [required]=\"required\"\r\n />\r\n <mat-autocomplete\r\n #auto=\"matAutocomplete\"\r\n [displayWith]=\"displayFn\"\r\n [disableRipple]=\"true\"\r\n [class]=\"\r\n 'ads-dropdown-panel' +\r\n (fitContent ? ' fit-content' : '') +\r\n (loading() ? ' loading' : '') +\r\n (preventClick ? '' : ' clickable') +\r\n ' ' +\r\n panelClass\r\n \"\r\n >\r\n @for (option of displayedOptions | keyvalue: applySorting; track $index) {\r\n <mat-option #opt [value]=\"option\" (mousedown)=\"onOptionMouseDown($event, opt)\">\r\n @if (useOptionTemplate) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"optionRef()\"\r\n [ngTemplateOutletContext]=\"{ $implicit: option.key, value: option.value }\"\r\n ></ng-template>\r\n } @else {\r\n <span\r\n [innerHtml]=\"\r\n displayValueFormatter\r\n ? displayValueFormatter(\r\n option!.value! | adsSearchDropdownHighlighter: displayControl.value,\r\n option.key\r\n )\r\n : (option!.value! | adsSearchDropdownHighlighter: displayControl.value)\r\n \"\r\n ></span>\r\n }\r\n </mat-option>\r\n }\r\n\r\n @if (canUseMoreDataOption) {\r\n <hr class=\"no-results-hr\" />\r\n <mat-option #moreDataMatOption class=\"extra\" [disabled]=\"!moreDataOption!.onClick\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"extraOptionValue\"\r\n [ngTemplateOutletContext]=\"{ $implicit: moreDataOption }\"\r\n />\r\n </mat-option>\r\n }\r\n\r\n @if (canUseNoDataOption) {\r\n <mat-option #noDataMatOption class=\"extra\" [disabled]=\"!noDataOption!.onClick\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"extraOptionValue\"\r\n [ngTemplateOutletContext]=\"{ $implicit: noDataOption }\"\r\n />\r\n </mat-option>\r\n }\r\n\r\n @if (canUseStaticOption) {\r\n @if (displayedOptions.size) {\r\n <hr class=\"no-results-hr\" />\r\n }\r\n <mat-option #staticDataMatOption class=\"extra\" [disabled]=\"!staticDataOption!.onClick\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"extraOptionValue\"\r\n [ngTemplateOutletContext]=\"{ $implicit: staticDataOption }\"\r\n />\r\n </mat-option>\r\n }\r\n </mat-autocomplete>\r\n\r\n @if (canClear) {\r\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\r\n </button>\r\n }\r\n @if (showDropdownIcon) {\r\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"togglePanel($event)\" class=\"action-icon\">\r\n <ads-icon\r\n name=\"chevron_down\"\r\n [size]=\"smallSize ? 'xxs' : 'xs'\"\r\n [theme]=\"'iconPrimary'\"\r\n class=\"chevron-down\"\r\n />\r\n </button>\r\n }\r\n @if (!staticOptions && loading()) {\r\n <ads-icon\r\n name=\"loading\"\r\n [stroke]=\"'iconPrimary'\"\r\n [size]=\"smallSize ? 'xxs' : 'xs'\"\r\n class=\"loading-icon\"\r\n />\r\n }\r\n @if (!staticOptions && !loading()) {\r\n <button\r\n matTextSuffix\r\n type=\"button\"\r\n mat-icon-button\r\n [disabled]=\"!canSearch\"\r\n (click)=\"canSearch ? onSearchIconClick($event) : null\"\r\n class=\"action-icon\"\r\n >\r\n <ads-icon name=\"search\" size=\"xs\" [theme]=\"'iconPrimary'\" class=\"search-icon\" />\r\n </button>\r\n }\r\n </mat-form-field>\r\n <div class=\"footer-container\">\r\n @if (canShowError()) {\r\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (canShowSuccess()) {\r\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (hint) {\r\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n }\r\n </div>\r\n </div>\r\n @if (tooltip) {\r\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\r\n }\r\n\r\n <ng-template #extraOptionValue let-option>\r\n <span\r\n (click)=\"$event.stopPropagation()\"\r\n (mousedown)=\"onStaticOptionMouseDown($event, option!)\"\r\n [innerHTML]=\"option!.label\"\r\n ></span>\r\n </ng-template>\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", "mat-form-field{width:100%}mat-form-field.invalid ::ng-deep{--mdc-filled-text-field-label-text-color: var(--color-error);--mdc-filled-text-field-hover-label-text-color: var(--color-error);--mdc-filled-text-field-focus-label-text-color: var(--color-error)}mat-form-field.invalid ::ng-deep .mdc-text-field{border-color:var(--color-error)}mat-form-field.invalid ::ng-deep .mdc-text-field ads-icon{stroke:var(--mdc-filled-text-field-error-label-text-color)!important;color:var(--mdc-filled-text-field-error-label-text-color)!important}mat-option.extra{opacity:1;font-size:.75rem;min-height:32px;display:flex}mat-option.extra ::ng-deep .mdc-list-item__primary-text{opacity:1}mat-option ::ng-deep .highlighted-text{font-weight:700}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
4017
|
+
args: [{ selector: 'ads-search-dropdown', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'is-open': trigger?.panelOpen,\n invalid: canShowError(),\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <input\n #input\n [disabled]=\"displayControl.disabled\"\n (keydown.enter)=\"onKeyDown($event.target)\"\n (blur)=\"onBlur()\"\n (input)=\"onInput($event.target)\"\n (focus)=\"onFocus()\"\n type=\"text\"\n [autocomplete]=\"'none'\"\n [id]=\"id\"\n matInput\n [value]=\"getDisplayedValueAsString()\"\n [attr.maxlength]=\"maxlength\"\n [matAutocomplete]=\"auto\"\n [placeholder]=\"placeholder\"\n [required]=\"required\"\n />\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n [displayWith]=\"displayFn\"\n [disableRipple]=\"true\"\n [class]=\"\n 'ads-dropdown-panel' +\n (fitContent ? ' fit-content' : '') +\n (loading() ? ' loading' : '') +\n (preventClick ? '' : ' clickable') +\n ' ' +\n panelClass\n \"\n >\n @for (option of displayedOptions | keyvalue: applySorting; track $index) {\n <mat-option #opt [value]=\"option\" (mousedown)=\"onOptionMouseDown($event, opt)\">\n @if (useOptionTemplate) {\n <ng-template\n [ngTemplateOutlet]=\"optionRef()\"\n [ngTemplateOutletContext]=\"{ $implicit: option.key, value: option.value }\"\n ></ng-template>\n } @else {\n <span\n [innerHtml]=\"\n displayValueFormatter\n ? displayValueFormatter(\n option!.value! | adsSearchDropdownHighlighter: displayControl.value,\n option.key\n )\n : (option!.value! | adsSearchDropdownHighlighter: displayControl.value)\n \"\n ></span>\n }\n </mat-option>\n }\n\n @if (canUseMoreDataOption) {\n <hr class=\"no-results-hr\" />\n <mat-option #moreDataMatOption class=\"extra\" [disabled]=\"!moreDataOption!.onClick\">\n <ng-container\n [ngTemplateOutlet]=\"extraOptionValue\"\n [ngTemplateOutletContext]=\"{ $implicit: moreDataOption }\"\n />\n </mat-option>\n }\n\n @if (canUseNoDataOption) {\n <mat-option #noDataMatOption class=\"extra\" [disabled]=\"!noDataOption!.onClick\">\n <ng-container\n [ngTemplateOutlet]=\"extraOptionValue\"\n [ngTemplateOutletContext]=\"{ $implicit: noDataOption }\"\n />\n </mat-option>\n }\n\n @if (canUseStaticOption) {\n @if (displayedOptions.size) {\n <hr class=\"no-results-hr\" />\n }\n <mat-option #staticDataMatOption class=\"extra\" [disabled]=\"!staticDataOption!.onClick\">\n <ng-container\n [ngTemplateOutlet]=\"extraOptionValue\"\n [ngTemplateOutletContext]=\"{ $implicit: staticDataOption }\"\n />\n </mat-option>\n }\n </mat-autocomplete>\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\n </button>\n }\n @if (showDropdownIcon) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"togglePanel($event)\" class=\"action-icon\">\n <ads-icon\n name=\"chevron_down\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n [theme]=\"'iconPrimary'\"\n class=\"chevron-down\"\n />\n </button>\n }\n @if (!staticOptions && loading()) {\n <ads-icon\n name=\"loading\"\n [stroke]=\"'iconPrimary'\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n class=\"loading-icon\"\n />\n }\n @if (!staticOptions && !loading()) {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n [disabled]=\"!canSearch\"\n (click)=\"canSearch ? onSearchIconClick($event) : null\"\n class=\"action-icon\"\n >\n <ads-icon name=\"search\" size=\"xs\" [theme]=\"'iconPrimary'\" class=\"search-icon\" />\n </button>\n }\n </mat-form-field>\n <div class=\"footer-container\">\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\n <ng-template #extraOptionValue let-option>\n <span\n (click)=\"$event.stopPropagation()\"\n (mousedown)=\"onStaticOptionMouseDown($event, option!)\"\n [innerHTML]=\"option!.label\"\n ></span>\n </ng-template>\n</div>\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", "mat-select{--mat-select-trigger-text-line-height: 24px;--mat-select-enabled-trigger-text-color: var(--color-medium);--mat-select-disabled-trigger-text-color: var(--color-medium);--mat-select-placeholder-text-color: var(--color-medium)}mat-option{--mat-option-selected-state-layer-color: var(--color-secondary);--mat-option-selected-state-label-text-color: var(--color-white);--mat-option-hover-state-layer-color: var(--color-secondary-hover);padding:0 12px}mat-option.checkbox{padding:0 12px 0 6px}mat-option:active{background-color:var(--color-secondary-pressed)!important}mat-form-field.pill ::ng-deep .mdc-text-field{border-radius:24px;padding-left:16px;background-color:var(--color-light-30)}mat-form-field.pill ::ng-deep .mdc-text-field:not(.mdc-text-field--invalid){border-color:transparent}mat-form-field ::ng-deep .mdc-text-field .mat-mdc-select-arrow-wrapper{display:none}mat-form-field.x-small mat-select{font-size:12px;line-height:16px}mat-option:hover:not(.mdc-list-item--disabled){color:var(--color-white);background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled).mdc-list-item--selected{background-color:var(--mat-option-hover-state-layer-color)}mat-option:hover:not(.mdc-list-item--disabled) ::ng-deep .mdc-list-item__primary-text{color:var(--color-white)!important}mat-option.mdc-list-item--disabled{opacity:.5}mat-option ::ng-deep .mat-pseudo-checkbox{display:none}mat-option ::ng-deep .mdc-list-item__primary-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n", "mat-form-field{width:100%}mat-form-field.invalid ::ng-deep{--mdc-filled-text-field-label-text-color: var(--color-error);--mdc-filled-text-field-hover-label-text-color: var(--color-error);--mdc-filled-text-field-focus-label-text-color: var(--color-error)}mat-form-field.invalid ::ng-deep .mdc-text-field{border-color:var(--color-error)}mat-form-field.invalid ::ng-deep .mdc-text-field ads-icon{stroke:var(--mdc-filled-text-field-error-label-text-color)!important;color:var(--mdc-filled-text-field-error-label-text-color)!important}mat-option.extra{opacity:1;font-size:.75rem;min-height:32px;display:flex}mat-option.extra ::ng-deep .mdc-list-item__primary-text{opacity:1}mat-option ::ng-deep .highlighted-text{font-weight:700}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
4018
4018
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { maxlength: [{
|
|
4019
4019
|
type: Input
|
|
4020
4020
|
}], panelClass: [{
|
|
@@ -4163,11 +4163,11 @@ class AdsSearchInputComponent extends AdsInputComponent {
|
|
|
4163
4163
|
return this.valueControl.value || this.searchEmptyValue;
|
|
4164
4164
|
}
|
|
4165
4165
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsSearchInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4166
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsSearchInputComponent, isStandalone: false, selector: "ads-search-input", inputs: { searchCallback: "searchCallback", isIconClickable: "isIconClickable", searchEmptyValue: "searchEmptyValue", loading: "loading" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\r\n <div [ngStyle]=\"{ width: width }\">\r\n <mat-form-field\r\n [ngClass]=\"{\r\n 'immediate-validation': immediateValidation,\r\n 'success-label': canShowSuccess(),\r\n 'error-label': canShowError(),\r\n 'x-small': smallSize,\r\n }\"\r\n [ngStyle]=\"{ width: width }\"\r\n >\r\n @if ((label || required) && !smallSize) {\r\n <mat-label>{{ label }}</mat-label>\r\n }\r\n <input\r\n matInput\r\n (keydown.enter)=\"onSearch()\"\r\n [maxlength]=\"maxlength\"\r\n [pattern]=\"pattern\"\r\n [id]=\"id\"\r\n [type]=\"type\"\r\n [formControl]=\"valueControl\"\r\n [required]=\"required\"\r\n [placeholder]=\"placeholder\"\r\n />\r\n\r\n @if (canClear) {\r\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\r\n </button>\r\n }\r\n\r\n @if (loading) {\r\n <ads-icon\r\n name=\"loading\"\r\n [stroke]=\"'iconPrimary'\"\r\n [size]=\"smallSize ? 'xxs' : 'xs'\"\r\n class=\"loading-icon\"\r\n />\r\n } @else {\r\n <button\r\n matTextSuffix\r\n type=\"button\"\r\n mat-icon-button\r\n [disabled]=\"!canClick\"\r\n (click)=\"canClick ? onSearch() : null\"\r\n class=\"action-icon\"\r\n >\r\n <ads-icon name=\"search\" size=\"xs\" [theme]=\"'iconPrimary'\" class=\"search-icon\" />\r\n </button>\r\n }\r\n </mat-form-field>\r\n\r\n @if (showFooter) {\r\n <div class=\"footer-container\">\r\n @if (canShowError()) {\r\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (canShowSuccess()) {\r\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (hint) {\r\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n }\r\n </div>\r\n }\r\n </div>\r\n\r\n @if (tooltip) {\r\n <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" [href]=\"tooltipHref\" />\r\n }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
|
|
4166
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsSearchInputComponent, isStandalone: false, selector: "ads-search-input", inputs: { searchCallback: "searchCallback", isIconClickable: "isIconClickable", searchEmptyValue: "searchEmptyValue", loading: "loading" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <input\n matInput\n (keydown.enter)=\"onSearch()\"\n [maxlength]=\"maxlength\"\n [pattern]=\"pattern\"\n [id]=\"id\"\n [type]=\"type\"\n [formControl]=\"valueControl\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n />\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\n </button>\n }\n\n @if (loading) {\n <ads-icon\n name=\"loading\"\n [stroke]=\"'iconPrimary'\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n class=\"loading-icon\"\n />\n } @else {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n [disabled]=\"!canClick\"\n (click)=\"canClick ? onSearch() : null\"\n class=\"action-icon\"\n >\n <ads-icon name=\"search\" size=\"xs\" [theme]=\"'iconPrimary'\" class=\"search-icon\" />\n </button>\n }\n </mat-form-field>\n\n @if (showFooter) {\n <div class=\"footer-container\">\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}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
|
|
4167
4167
|
}
|
|
4168
4168
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsSearchInputComponent, decorators: [{
|
|
4169
4169
|
type: Component,
|
|
4170
|
-
args: [{ selector: 'ads-search-input', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\
|
|
4170
|
+
args: [{ selector: 'ads-search-input', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'success-label': canShowSuccess(),\n 'error-label': canShowError(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <input\n matInput\n (keydown.enter)=\"onSearch()\"\n [maxlength]=\"maxlength\"\n [pattern]=\"pattern\"\n [id]=\"id\"\n [type]=\"type\"\n [formControl]=\"valueControl\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n />\n\n @if (canClear) {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n <ads-icon name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" class=\"cross-icon\" />\n </button>\n }\n\n @if (loading) {\n <ads-icon\n name=\"loading\"\n [stroke]=\"'iconPrimary'\"\n [size]=\"smallSize ? 'xxs' : 'xs'\"\n class=\"loading-icon\"\n />\n } @else {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n [disabled]=\"!canClick\"\n (click)=\"canClick ? onSearch() : null\"\n class=\"action-icon\"\n >\n <ads-icon name=\"search\" size=\"xs\" [theme]=\"'iconPrimary'\" class=\"search-icon\" />\n </button>\n }\n </mat-form-field>\n\n @if (showFooter) {\n <div class=\"footer-container\">\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}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
4171
4171
|
}], ctorParameters: () => [], propDecorators: { searchCallback: [{
|
|
4172
4172
|
type: Input
|
|
4173
4173
|
}], isIconClickable: [{
|
|
@@ -4334,8 +4334,8 @@ class DatetimeTemplateFormatter {
|
|
|
4334
4334
|
/**
|
|
4335
4335
|
* create arrow down icon
|
|
4336
4336
|
*/
|
|
4337
|
-
const arrowSVG = `<svg xmlns="http://www.w3.org/2000/svg" width="11" height="8" viewBox="0 0 11 8" fill="none">
|
|
4338
|
-
<path d="M0.5 0.0178223L10.5 0.0178224L5.5 7.01782L0.5 0.0178223Z" />
|
|
4337
|
+
const arrowSVG = `<svg xmlns="http://www.w3.org/2000/svg" width="11" height="8" viewBox="0 0 11 8" fill="none">
|
|
4338
|
+
<path d="M0.5 0.0178223L10.5 0.0178224L5.5 7.01782L0.5 0.0178223Z" />
|
|
4339
4339
|
</svg>`;
|
|
4340
4340
|
const arrowDiv = document.createElement('div');
|
|
4341
4341
|
arrowDiv.className = 'arrow-down';
|
|
@@ -4840,11 +4840,11 @@ class AdsDatetimepickerComponent extends AbstractInputComponent {
|
|
|
4840
4840
|
return this.removeOffset(value, this.getRequiredOffset(value));
|
|
4841
4841
|
}
|
|
4842
4842
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsDatetimepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4843
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsDatetimepickerComponent, isStandalone: false, selector: "ads-datetimepicker", inputs: { twelveHour: "twelveHour", offset: "offset", allowPastValues: "allowPastValues", allowManualInput: "allowManualInput", useShortcuts: "useShortcuts", overrideDisplayFormat: "overrideDisplayFormat", showTimePicker: "showTimePicker", customDisplayFormat: "customDisplayFormat" }, viewQueries: [{ propertyName: "picker", first: true, predicate: MatDatetimepickerComponent, descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\r\n <div [ngStyle]=\"{ width: width }\">\r\n <mat-form-field\r\n [ngClass]=\"{\r\n 'immediate-validation': immediateValidation,\r\n 'no-left-padding': !showExclamation,\r\n invalid: canShowError(),\r\n manual: allowManualInput,\r\n 'success-label': canShowSuccess(),\r\n 'x-small': smallSize,\r\n }\"\r\n [ngStyle]=\"{ width: width }\"\r\n >\r\n @if ((label || required) && !smallSize) {\r\n <mat-label>{{ label }}</mat-label>\r\n }\r\n <mat-datetimepicker\r\n #datetimePicker\r\n (viewChanged)=\"onViewChanged($event)\"\r\n (opened)=\"onOpened()\"\r\n (closed)=\"onClosed()\"\r\n [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\r\n [openOnFocus]=\"!allowManualInput\"\r\n [twelvehour]=\"twelveHour\"\r\n [timeInterval]=\"5\"\r\n [mode]=\"'portrait'\"\r\n />\r\n <input\r\n (dateChange)=\"onChanged($event)\"\r\n dateTimePickerFormat\r\n [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\r\n [customDisplayFormat]=\"customDisplayFormatOverride\"\r\n [ngClass]=\"{ invisible: !valueControl.value }\"\r\n #input\r\n matInput\r\n (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\r\n (blur)=\"touchControls()\"\r\n [tabIndex]=\"allowManualInput ? 0 : -1\"\r\n [min]=\"minDate || null\"\r\n [readonly]=\"!allowManualInput\"\r\n [formControl]=\"displayControl\"\r\n [matDatetimepicker]=\"datetimePicker\"\r\n autocomplete=\"false\"\r\n [id]=\"id\"\r\n [required]=\"required\"\r\n [placeholder]=\"placeholder\"\r\n />\r\n\r\n @if (canClear) {\r\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\r\n </button>\r\n }\r\n\r\n @if (type === 'time') {\r\n <button\r\n matTextSuffix\r\n type=\"button\"\r\n mat-icon-button\r\n (click)=\"toggle($event)\"\r\n [disabled]=\"!showTimePicker\"\r\n class=\"action-icon\"\r\n >\r\n <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\r\n </button>\r\n } @else {\r\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\r\n <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\r\n @if (type === 'datetime') {\r\n <ads-icon\r\n class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\r\n name=\"status_processing\"\r\n [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\r\n [stroke]=\"'iconPrimary'\"\r\n />\r\n }\r\n </button>\r\n }\r\n </mat-form-field>\r\n @if (showFooter) {\r\n <div class=\"footer-container\">\r\n @if (canShowError()) {\r\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (canShowSuccess()) {\r\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (hint) {\r\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n }\r\n </div>\r\n }\r\n </div>\r\n @if (tooltip) {\r\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\r\n }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i6.MatDatetimepickerComponent, selector: "mat-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "ariaNextMonthLabel", "ariaPrevMonthLabel", "ariaNextYearLabel", "ariaPrevYearLabel", "preventSameDateTimeSelection", "panelClass", "startAt", "openOnFocus", "type", "touchUi", "disabled"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["matDatetimepicker"] }, { kind: "directive", type: i6.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "directive", type: DateTimePickerFormatDirective, selector: "[dateTimePickerFormat]", inputs: ["customDisplayFormat", "overrideDisplayFormat"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
|
|
4843
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsDatetimepickerComponent, isStandalone: false, selector: "ads-datetimepicker", inputs: { twelveHour: "twelveHour", offset: "offset", allowPastValues: "allowPastValues", allowManualInput: "allowManualInput", useShortcuts: "useShortcuts", overrideDisplayFormat: "overrideDisplayFormat", showTimePicker: "showTimePicker", customDisplayFormat: "customDisplayFormat" }, viewQueries: [{ propertyName: "picker", first: true, predicate: MatDatetimepickerComponent, descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n invalid: canShowError(),\n manual: allowManualInput,\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <mat-datetimepicker\n #datetimePicker\n (viewChanged)=\"onViewChanged($event)\"\n (opened)=\"onOpened()\"\n (closed)=\"onClosed()\"\n [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\n [openOnFocus]=\"!allowManualInput\"\n [twelvehour]=\"twelveHour\"\n [timeInterval]=\"5\"\n [mode]=\"'portrait'\"\n />\n <input\n (dateChange)=\"onChanged($event)\"\n dateTimePickerFormat\n [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\n [customDisplayFormat]=\"customDisplayFormatOverride\"\n [ngClass]=\"{ invisible: !valueControl.value }\"\n #input\n matInput\n (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\n (blur)=\"touchControls()\"\n [tabIndex]=\"allowManualInput ? 0 : -1\"\n [min]=\"minDate || null\"\n [readonly]=\"!allowManualInput\"\n [formControl]=\"displayControl\"\n [matDatetimepicker]=\"datetimePicker\"\n autocomplete=\"false\"\n [id]=\"id\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\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 (type === 'time') {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n (click)=\"toggle($event)\"\n [disabled]=\"!showTimePicker\"\n class=\"action-icon\"\n >\n <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n </button>\n } @else {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\n <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n @if (type === 'datetime') {\n <ads-icon\n class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\n name=\"status_processing\"\n [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\n [stroke]=\"'iconPrimary'\"\n />\n }\n </button>\n }\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\">\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}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i6.MatDatetimepickerComponent, selector: "mat-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "ariaNextMonthLabel", "ariaPrevMonthLabel", "ariaNextYearLabel", "ariaPrevYearLabel", "preventSameDateTimeSelection", "panelClass", "startAt", "openOnFocus", "type", "touchUi", "disabled"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["matDatetimepicker"] }, { kind: "directive", type: i6.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "directive", type: DateTimePickerFormatDirective, selector: "[dateTimePickerFormat]", inputs: ["customDisplayFormat", "overrideDisplayFormat"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
|
|
4844
4844
|
}
|
|
4845
4845
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsDatetimepickerComponent, decorators: [{
|
|
4846
4846
|
type: Component,
|
|
4847
|
-
args: [{ selector: 'ads-datetimepicker', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\r\n <div [ngStyle]=\"{ width: width }\">\r\n <mat-form-field\r\n [ngClass]=\"{\r\n 'immediate-validation': immediateValidation,\r\n 'no-left-padding': !showExclamation,\r\n invalid: canShowError(),\r\n manual: allowManualInput,\r\n 'success-label': canShowSuccess(),\r\n 'x-small': smallSize,\r\n }\"\r\n [ngStyle]=\"{ width: width }\"\r\n >\r\n @if ((label || required) && !smallSize) {\r\n <mat-label>{{ label }}</mat-label>\r\n }\r\n <mat-datetimepicker\r\n #datetimePicker\r\n (viewChanged)=\"onViewChanged($event)\"\r\n (opened)=\"onOpened()\"\r\n (closed)=\"onClosed()\"\r\n [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\r\n [openOnFocus]=\"!allowManualInput\"\r\n [twelvehour]=\"twelveHour\"\r\n [timeInterval]=\"5\"\r\n [mode]=\"'portrait'\"\r\n />\r\n <input\r\n (dateChange)=\"onChanged($event)\"\r\n dateTimePickerFormat\r\n [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\r\n [customDisplayFormat]=\"customDisplayFormatOverride\"\r\n [ngClass]=\"{ invisible: !valueControl.value }\"\r\n #input\r\n matInput\r\n (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\r\n (blur)=\"touchControls()\"\r\n [tabIndex]=\"allowManualInput ? 0 : -1\"\r\n [min]=\"minDate || null\"\r\n [readonly]=\"!allowManualInput\"\r\n [formControl]=\"displayControl\"\r\n [matDatetimepicker]=\"datetimePicker\"\r\n autocomplete=\"false\"\r\n [id]=\"id\"\r\n [required]=\"required\"\r\n [placeholder]=\"placeholder\"\r\n />\r\n\r\n @if (canClear) {\r\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\r\n </button>\r\n }\r\n\r\n @if (type === 'time') {\r\n <button\r\n matTextSuffix\r\n type=\"button\"\r\n mat-icon-button\r\n (click)=\"toggle($event)\"\r\n [disabled]=\"!showTimePicker\"\r\n class=\"action-icon\"\r\n >\r\n <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\r\n </button>\r\n } @else {\r\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\r\n <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\r\n @if (type === 'datetime') {\r\n <ads-icon\r\n class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\r\n name=\"status_processing\"\r\n [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\r\n [stroke]=\"'iconPrimary'\"\r\n />\r\n }\r\n </button>\r\n }\r\n </mat-form-field>\r\n @if (showFooter) {\r\n <div class=\"footer-container\">\r\n @if (canShowError()) {\r\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (canShowSuccess()) {\r\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (hint) {\r\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n }\r\n </div>\r\n }\r\n </div>\r\n @if (tooltip) {\r\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\r\n }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
4847
|
+
args: [{ selector: 'ads-datetimepicker', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n invalid: canShowError(),\n manual: allowManualInput,\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <mat-datetimepicker\n #datetimePicker\n (viewChanged)=\"onViewChanged($event)\"\n (opened)=\"onOpened()\"\n (closed)=\"onClosed()\"\n [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\n [openOnFocus]=\"!allowManualInput\"\n [twelvehour]=\"twelveHour\"\n [timeInterval]=\"5\"\n [mode]=\"'portrait'\"\n />\n <input\n (dateChange)=\"onChanged($event)\"\n dateTimePickerFormat\n [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\n [customDisplayFormat]=\"customDisplayFormatOverride\"\n [ngClass]=\"{ invisible: !valueControl.value }\"\n #input\n matInput\n (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\n (blur)=\"touchControls()\"\n [tabIndex]=\"allowManualInput ? 0 : -1\"\n [min]=\"minDate || null\"\n [readonly]=\"!allowManualInput\"\n [formControl]=\"displayControl\"\n [matDatetimepicker]=\"datetimePicker\"\n autocomplete=\"false\"\n [id]=\"id\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\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 (type === 'time') {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n (click)=\"toggle($event)\"\n [disabled]=\"!showTimePicker\"\n class=\"action-icon\"\n >\n <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n </button>\n } @else {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\n <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n @if (type === 'datetime') {\n <ads-icon\n class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\n name=\"status_processing\"\n [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\n [stroke]=\"'iconPrimary'\"\n />\n }\n </button>\n }\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\">\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}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
4848
4848
|
}], ctorParameters: () => [], propDecorators: { picker: [{
|
|
4849
4849
|
type: ViewChild,
|
|
4850
4850
|
args: [MatDatetimepickerComponent]
|
|
@@ -5023,11 +5023,11 @@ class AdsDatepickerComponent extends AdsDatetimepickerComponent {
|
|
|
5023
5023
|
this.setControlValue(this.displayControl, valueToApply);
|
|
5024
5024
|
}
|
|
5025
5025
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsDatepickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
5026
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsDatepickerComponent, isStandalone: false, selector: "ads-datepicker", inputs: { customDisplayFormat: "customDisplayFormat" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\r\n <div [ngStyle]=\"{ width: width }\">\r\n <mat-form-field\r\n [ngClass]=\"{\r\n 'immediate-validation': immediateValidation,\r\n 'no-left-padding': !showExclamation,\r\n invalid: canShowError(),\r\n manual: allowManualInput,\r\n 'success-label': canShowSuccess(),\r\n 'x-small': smallSize,\r\n }\"\r\n [ngStyle]=\"{ width: width }\"\r\n >\r\n @if ((label || required) && !smallSize) {\r\n <mat-label>{{ label }}</mat-label>\r\n }\r\n <mat-datetimepicker\r\n #datetimePicker\r\n (viewChanged)=\"onViewChanged($event)\"\r\n (opened)=\"onOpened()\"\r\n (closed)=\"onClosed()\"\r\n [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\r\n [openOnFocus]=\"!allowManualInput\"\r\n [twelvehour]=\"twelveHour\"\r\n [timeInterval]=\"5\"\r\n [mode]=\"'portrait'\"\r\n />\r\n <input\r\n (dateChange)=\"onChanged($event)\"\r\n dateTimePickerFormat\r\n [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\r\n [customDisplayFormat]=\"customDisplayFormatOverride\"\r\n [ngClass]=\"{ invisible: !valueControl.value }\"\r\n #input\r\n matInput\r\n (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\r\n (blur)=\"touchControls()\"\r\n [tabIndex]=\"allowManualInput ? 0 : -1\"\r\n [min]=\"minDate || null\"\r\n [readonly]=\"!allowManualInput\"\r\n [formControl]=\"displayControl\"\r\n [matDatetimepicker]=\"datetimePicker\"\r\n autocomplete=\"false\"\r\n [id]=\"id\"\r\n [required]=\"required\"\r\n [placeholder]=\"placeholder\"\r\n />\r\n\r\n @if (canClear) {\r\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\r\n </button>\r\n }\r\n\r\n @if (type === 'time') {\r\n <button\r\n matTextSuffix\r\n type=\"button\"\r\n mat-icon-button\r\n (click)=\"toggle($event)\"\r\n [disabled]=\"!showTimePicker\"\r\n class=\"action-icon\"\r\n >\r\n <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\r\n </button>\r\n } @else {\r\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\r\n <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\r\n @if (type === 'datetime') {\r\n <ads-icon\r\n class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\r\n name=\"status_processing\"\r\n [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\r\n [stroke]=\"'iconPrimary'\"\r\n />\r\n }\r\n </button>\r\n }\r\n </mat-form-field>\r\n @if (showFooter) {\r\n <div class=\"footer-container\">\r\n @if (canShowError()) {\r\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (canShowSuccess()) {\r\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (hint) {\r\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n }\r\n </div>\r\n }\r\n </div>\r\n @if (tooltip) {\r\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\r\n }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i6.MatDatetimepickerComponent, selector: "mat-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "ariaNextMonthLabel", "ariaPrevMonthLabel", "ariaNextYearLabel", "ariaPrevYearLabel", "preventSameDateTimeSelection", "panelClass", "startAt", "openOnFocus", "type", "touchUi", "disabled"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["matDatetimepicker"] }, { kind: "directive", type: i6.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "directive", type: DateTimePickerFormatDirective, selector: "[dateTimePickerFormat]", inputs: ["customDisplayFormat", "overrideDisplayFormat"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
|
|
5026
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsDatepickerComponent, isStandalone: false, selector: "ads-datepicker", inputs: { customDisplayFormat: "customDisplayFormat" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n invalid: canShowError(),\n manual: allowManualInput,\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <mat-datetimepicker\n #datetimePicker\n (viewChanged)=\"onViewChanged($event)\"\n (opened)=\"onOpened()\"\n (closed)=\"onClosed()\"\n [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\n [openOnFocus]=\"!allowManualInput\"\n [twelvehour]=\"twelveHour\"\n [timeInterval]=\"5\"\n [mode]=\"'portrait'\"\n />\n <input\n (dateChange)=\"onChanged($event)\"\n dateTimePickerFormat\n [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\n [customDisplayFormat]=\"customDisplayFormatOverride\"\n [ngClass]=\"{ invisible: !valueControl.value }\"\n #input\n matInput\n (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\n (blur)=\"touchControls()\"\n [tabIndex]=\"allowManualInput ? 0 : -1\"\n [min]=\"minDate || null\"\n [readonly]=\"!allowManualInput\"\n [formControl]=\"displayControl\"\n [matDatetimepicker]=\"datetimePicker\"\n autocomplete=\"false\"\n [id]=\"id\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\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 (type === 'time') {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n (click)=\"toggle($event)\"\n [disabled]=\"!showTimePicker\"\n class=\"action-icon\"\n >\n <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n </button>\n } @else {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\n <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n @if (type === 'datetime') {\n <ads-icon\n class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\n name=\"status_processing\"\n [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\n [stroke]=\"'iconPrimary'\"\n />\n }\n </button>\n }\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\">\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}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i6.MatDatetimepickerComponent, selector: "mat-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "ariaNextMonthLabel", "ariaPrevMonthLabel", "ariaNextYearLabel", "ariaPrevYearLabel", "preventSameDateTimeSelection", "panelClass", "startAt", "openOnFocus", "type", "touchUi", "disabled"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["matDatetimepicker"] }, { kind: "directive", type: i6.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "directive", type: DateTimePickerFormatDirective, selector: "[dateTimePickerFormat]", inputs: ["customDisplayFormat", "overrideDisplayFormat"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
|
|
5027
5027
|
}
|
|
5028
5028
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsDatepickerComponent, decorators: [{
|
|
5029
5029
|
type: Component,
|
|
5030
|
-
args: [{ selector: 'ads-datepicker', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\r\n <div [ngStyle]=\"{ width: width }\">\r\n <mat-form-field\r\n [ngClass]=\"{\r\n 'immediate-validation': immediateValidation,\r\n 'no-left-padding': !showExclamation,\r\n invalid: canShowError(),\r\n manual: allowManualInput,\r\n 'success-label': canShowSuccess(),\r\n 'x-small': smallSize,\r\n }\"\r\n [ngStyle]=\"{ width: width }\"\r\n >\r\n @if ((label || required) && !smallSize) {\r\n <mat-label>{{ label }}</mat-label>\r\n }\r\n <mat-datetimepicker\r\n #datetimePicker\r\n (viewChanged)=\"onViewChanged($event)\"\r\n (opened)=\"onOpened()\"\r\n (closed)=\"onClosed()\"\r\n [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\r\n [openOnFocus]=\"!allowManualInput\"\r\n [twelvehour]=\"twelveHour\"\r\n [timeInterval]=\"5\"\r\n [mode]=\"'portrait'\"\r\n />\r\n <input\r\n (dateChange)=\"onChanged($event)\"\r\n dateTimePickerFormat\r\n [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\r\n [customDisplayFormat]=\"customDisplayFormatOverride\"\r\n [ngClass]=\"{ invisible: !valueControl.value }\"\r\n #input\r\n matInput\r\n (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\r\n (blur)=\"touchControls()\"\r\n [tabIndex]=\"allowManualInput ? 0 : -1\"\r\n [min]=\"minDate || null\"\r\n [readonly]=\"!allowManualInput\"\r\n [formControl]=\"displayControl\"\r\n [matDatetimepicker]=\"datetimePicker\"\r\n autocomplete=\"false\"\r\n [id]=\"id\"\r\n [required]=\"required\"\r\n [placeholder]=\"placeholder\"\r\n />\r\n\r\n @if (canClear) {\r\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\r\n </button>\r\n }\r\n\r\n @if (type === 'time') {\r\n <button\r\n matTextSuffix\r\n type=\"button\"\r\n mat-icon-button\r\n (click)=\"toggle($event)\"\r\n [disabled]=\"!showTimePicker\"\r\n class=\"action-icon\"\r\n >\r\n <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\r\n </button>\r\n } @else {\r\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\r\n <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\r\n @if (type === 'datetime') {\r\n <ads-icon\r\n class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\r\n name=\"status_processing\"\r\n [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\r\n [stroke]=\"'iconPrimary'\"\r\n />\r\n }\r\n </button>\r\n }\r\n </mat-form-field>\r\n @if (showFooter) {\r\n <div class=\"footer-container\">\r\n @if (canShowError()) {\r\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (canShowSuccess()) {\r\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (hint) {\r\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n }\r\n </div>\r\n }\r\n </div>\r\n @if (tooltip) {\r\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\r\n }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
5030
|
+
args: [{ selector: 'ads-datepicker', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n invalid: canShowError(),\n manual: allowManualInput,\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <mat-datetimepicker\n #datetimePicker\n (viewChanged)=\"onViewChanged($event)\"\n (opened)=\"onOpened()\"\n (closed)=\"onClosed()\"\n [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\n [openOnFocus]=\"!allowManualInput\"\n [twelvehour]=\"twelveHour\"\n [timeInterval]=\"5\"\n [mode]=\"'portrait'\"\n />\n <input\n (dateChange)=\"onChanged($event)\"\n dateTimePickerFormat\n [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\n [customDisplayFormat]=\"customDisplayFormatOverride\"\n [ngClass]=\"{ invisible: !valueControl.value }\"\n #input\n matInput\n (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\n (blur)=\"touchControls()\"\n [tabIndex]=\"allowManualInput ? 0 : -1\"\n [min]=\"minDate || null\"\n [readonly]=\"!allowManualInput\"\n [formControl]=\"displayControl\"\n [matDatetimepicker]=\"datetimePicker\"\n autocomplete=\"false\"\n [id]=\"id\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\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 (type === 'time') {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n (click)=\"toggle($event)\"\n [disabled]=\"!showTimePicker\"\n class=\"action-icon\"\n >\n <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n </button>\n } @else {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\n <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n @if (type === 'datetime') {\n <ads-icon\n class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\n name=\"status_processing\"\n [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\n [stroke]=\"'iconPrimary'\"\n />\n }\n </button>\n }\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\">\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}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
5031
5031
|
}], propDecorators: { customDisplayFormat: [{
|
|
5032
5032
|
type: Input
|
|
5033
5033
|
}] } });
|
|
@@ -5153,11 +5153,11 @@ class AdsTimepickerComponent extends AdsDatetimepickerComponent {
|
|
|
5153
5153
|
super.onSyncDisplayedValue(valueToApply);
|
|
5154
5154
|
}
|
|
5155
5155
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsTimepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5156
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsTimepickerComponent, isStandalone: false, selector: "ads-timepicker", inputs: { customDisplayFormat: "customDisplayFormat" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\r\n <div [ngStyle]=\"{ width: width }\">\r\n <mat-form-field\r\n [ngClass]=\"{\r\n 'immediate-validation': immediateValidation,\r\n 'no-left-padding': !showExclamation,\r\n invalid: canShowError(),\r\n manual: allowManualInput,\r\n 'success-label': canShowSuccess(),\r\n 'x-small': smallSize,\r\n }\"\r\n [ngStyle]=\"{ width: width }\"\r\n >\r\n @if ((label || required) && !smallSize) {\r\n <mat-label>{{ label }}</mat-label>\r\n }\r\n <mat-datetimepicker\r\n #datetimePicker\r\n (viewChanged)=\"onViewChanged($event)\"\r\n (opened)=\"onOpened()\"\r\n (closed)=\"onClosed()\"\r\n [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\r\n [openOnFocus]=\"!allowManualInput\"\r\n [twelvehour]=\"twelveHour\"\r\n [timeInterval]=\"5\"\r\n [mode]=\"'portrait'\"\r\n />\r\n <input\r\n (dateChange)=\"onChanged($event)\"\r\n dateTimePickerFormat\r\n [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\r\n [customDisplayFormat]=\"customDisplayFormatOverride\"\r\n [ngClass]=\"{ invisible: !valueControl.value }\"\r\n #input\r\n matInput\r\n (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\r\n (blur)=\"touchControls()\"\r\n [tabIndex]=\"allowManualInput ? 0 : -1\"\r\n [min]=\"minDate || null\"\r\n [readonly]=\"!allowManualInput\"\r\n [formControl]=\"displayControl\"\r\n [matDatetimepicker]=\"datetimePicker\"\r\n autocomplete=\"false\"\r\n [id]=\"id\"\r\n [required]=\"required\"\r\n [placeholder]=\"placeholder\"\r\n />\r\n\r\n @if (canClear) {\r\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\r\n </button>\r\n }\r\n\r\n @if (type === 'time') {\r\n <button\r\n matTextSuffix\r\n type=\"button\"\r\n mat-icon-button\r\n (click)=\"toggle($event)\"\r\n [disabled]=\"!showTimePicker\"\r\n class=\"action-icon\"\r\n >\r\n <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\r\n </button>\r\n } @else {\r\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\r\n <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\r\n @if (type === 'datetime') {\r\n <ads-icon\r\n class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\r\n name=\"status_processing\"\r\n [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\r\n [stroke]=\"'iconPrimary'\"\r\n />\r\n }\r\n </button>\r\n }\r\n </mat-form-field>\r\n @if (showFooter) {\r\n <div class=\"footer-container\">\r\n @if (canShowError()) {\r\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (canShowSuccess()) {\r\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (hint) {\r\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n }\r\n </div>\r\n }\r\n </div>\r\n @if (tooltip) {\r\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\r\n }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i6.MatDatetimepickerComponent, selector: "mat-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "ariaNextMonthLabel", "ariaPrevMonthLabel", "ariaNextYearLabel", "ariaPrevYearLabel", "preventSameDateTimeSelection", "panelClass", "startAt", "openOnFocus", "type", "touchUi", "disabled"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["matDatetimepicker"] }, { kind: "directive", type: i6.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: DateTimePickerFormatDirective, selector: "[dateTimePickerFormat]", inputs: ["customDisplayFormat", "overrideDisplayFormat"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
|
|
5156
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsTimepickerComponent, isStandalone: false, selector: "ads-timepicker", inputs: { customDisplayFormat: "customDisplayFormat" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n invalid: canShowError(),\n manual: allowManualInput,\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <mat-datetimepicker\n #datetimePicker\n (viewChanged)=\"onViewChanged($event)\"\n (opened)=\"onOpened()\"\n (closed)=\"onClosed()\"\n [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\n [openOnFocus]=\"!allowManualInput\"\n [twelvehour]=\"twelveHour\"\n [timeInterval]=\"5\"\n [mode]=\"'portrait'\"\n />\n <input\n (dateChange)=\"onChanged($event)\"\n dateTimePickerFormat\n [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\n [customDisplayFormat]=\"customDisplayFormatOverride\"\n [ngClass]=\"{ invisible: !valueControl.value }\"\n #input\n matInput\n (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\n (blur)=\"touchControls()\"\n [tabIndex]=\"allowManualInput ? 0 : -1\"\n [min]=\"minDate || null\"\n [readonly]=\"!allowManualInput\"\n [formControl]=\"displayControl\"\n [matDatetimepicker]=\"datetimePicker\"\n autocomplete=\"false\"\n [id]=\"id\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\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 (type === 'time') {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n (click)=\"toggle($event)\"\n [disabled]=\"!showTimePicker\"\n class=\"action-icon\"\n >\n <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n </button>\n } @else {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\n <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n @if (type === 'datetime') {\n <ads-icon\n class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\n name=\"status_processing\"\n [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\n [stroke]=\"'iconPrimary'\"\n />\n }\n </button>\n }\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\">\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}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i6.MatDatetimepickerComponent, selector: "mat-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "ariaNextMonthLabel", "ariaPrevMonthLabel", "ariaNextYearLabel", "ariaPrevYearLabel", "preventSameDateTimeSelection", "panelClass", "startAt", "openOnFocus", "type", "touchUi", "disabled"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["matDatetimepicker"] }, { kind: "directive", type: i6.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: DateTimePickerFormatDirective, selector: "[dateTimePickerFormat]", inputs: ["customDisplayFormat", "overrideDisplayFormat"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
|
|
5157
5157
|
}
|
|
5158
5158
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsTimepickerComponent, decorators: [{
|
|
5159
5159
|
type: Component,
|
|
5160
|
-
args: [{ selector: 'ads-timepicker', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\r\n <div [ngStyle]=\"{ width: width }\">\r\n <mat-form-field\r\n [ngClass]=\"{\r\n 'immediate-validation': immediateValidation,\r\n 'no-left-padding': !showExclamation,\r\n invalid: canShowError(),\r\n manual: allowManualInput,\r\n 'success-label': canShowSuccess(),\r\n 'x-small': smallSize,\r\n }\"\r\n [ngStyle]=\"{ width: width }\"\r\n >\r\n @if ((label || required) && !smallSize) {\r\n <mat-label>{{ label }}</mat-label>\r\n }\r\n <mat-datetimepicker\r\n #datetimePicker\r\n (viewChanged)=\"onViewChanged($event)\"\r\n (opened)=\"onOpened()\"\r\n (closed)=\"onClosed()\"\r\n [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\r\n [openOnFocus]=\"!allowManualInput\"\r\n [twelvehour]=\"twelveHour\"\r\n [timeInterval]=\"5\"\r\n [mode]=\"'portrait'\"\r\n />\r\n <input\r\n (dateChange)=\"onChanged($event)\"\r\n dateTimePickerFormat\r\n [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\r\n [customDisplayFormat]=\"customDisplayFormatOverride\"\r\n [ngClass]=\"{ invisible: !valueControl.value }\"\r\n #input\r\n matInput\r\n (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\r\n (blur)=\"touchControls()\"\r\n [tabIndex]=\"allowManualInput ? 0 : -1\"\r\n [min]=\"minDate || null\"\r\n [readonly]=\"!allowManualInput\"\r\n [formControl]=\"displayControl\"\r\n [matDatetimepicker]=\"datetimePicker\"\r\n autocomplete=\"false\"\r\n [id]=\"id\"\r\n [required]=\"required\"\r\n [placeholder]=\"placeholder\"\r\n />\r\n\r\n @if (canClear) {\r\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\r\n <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\r\n </button>\r\n }\r\n\r\n @if (type === 'time') {\r\n <button\r\n matTextSuffix\r\n type=\"button\"\r\n mat-icon-button\r\n (click)=\"toggle($event)\"\r\n [disabled]=\"!showTimePicker\"\r\n class=\"action-icon\"\r\n >\r\n <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\r\n </button>\r\n } @else {\r\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\r\n <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\r\n @if (type === 'datetime') {\r\n <ads-icon\r\n class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\r\n name=\"status_processing\"\r\n [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\r\n [stroke]=\"'iconPrimary'\"\r\n />\r\n }\r\n </button>\r\n }\r\n </mat-form-field>\r\n @if (showFooter) {\r\n <div class=\"footer-container\">\r\n @if (canShowError()) {\r\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (canShowSuccess()) {\r\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (hint) {\r\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n }\r\n </div>\r\n }\r\n </div>\r\n @if (tooltip) {\r\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\r\n }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
5160
|
+
args: [{ selector: 'ads-timepicker', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\n <div [ngStyle]=\"{ width: width }\">\n <mat-form-field\n [ngClass]=\"{\n 'immediate-validation': immediateValidation,\n 'no-left-padding': !showExclamation,\n invalid: canShowError(),\n manual: allowManualInput,\n 'success-label': canShowSuccess(),\n 'x-small': smallSize,\n }\"\n [ngStyle]=\"{ width: width }\"\n >\n @if ((label || required) && !smallSize) {\n <mat-label>{{ label }}</mat-label>\n }\n <mat-datetimepicker\n #datetimePicker\n (viewChanged)=\"onViewChanged($event)\"\n (opened)=\"onOpened()\"\n (closed)=\"onClosed()\"\n [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\n [openOnFocus]=\"!allowManualInput\"\n [twelvehour]=\"twelveHour\"\n [timeInterval]=\"5\"\n [mode]=\"'portrait'\"\n />\n <input\n (dateChange)=\"onChanged($event)\"\n dateTimePickerFormat\n [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\n [customDisplayFormat]=\"customDisplayFormatOverride\"\n [ngClass]=\"{ invisible: !valueControl.value }\"\n #input\n matInput\n (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\n (blur)=\"touchControls()\"\n [tabIndex]=\"allowManualInput ? 0 : -1\"\n [min]=\"minDate || null\"\n [readonly]=\"!allowManualInput\"\n [formControl]=\"displayControl\"\n [matDatetimepicker]=\"datetimePicker\"\n autocomplete=\"false\"\n [id]=\"id\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\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 (type === 'time') {\n <button\n matTextSuffix\n type=\"button\"\n mat-icon-button\n (click)=\"toggle($event)\"\n [disabled]=\"!showTimePicker\"\n class=\"action-icon\"\n >\n <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n </button>\n } @else {\n <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\n <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'xs'\" [stroke]=\"'iconPrimary'\" />\n @if (type === 'datetime') {\n <ads-icon\n class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\n name=\"status_processing\"\n [size]=\"smallSize ? 'xxxxs' : 'xxxs'\"\n [stroke]=\"'iconPrimary'\"\n />\n }\n </button>\n }\n </mat-form-field>\n @if (showFooter) {\n <div class=\"footer-container\">\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}:host::ng-deep mat-form-field{--mdc-filled-text-field-container-color: var(--color-white);--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-label-text-color: var(--color-medium);--mdc-filled-text-field-disabled-container-color: var(--color-muted) !important;--mdc-filled-text-field-disabled-input-text-color: var(--color-medium) !important;--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}: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{height:24px}: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.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 .search-icon{color:var(--color-error)!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(--mdc-filled-text-field-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;--mdc-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{--mdc-icon-button-state-layer-size: 18px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .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(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}: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(--mdc-filled-text-field-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 .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}\n", "button .sub-timepicker{position:absolute;top:0;left:5%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
5161
5161
|
}], ctorParameters: () => [], propDecorators: { customDisplayFormat: [{
|
|
5162
5162
|
type: Input
|
|
5163
5163
|
}] } });
|
|
@@ -5262,11 +5262,11 @@ class AdsRadioButtonComponent extends AdsDropdownComponent {
|
|
|
5262
5262
|
}
|
|
5263
5263
|
}
|
|
5264
5264
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsRadioButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
5265
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsRadioButtonComponent, isStandalone: false, selector: "ads-radio-button", inputs: { vertical: "vertical", sortOptions: "sortOptions", useOptionTemplate: "useOptionTemplate" }, queries: [{ propertyName: "optionRef", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\
|
|
5265
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsRadioButtonComponent, isStandalone: false, selector: "ads-radio-button", inputs: { vertical: "vertical", sortOptions: "sortOptions", useOptionTemplate: "useOptionTemplate" }, queries: [{ propertyName: "optionRef", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\" 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 @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 .mdc-label{color:var(--mdc-filled-text-field-error-label-text-color);-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);--mdc-form-field-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);--mdc-radio-state-layer-size: 32px !important;--mdc-radio-selected-icon-color: var(--color-secondary);--mdc-radio-selected-hover-icon-color: var(--color-secondary-hover);--mdc-radio-selected-pressed-icon-color: var(--color-secondary-pressed);--mdc-radio-selected-focus-icon-color: var(--color-secondary-pressed);--mdc-radio-unselected-icon-color: var(--color-secondary);--mdc-radio-unselected-hover-icon-color: var(--color-secondary-hover);--mdc-radio-unselected-pressed-icon-color: var(--color-secondary-pressed);--mdc-radio-unselected-focus-icon-color: var(--color-secondary-pressed);--mdc-radio-disabled-selected-icon-color: var(--color-medium-30);--mdc-radio-disabled-unselected-icon-color: var(--color-medium-30)}.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}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$2.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3$2.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize", "href"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "pipe", type: i1$1.KeyValuePipe, name: "keyvalue" }] }); }
|
|
5266
5266
|
}
|
|
5267
5267
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsRadioButtonComponent, decorators: [{
|
|
5268
5268
|
type: Component,
|
|
5269
|
-
args: [{ selector: 'ads-radio-button', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\
|
|
5269
|
+
args: [{ selector: 'ads-radio-button', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" 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 @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 .mdc-label{color:var(--mdc-filled-text-field-error-label-text-color);-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);--mdc-form-field-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);--mdc-radio-state-layer-size: 32px !important;--mdc-radio-selected-icon-color: var(--color-secondary);--mdc-radio-selected-hover-icon-color: var(--color-secondary-hover);--mdc-radio-selected-pressed-icon-color: var(--color-secondary-pressed);--mdc-radio-selected-focus-icon-color: var(--color-secondary-pressed);--mdc-radio-unselected-icon-color: var(--color-secondary);--mdc-radio-unselected-hover-icon-color: var(--color-secondary-hover);--mdc-radio-unselected-pressed-icon-color: var(--color-secondary-pressed);--mdc-radio-unselected-focus-icon-color: var(--color-secondary-pressed);--mdc-radio-disabled-selected-icon-color: var(--color-medium-30);--mdc-radio-disabled-unselected-icon-color: var(--color-medium-30)}.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}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
5270
5270
|
}], propDecorators: { vertical: [{
|
|
5271
5271
|
type: Input
|
|
5272
5272
|
}], sortOptions: [{
|
|
@@ -5357,11 +5357,11 @@ class AdsSlideToggleComponent extends AbstractBaseComponent {
|
|
|
5357
5357
|
return enabled ? titles[0] : titles[1];
|
|
5358
5358
|
}
|
|
5359
5359
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsSlideToggleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
5360
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsSlideToggleComponent, isStandalone: false, selector: "ads-slide-toggle", inputs: { enableYesOrNo: "enableYesOrNo", control: "control", label: "label", id: "id", width: "width" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ads-toggle\" [class.disabled]=\"valueControl.disabled\" (click)=\"toggle()\" [ngStyle]=\"{ width: width }\">\
|
|
5360
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsSlideToggleComponent, isStandalone: false, selector: "ads-slide-toggle", inputs: { enableYesOrNo: "enableYesOrNo", control: "control", label: "label", id: "id", width: "width" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ads-toggle\" [class.disabled]=\"valueControl.disabled\" (click)=\"toggle()\" [ngStyle]=\"{ width: width }\">\n <div class=\"toggle-container\" [class.checked]=\"valueControl.value\" [class.enable-yes-no]=\"enableYesOrNo\">\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 @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) .toggle-container{background-color:var(--color-medium);border-radius:48px;height:20px;width:40px;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);transform:translate(2px);transition:transform .3s ease,border-color .3s ease}.ads-toggle:not(.disabled) .toggle-container .toggle-track{position:absolute;right:4px;height:100%;display:flex;align-items:center;justify-content:flex-end;font-size:10px;line-height:13px;color:var(--color-white);transition:transform .3s ease}.ads-toggle:not(.disabled) .toggle-container.checked{background-color:var(--color-secondary)}.ads-toggle:not(.disabled) .toggle-container.checked .toggle-handle{transform:translate(21px);border-color:var(--color-secondary)}.ads-toggle:not(.disabled) .toggle-container.checked .toggle-track{transform:translate(-20px)}.ads-toggle:not(.disabled) .toggle-container.checked.enable-yes-no .toggle-track{transform:translate(-16px)}.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:not(.disabled) .toggle-container.enable-yes-no{width:42px}.ads-toggle:not(.disabled) .toggle-container.enable-yes-no .toggle-track{right:6px}.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 .label{cursor:default;color:var(--color-medium-30)}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
|
|
5361
5361
|
}
|
|
5362
5362
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsSlideToggleComponent, decorators: [{
|
|
5363
5363
|
type: Component,
|
|
5364
|
-
args: [{ selector: 'ads-slide-toggle', standalone: false, template: "<div class=\"ads-toggle\" [class.disabled]=\"valueControl.disabled\" (click)=\"toggle()\" [ngStyle]=\"{ width: width }\">\
|
|
5364
|
+
args: [{ selector: 'ads-slide-toggle', standalone: false, template: "<div class=\"ads-toggle\" [class.disabled]=\"valueControl.disabled\" (click)=\"toggle()\" [ngStyle]=\"{ width: width }\">\n <div class=\"toggle-container\" [class.checked]=\"valueControl.value\" [class.enable-yes-no]=\"enableYesOrNo\">\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 @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) .toggle-container{background-color:var(--color-medium);border-radius:48px;height:20px;width:40px;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);transform:translate(2px);transition:transform .3s ease,border-color .3s ease}.ads-toggle:not(.disabled) .toggle-container .toggle-track{position:absolute;right:4px;height:100%;display:flex;align-items:center;justify-content:flex-end;font-size:10px;line-height:13px;color:var(--color-white);transition:transform .3s ease}.ads-toggle:not(.disabled) .toggle-container.checked{background-color:var(--color-secondary)}.ads-toggle:not(.disabled) .toggle-container.checked .toggle-handle{transform:translate(21px);border-color:var(--color-secondary)}.ads-toggle:not(.disabled) .toggle-container.checked .toggle-track{transform:translate(-20px)}.ads-toggle:not(.disabled) .toggle-container.checked.enable-yes-no .toggle-track{transform:translate(-16px)}.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:not(.disabled) .toggle-container.enable-yes-no{width:42px}.ads-toggle:not(.disabled) .toggle-container.enable-yes-no .toggle-track{right:6px}.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 .label{cursor:default;color:var(--color-medium-30)}\n", ".footer-container{min-height:20px}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
5365
5365
|
}], propDecorators: { enableYesOrNo: [{
|
|
5366
5366
|
type: Input
|
|
5367
5367
|
}], control: [{
|
|
@@ -5421,11 +5421,11 @@ class AdsSliderComponent extends AdsCheckboxComponent {
|
|
|
5421
5421
|
this.label = '';
|
|
5422
5422
|
}
|
|
5423
5423
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsSliderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
5424
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsSliderComponent, isStandalone: false, selector: "ads-slider", inputs: { min: "min", max: "max", step: "step", tickInterval: "tickInterval", invert: "invert", thumbLabel: "thumbLabel" }, usesInheritance: true, ngImport: i0, template: "<div>\
|
|
5424
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsSliderComponent, isStandalone: false, selector: "ads-slider", inputs: { min: "min", max: "max", step: "step", tickInterval: "tickInterval", invert: "invert", thumbLabel: "thumbLabel" }, usesInheritance: true, ngImport: i0, template: "<div>\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{--mdc-slider-inactive-track-color: var(--color-light);--mdc-slider-active-track-color: var(--color-secondary);--mdc-slider-active-track-height: 2px;--mdc-slider-inactive-track-height: 2px;--mdc-slider-handle-width: 11px;--mdc-slider-handle-height: 11px;--mdc-slider-handle-color: var(--color-secondary);--mdc-slider-focus-handle-color: var(--color-secondary);--mat-slider-focus-state-layer-color: var(--color-light-opacity-50);--mat-slider-hover-state-layer-color: var(--color-light-opacity-50);--mat-slider-ripple-color: var(--color-light-opacity-50)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3$3.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$3.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "component", type: AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }] }); }
|
|
5425
5425
|
}
|
|
5426
5426
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsSliderComponent, decorators: [{
|
|
5427
5427
|
type: Component,
|
|
5428
|
-
args: [{ selector: 'ads-slider', standalone: false, template: "<div>\
|
|
5428
|
+
args: [{ selector: 'ads-slider', standalone: false, 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{--mdc-slider-inactive-track-color: var(--color-light);--mdc-slider-active-track-color: var(--color-secondary);--mdc-slider-active-track-height: 2px;--mdc-slider-inactive-track-height: 2px;--mdc-slider-handle-width: 11px;--mdc-slider-handle-height: 11px;--mdc-slider-handle-color: var(--color-secondary);--mdc-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"] }]
|
|
5429
5429
|
}], propDecorators: { min: [{
|
|
5430
5430
|
type: Input
|
|
5431
5431
|
}], max: [{
|
|
@@ -5505,11 +5505,11 @@ class AdsSnackbarComponent {
|
|
|
5505
5505
|
}
|
|
5506
5506
|
}
|
|
5507
5507
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsSnackbarComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5508
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsSnackbarComponent, isStandalone: false, selector: "ads-snackbar", host: { listeners: { "click": "onSnackbarClick()" } }, ngImport: i0, template: "<div class=\"container\" (click)=\"onSnackbarClick()\" [id]=\"id\">\
|
|
5508
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsSnackbarComponent, isStandalone: false, selector: "ads-snackbar", host: { listeners: { "click": "onSnackbarClick()" } }, ngImport: i0, template: "<div class=\"container\" (click)=\"onSnackbarClick()\" [id]=\"id\">\n <div class=\"snackbar-container\">\n <span class=\"snackbar-text\" [innerHTML]=\"data.message\" [id]=\"id + '-details'\"></span>\n </div>\n @if (!data.hideActionButton) {\n <ads-button\n [id]=\"id + '-button'\"\n [variant]=\"buttonPanelClass\"\n (click)=\"data.onButtonClick ? data.onButtonClick() : snackBarRef.dismissWithAction(); $event.stopPropagation()\"\n >\n {{ data.buttonCaption ?? defaultButtonCaption }}\n </ads-button>\n }\n</div>\n", styles: [".container{display:flex;justify-content:space-between;align-items:center;gap:24px;width:80vw}.container .snackbar-container{display:flex;align-items:center}.container .snackbar-container .snackbar-text{color:var(--color-white);font-size:16px;font-weight:400;line-height:21px}ads-button{white-space:nowrap}@media (width <= 500px){.container{width:100%}}\n"], dependencies: [{ kind: "component", type: AdsButtonComponent, selector: "ads-button", inputs: ["id", "variant", "disabled", "size", "type"] }] }); }
|
|
5509
5509
|
}
|
|
5510
5510
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsSnackbarComponent, decorators: [{
|
|
5511
5511
|
type: Component,
|
|
5512
|
-
args: [{ selector: 'ads-snackbar', standalone: false, template: "<div class=\"container\" (click)=\"onSnackbarClick()\" [id]=\"id\">\
|
|
5512
|
+
args: [{ selector: 'ads-snackbar', standalone: false, template: "<div class=\"container\" (click)=\"onSnackbarClick()\" [id]=\"id\">\n <div class=\"snackbar-container\">\n <span class=\"snackbar-text\" [innerHTML]=\"data.message\" [id]=\"id + '-details'\"></span>\n </div>\n @if (!data.hideActionButton) {\n <ads-button\n [id]=\"id + '-button'\"\n [variant]=\"buttonPanelClass\"\n (click)=\"data.onButtonClick ? data.onButtonClick() : snackBarRef.dismissWithAction(); $event.stopPropagation()\"\n >\n {{ data.buttonCaption ?? defaultButtonCaption }}\n </ads-button>\n }\n</div>\n", styles: [".container{display:flex;justify-content:space-between;align-items:center;gap:24px;width:80vw}.container .snackbar-container{display:flex;align-items:center}.container .snackbar-container .snackbar-text{color:var(--color-white);font-size:16px;font-weight:400;line-height:21px}ads-button{white-space:nowrap}@media (width <= 500px){.container{width:100%}}\n"] }]
|
|
5513
5513
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { onSnackbarClick: [{
|
|
5514
5514
|
type: HostListener,
|
|
5515
5515
|
args: ['click']
|
|
@@ -5676,11 +5676,11 @@ class AdsModalComponent extends AbstractWindowResizeComponent {
|
|
|
5676
5676
|
this.dialogRef.close(ModalActionType.Delete);
|
|
5677
5677
|
}
|
|
5678
5678
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsModalComponent, deps: [{ token: i1$4.MatDialogRef }, { token: i1.AdsIconRegistry }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5679
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsModalComponent, isStandalone: false, selector: "ads-modal", usesInheritance: true, ngImport: i0, template: "<div mat-dialog-title [id]=\"id + '-title'\">\
|
|
5679
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsModalComponent, isStandalone: false, selector: "ads-modal", usesInheritance: true, ngImport: i0, template: "<div mat-dialog-title [id]=\"id + '-title'\">\n @if (data.headerTemplate) {\n <ng-container *ngTemplateOutlet=\"data.headerTemplate; context: { data: data.templateData }\" />\n }\n\n <span class=\"header-text\">{{ data.title }}</span>\n\n\n @if (!data.hideCrossIcon) {\n <div class=\"cross-icon-container\" [id]=\"id + '-cross-icon'\">\n <ads-icon name=\"cross\" size=\"xxs\" stroke=\"iconPrimary\" (click)=\"onCancel()\" />\n </div>\n }\n</div>\n\n<div mat-dialog-content [id]=\"id + '-content'\" [class.mobile]=\"isMobile()\">\n @if (data.contentTemplate) {\n <ng-container *ngTemplateOutlet=\"data.contentTemplate; context: { data: data.templateData }\" />\n }\n {{ data.content }}\n</div>\n\n<div mat-dialog-actions [class.actions-centered]=\"data.actionsCentered\" [class.mobile]=\"isMobile()\">\n @if (data.actionsTemplate) {\n <ng-container *ngTemplateOutlet=\"data.actionsTemplate; context: { data: data.templateData }\" />\n } @else {\n @if (data.actionHint) {\n <div class=\"action-hint\" [class.mobile]=\"isMobile()\" [id]=\"id + '-action-hint'\">{{ data.actionHint }}</div>\n }\n <div class=\"actions-container\" [class.mobile]=\"isMobile()\">\n @if (data.showDeleteButton) {\n <ads-button\n variant=\"error\"\n (click)=\"onDelete()\"\n [id]=\"id + '-action-delete'\"\n [size]=\"isMobile() ? 'sm' : 'base'\"\n > Delete\n </ads-button>\n }\n @if (!data.hideCancelButton) {\n <ads-button\n variant=\"secondary\"\n (click)=\"onCancel()\"\n [id]=\"id + '-action-secondary'\"\n [size]=\"isMobile() ? 'sm' : 'base'\"\n >\n @if (data.cancelButtonText) {\n {{ data.cancelButtonText }}\n } @else {\n {{ 'Cancel' }}\n }\n </ads-button>\n }\n <ads-button\n [disabled]=\"!!data.disabledConfirmButton\"\n [variant]=\"data.confirmButtonVariant ?? 'primary'\"\n (click)=\"onSubmit()\"\n [id]=\"id + '-action-primary'\"\n [size]=\"isMobile() ? 'sm' : 'base'\"\n >\n @if (data.confirmButtonText) {\n {{ data.confirmButtonText }}\n } @else {\n Save\n }\n </ads-button>\n </div>\n }\n</div>\n", styles: ["::ng-deep .mat-mdc-dialog-surface{--mdc-dialog-container-shape: 10px;--mdc-dialog-container-color: var(--color-white);--mat-dialog-container-min-width: 288px}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-title{display:flex;justify-content:space-between;--mdc-dialog-subhead-color: var(--color-dark);--mdc-dialog-subhead-line-height: 26px;--mdc-dialog-subhead-size: 20px;--mdc-dialog-subhead-weight: 600}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-title:before{content:none}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-title .header-text{padding-right:16px}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-title .cross-icon-container{display:flex;align-items:center;padding-right:16px}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-title .cross-icon-container ads-icon,::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-title .cross-icon-container ads-icon>svg{cursor:pointer;width:16px!important;height:16px!important}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-content.mobile{padding:0 16px 16px!important}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-container .mat-mdc-dialog-title+.mat-mdc-dialog-content{padding-top:8px}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-content{letter-spacing:normal!important;--mdc-dialog-supporting-text-color: var(--color-medium);--mdc-dialog-supporting-text-line-height: 21px;--mdc-dialog-supporting-text-size: 16px;--mdc-dialog-supporting-text-weight: 400}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-actions{border-top:1px solid var(--color-light);gap:16px;justify-content:flex-end}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-actions.actions-centered{justify-content:center}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-actions.mobile{gap:8px;padding:24px 16px!important}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-actions .actions-container{gap:16px;display:flex;justify-content:flex-end}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-actions .actions-container.mobile{gap:8px}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-actions .action-hint{flex:1;display:flex;justify-content:flex-end;color:var(--color-medium);line-height:21px;font-size:16px;text-align:right}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-actions .action-hint.mobile{font-size:14px;line-height:18px}\n"], dependencies: [{ kind: "directive", type: i1$4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: AdsButtonComponent, selector: "ads-button", inputs: ["id", "variant", "disabled", "size", "type"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
5680
5680
|
}
|
|
5681
5681
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsModalComponent, decorators: [{
|
|
5682
5682
|
type: Component,
|
|
5683
|
-
args: [{ selector: 'ads-modal', standalone: false, template: "<div mat-dialog-title [id]=\"id + '-title'\">\
|
|
5683
|
+
args: [{ selector: 'ads-modal', standalone: false, template: "<div mat-dialog-title [id]=\"id + '-title'\">\n @if (data.headerTemplate) {\n <ng-container *ngTemplateOutlet=\"data.headerTemplate; context: { data: data.templateData }\" />\n }\n\n <span class=\"header-text\">{{ data.title }}</span>\n\n\n @if (!data.hideCrossIcon) {\n <div class=\"cross-icon-container\" [id]=\"id + '-cross-icon'\">\n <ads-icon name=\"cross\" size=\"xxs\" stroke=\"iconPrimary\" (click)=\"onCancel()\" />\n </div>\n }\n</div>\n\n<div mat-dialog-content [id]=\"id + '-content'\" [class.mobile]=\"isMobile()\">\n @if (data.contentTemplate) {\n <ng-container *ngTemplateOutlet=\"data.contentTemplate; context: { data: data.templateData }\" />\n }\n {{ data.content }}\n</div>\n\n<div mat-dialog-actions [class.actions-centered]=\"data.actionsCentered\" [class.mobile]=\"isMobile()\">\n @if (data.actionsTemplate) {\n <ng-container *ngTemplateOutlet=\"data.actionsTemplate; context: { data: data.templateData }\" />\n } @else {\n @if (data.actionHint) {\n <div class=\"action-hint\" [class.mobile]=\"isMobile()\" [id]=\"id + '-action-hint'\">{{ data.actionHint }}</div>\n }\n <div class=\"actions-container\" [class.mobile]=\"isMobile()\">\n @if (data.showDeleteButton) {\n <ads-button\n variant=\"error\"\n (click)=\"onDelete()\"\n [id]=\"id + '-action-delete'\"\n [size]=\"isMobile() ? 'sm' : 'base'\"\n > Delete\n </ads-button>\n }\n @if (!data.hideCancelButton) {\n <ads-button\n variant=\"secondary\"\n (click)=\"onCancel()\"\n [id]=\"id + '-action-secondary'\"\n [size]=\"isMobile() ? 'sm' : 'base'\"\n >\n @if (data.cancelButtonText) {\n {{ data.cancelButtonText }}\n } @else {\n {{ 'Cancel' }}\n }\n </ads-button>\n }\n <ads-button\n [disabled]=\"!!data.disabledConfirmButton\"\n [variant]=\"data.confirmButtonVariant ?? 'primary'\"\n (click)=\"onSubmit()\"\n [id]=\"id + '-action-primary'\"\n [size]=\"isMobile() ? 'sm' : 'base'\"\n >\n @if (data.confirmButtonText) {\n {{ data.confirmButtonText }}\n } @else {\n Save\n }\n </ads-button>\n </div>\n }\n</div>\n", styles: ["::ng-deep .mat-mdc-dialog-surface{--mdc-dialog-container-shape: 10px;--mdc-dialog-container-color: var(--color-white);--mat-dialog-container-min-width: 288px}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-title{display:flex;justify-content:space-between;--mdc-dialog-subhead-color: var(--color-dark);--mdc-dialog-subhead-line-height: 26px;--mdc-dialog-subhead-size: 20px;--mdc-dialog-subhead-weight: 600}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-title:before{content:none}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-title .header-text{padding-right:16px}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-title .cross-icon-container{display:flex;align-items:center;padding-right:16px}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-title .cross-icon-container ads-icon,::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-title .cross-icon-container ads-icon>svg{cursor:pointer;width:16px!important;height:16px!important}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-content.mobile{padding:0 16px 16px!important}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-container .mat-mdc-dialog-title+.mat-mdc-dialog-content{padding-top:8px}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-content{letter-spacing:normal!important;--mdc-dialog-supporting-text-color: var(--color-medium);--mdc-dialog-supporting-text-line-height: 21px;--mdc-dialog-supporting-text-size: 16px;--mdc-dialog-supporting-text-weight: 400}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-actions{border-top:1px solid var(--color-light);gap:16px;justify-content:flex-end}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-actions.actions-centered{justify-content:center}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-actions.mobile{gap:8px;padding:24px 16px!important}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-actions .actions-container{gap:16px;display:flex;justify-content:flex-end}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-actions .actions-container.mobile{gap:8px}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-actions .action-hint{flex:1;display:flex;justify-content:flex-end;color:var(--color-medium);line-height:21px;font-size:16px;text-align:right}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-actions .action-hint.mobile{font-size:14px;line-height:18px}\n"] }]
|
|
5684
5684
|
}], ctorParameters: () => [{ type: i1$4.MatDialogRef }, { type: i1.AdsIconRegistry }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: undefined, decorators: [{
|
|
5685
5685
|
type: Inject,
|
|
5686
5686
|
args: [MAT_DIALOG_DATA]
|
|
@@ -5733,11 +5733,11 @@ class AdsChipComponent {
|
|
|
5733
5733
|
}
|
|
5734
5734
|
}
|
|
5735
5735
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsChipComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5736
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsChipComponent, isStandalone: false, selector: "ads-chip", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, showCheckedIcon: { classPropertyName: "showCheckedIcon", publicName: "showCheckedIcon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, deletable: { classPropertyName: "deletable", publicName: "deletable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { deleted: "deleted", selected: "selected" }, ngImport: i0, template: "<div class=\"chip\" [class.disabled]=\"disabled()\" tabindex=\"0\">\
|
|
5736
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsChipComponent, isStandalone: false, selector: "ads-chip", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, showCheckedIcon: { classPropertyName: "showCheckedIcon", publicName: "showCheckedIcon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, deletable: { classPropertyName: "deletable", publicName: "deletable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { deleted: "deleted", selected: "selected" }, ngImport: i0, template: "<div class=\"chip\" [class.disabled]=\"disabled()\" tabindex=\"0\">\n @if (showCheckedIcon()) {\n <ads-icon name=\"check\" />\n }\n <span (click)=\"onSelected()\">{{ title() }}</span>\n @if (deletable()) {\n <ads-icon name=\"cross\" class=\"chip-delete\" (click)=\"onDelete()\" />\n }\n</div>\n", styles: [":host{display:flex}.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}.chip ads-icon{width:10px!important;height:10px!important;stroke:var(--color-medium)}.chip .chip-delete{cursor:pointer}.chip.disabled{background-color:var(--color-light-30);color:var(--color-medium-50)}.chip.disabled .chip-delete{cursor:default}.chip.disabled ads-icon{stroke:var(--color-medium-50)}.chip:not(.disabled):hover{background-color:var(--color-primary-hover);color:var(--color-white)}.chip:not(.disabled):hover ads-icon{stroke:var(--color-white)}.chip:not(.disabled):focus:active{background-color:var(--color-primary-pressed);color:var(--color-white)}.chip:not(.disabled):focus:active ads-icon{stroke:var(--color-white)}\n"], dependencies: [{ kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
|
|
5737
5737
|
}
|
|
5738
5738
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsChipComponent, decorators: [{
|
|
5739
5739
|
type: Component,
|
|
5740
|
-
args: [{ selector: 'ads-chip', standalone: false, template: "<div class=\"chip\" [class.disabled]=\"disabled()\" tabindex=\"0\">\
|
|
5740
|
+
args: [{ selector: 'ads-chip', standalone: false, template: "<div class=\"chip\" [class.disabled]=\"disabled()\" tabindex=\"0\">\n @if (showCheckedIcon()) {\n <ads-icon name=\"check\" />\n }\n <span (click)=\"onSelected()\">{{ title() }}</span>\n @if (deletable()) {\n <ads-icon name=\"cross\" class=\"chip-delete\" (click)=\"onDelete()\" />\n }\n</div>\n", styles: [":host{display:flex}.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}.chip ads-icon{width:10px!important;height:10px!important;stroke:var(--color-medium)}.chip .chip-delete{cursor:pointer}.chip.disabled{background-color:var(--color-light-30);color:var(--color-medium-50)}.chip.disabled .chip-delete{cursor:default}.chip.disabled ads-icon{stroke:var(--color-medium-50)}.chip:not(.disabled):hover{background-color:var(--color-primary-hover);color:var(--color-white)}.chip:not(.disabled):hover ads-icon{stroke:var(--color-white)}.chip:not(.disabled):focus:active{background-color:var(--color-primary-pressed);color:var(--color-white)}.chip:not(.disabled):focus:active ads-icon{stroke:var(--color-white)}\n"] }]
|
|
5741
5741
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }] });
|
|
5742
5742
|
|
|
5743
5743
|
class AdsChipModule {
|
|
@@ -5776,11 +5776,11 @@ class AdsExpansionPanelComponent {
|
|
|
5776
5776
|
this.registry.register([adsIconChevronDown, adsIconChevronUp]);
|
|
5777
5777
|
}
|
|
5778
5778
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsExpansionPanelComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5779
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsExpansionPanelComponent, isStandalone: false, selector: "ads-expansion-panel", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, chevronColor: { classPropertyName: "chevronColor", publicName: "chevronColor", isSignal: true, isRequired: false, transformFunction: null }, headerTemplate: { classPropertyName: "headerTemplate", publicName: "headerTemplate", isSignal: true, isRequired: false, transformFunction: null }, headerTemplateData: { classPropertyName: "headerTemplateData", publicName: "headerTemplateData", isSignal: true, isRequired: false, transformFunction: null }, isExpanded: { classPropertyName: "isExpanded", publicName: "isExpanded", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<mat-expansion-panel [expanded]=\"isExpanded()\" [ngStyle]=\"{ width: width() }\" #panel [disabled]=\"disabled()\">\
|
|
5779
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsExpansionPanelComponent, isStandalone: false, selector: "ads-expansion-panel", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, chevronColor: { classPropertyName: "chevronColor", publicName: "chevronColor", isSignal: true, isRequired: false, transformFunction: null }, headerTemplate: { classPropertyName: "headerTemplate", publicName: "headerTemplate", isSignal: true, isRequired: false, transformFunction: null }, headerTemplateData: { classPropertyName: "headerTemplateData", publicName: "headerTemplateData", isSignal: true, isRequired: false, transformFunction: null }, isExpanded: { classPropertyName: "isExpanded", publicName: "isExpanded", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<mat-expansion-panel [expanded]=\"isExpanded()\" [ngStyle]=\"{ width: width() }\" #panel [disabled]=\"disabled()\">\n <mat-expansion-panel-header>\n <mat-panel-title>\n @if (!!headerTemplate()) {\n <ng-container *ngTemplateOutlet=\"headerTemplate()!; context: { data: headerTemplateData() }\" />\n } @else {\n {{ header() }}\n }\n </mat-panel-title>\n <mat-panel-description>\n @if (panel.expanded) {\n <ads-icon size=\"xs\" name=\"chevron_up\" [theme]=\"chevronColor()\" />\n } @else {\n <ads-icon size=\"xs\" name=\"chevron_down\" [theme]=\"chevronColor()\" />\n }\n </mat-panel-description>\n </mat-expansion-panel-header>\n <ng-content />\n</mat-expansion-panel>\n", styles: [".mat-expansion-panel{--mat-expansion-container-shape: 5px;--mat-expansion-container-background-color: var(--color-white);--mat-expansion-container-text-color: var(--color-medium);--mat-expansion-container-text-size: font-size(text-base);box-shadow:none!important;border:1px solid var(--color-light)}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header{--mat-expansion-header-collapsed-state-height: unset;min-height:24px;height:auto;padding:16px}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header.mat-expanded{padding-bottom:8px}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header mat-panel-title{--mat-expansion-header-text-color: var(--color-dark);font-size:1.25rem;line-height:26px;font-weight:600;flex-basis:auto}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header mat-panel-description{margin:0;justify-content:end;flex-basis:auto}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header .mat-expansion-indicator{display:none}.mat-expansion-panel ::ng-deep .mat-expansion-panel-content .mat-expansion-panel-body{--mat-expansion-container-text-size: font-size(text-base);line-height:21px;padding:0 16px 16px}.mat-expansion-panel .mat-expansion-panel-header[aria-disabled=true]{background-color:var(--color-muted)}.mat-expansion-panel .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title{color:var(--color-medium)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i6$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "directive", type: i6$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: i6$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i6$1.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
5780
5780
|
}
|
|
5781
5781
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsExpansionPanelComponent, decorators: [{
|
|
5782
5782
|
type: Component,
|
|
5783
|
-
args: [{ selector: 'ads-expansion-panel', standalone: false, template: "<mat-expansion-panel [expanded]=\"isExpanded()\" [ngStyle]=\"{ width: width() }\" #panel [disabled]=\"disabled()\">\
|
|
5783
|
+
args: [{ selector: 'ads-expansion-panel', standalone: false, template: "<mat-expansion-panel [expanded]=\"isExpanded()\" [ngStyle]=\"{ width: width() }\" #panel [disabled]=\"disabled()\">\n <mat-expansion-panel-header>\n <mat-panel-title>\n @if (!!headerTemplate()) {\n <ng-container *ngTemplateOutlet=\"headerTemplate()!; context: { data: headerTemplateData() }\" />\n } @else {\n {{ header() }}\n }\n </mat-panel-title>\n <mat-panel-description>\n @if (panel.expanded) {\n <ads-icon size=\"xs\" name=\"chevron_up\" [theme]=\"chevronColor()\" />\n } @else {\n <ads-icon size=\"xs\" name=\"chevron_down\" [theme]=\"chevronColor()\" />\n }\n </mat-panel-description>\n </mat-expansion-panel-header>\n <ng-content />\n</mat-expansion-panel>\n", styles: [".mat-expansion-panel{--mat-expansion-container-shape: 5px;--mat-expansion-container-background-color: var(--color-white);--mat-expansion-container-text-color: var(--color-medium);--mat-expansion-container-text-size: font-size(text-base);box-shadow:none!important;border:1px solid var(--color-light)}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header{--mat-expansion-header-collapsed-state-height: unset;min-height:24px;height:auto;padding:16px}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header.mat-expanded{padding-bottom:8px}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header mat-panel-title{--mat-expansion-header-text-color: var(--color-dark);font-size:1.25rem;line-height:26px;font-weight:600;flex-basis:auto}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header mat-panel-description{margin:0;justify-content:end;flex-basis:auto}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header .mat-expansion-indicator{display:none}.mat-expansion-panel ::ng-deep .mat-expansion-panel-content .mat-expansion-panel-body{--mat-expansion-container-text-size: font-size(text-base);line-height:21px;padding:0 16px 16px}.mat-expansion-panel .mat-expansion-panel-header[aria-disabled=true]{background-color:var(--color-muted)}.mat-expansion-panel .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title{color:var(--color-medium)}\n"] }]
|
|
5784
5784
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }] });
|
|
5785
5785
|
|
|
5786
5786
|
class AdsExpansionPanelModule {
|
|
@@ -5963,11 +5963,11 @@ class AdsTableComponent {
|
|
|
5963
5963
|
this.resizeObserver?.disconnect();
|
|
5964
5964
|
}
|
|
5965
5965
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsTableComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5966
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsTableComponent, isStandalone: false, selector: "ads-table", inputs: { width: "width", height: "height", gridOptions: "gridOptions", rowData: "rowData", columnDefs: "columnDefs", defaultColDef: "defaultColDef", loading: "loading", columnDefsByBreakpoint: "columnDefsByBreakpoint" }, ngImport: i0, template: "<ag-grid-angular\r\n [ngStyle]=\"{ width: width, height: height }\"\r\n [icons]=\"getAgGridIcons()\"\r\n class=\"ag-theme-quartz\"\r\n [gridOptions]=\"gridOptions\"\r\n [rowData]=\"rowData\"\r\n [columnDefs]=\"tableColumnDefs()\"\r\n [defaultColDef]=\"getDefaultColDef()\"\r\n (gridReady)=\"gridReady($event)\"\r\n (firstDataRendered)=\"firstDataRendered($event)\"\r\n [theme]=\"themeQuartz\"\r\n [loading]=\"loading\"\r\n/>\r\n", styles: [":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}:host::ng-deep ag-grid-angular .ag-header-cell-text{font-weight:600;line-height:21px}: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-light-30)}: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{stroke:var(--color-medium)}: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}\n"], dependencies: [{ kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$3.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "enableStrictPivotColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressMoveWhenColumnDragging", "suppressDragLeaveHidesColumns", "suppressGroupChangesColumnVisibility", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "components", "editType", "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", "suppressAdvancedFilterEval", "suppressSetFilterByDefault", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "dragAndDropImageComponent", "dragAndDropImageComponentParams", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressTouch", "suppressFocusAfterRefresh", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "loading", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "cellFlashDuration", "cellFadeDuration", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableCellSpan", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "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", "pinnedTopRowData", "pinnedBottomRowData", "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", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "cellSelectionDeleteStart", "cellSelectionDeleteEnd", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "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", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "headerFocused", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "cellSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged"] }] }); }
|
|
5966
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsTableComponent, isStandalone: false, selector: "ads-table", inputs: { width: "width", height: "height", gridOptions: "gridOptions", rowData: "rowData", columnDefs: "columnDefs", defaultColDef: "defaultColDef", loading: "loading", columnDefsByBreakpoint: "columnDefsByBreakpoint" }, ngImport: i0, template: "<ag-grid-angular\n [ngStyle]=\"{ width: width, height: height }\"\n [icons]=\"getAgGridIcons()\"\n class=\"ag-theme-quartz\"\n [gridOptions]=\"gridOptions\"\n [rowData]=\"rowData\"\n [columnDefs]=\"tableColumnDefs()\"\n [defaultColDef]=\"getDefaultColDef()\"\n (gridReady)=\"gridReady($event)\"\n (firstDataRendered)=\"firstDataRendered($event)\"\n [theme]=\"themeQuartz\"\n [loading]=\"loading\"\n/>\n", styles: [":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}:host::ng-deep ag-grid-angular .ag-header-cell-text{font-weight:600;line-height:21px}: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-light-30)}: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{stroke:var(--color-medium)}: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}\n"], dependencies: [{ kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$3.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "enableStrictPivotColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressMoveWhenColumnDragging", "suppressDragLeaveHidesColumns", "suppressGroupChangesColumnVisibility", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "components", "editType", "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", "suppressAdvancedFilterEval", "suppressSetFilterByDefault", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "dragAndDropImageComponent", "dragAndDropImageComponentParams", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressTouch", "suppressFocusAfterRefresh", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "loading", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "cellFlashDuration", "cellFadeDuration", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableCellSpan", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "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", "pinnedTopRowData", "pinnedBottomRowData", "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", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "cellSelectionDeleteStart", "cellSelectionDeleteEnd", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "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", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "headerFocused", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "cellSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged"] }] }); }
|
|
5967
5967
|
}
|
|
5968
5968
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsTableComponent, decorators: [{
|
|
5969
5969
|
type: Component,
|
|
5970
|
-
args: [{ selector: 'ads-table', standalone: false, template: "<ag-grid-angular\
|
|
5970
|
+
args: [{ selector: 'ads-table', standalone: false, template: "<ag-grid-angular\n [ngStyle]=\"{ width: width, height: height }\"\n [icons]=\"getAgGridIcons()\"\n class=\"ag-theme-quartz\"\n [gridOptions]=\"gridOptions\"\n [rowData]=\"rowData\"\n [columnDefs]=\"tableColumnDefs()\"\n [defaultColDef]=\"getDefaultColDef()\"\n (gridReady)=\"gridReady($event)\"\n (firstDataRendered)=\"firstDataRendered($event)\"\n [theme]=\"themeQuartz\"\n [loading]=\"loading\"\n/>\n", styles: [":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}:host::ng-deep ag-grid-angular .ag-header-cell-text{font-weight:600;line-height:21px}: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-light-30)}: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{stroke:var(--color-medium)}: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}\n"] }]
|
|
5971
5971
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { width: [{
|
|
5972
5972
|
type: Input
|
|
5973
5973
|
}], height: [{
|
|
@@ -6023,11 +6023,11 @@ class AdsNavMenuComponent {
|
|
|
6023
6023
|
this.router.navigate([this.userProfilePath()]);
|
|
6024
6024
|
}
|
|
6025
6025
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNavMenuComponent, deps: [{ token: i1.AdsIconRegistry }, { token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6026
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsNavMenuComponent, isStandalone: false, selector: "ads-nav-menu", inputs: { navMenuItems: { classPropertyName: "navMenuItems", publicName: "navMenuItems", isSignal: true, isRequired: true, transformFunction: null }, iconUrl: { classPropertyName: "iconUrl", publicName: "iconUrl", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, userProfilePath: { classPropertyName: "userProfilePath", publicName: "userProfilePath", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"ads-avatar-container\">\
|
|
6026
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsNavMenuComponent, isStandalone: false, selector: "ads-nav-menu", inputs: { navMenuItems: { classPropertyName: "navMenuItems", publicName: "navMenuItems", isSignal: true, isRequired: true, transformFunction: null }, iconUrl: { classPropertyName: "iconUrl", publicName: "iconUrl", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, userProfilePath: { classPropertyName: "userProfilePath", publicName: "userProfilePath", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"ads-avatar-container\">\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,::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)}::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}.ads-menu-item-container{display:flex;padding:12px;gap:12px}.ads-avatar-container{padding:10px 12px;border:1px solid var(--color-light);border-radius:5px;display:flex;gap:15px;align-items:center;cursor:default}.ads-avatar-container span{color:var(--color-dark);font-weight:400;line-height:21px;width:226px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:16px;margin-left:8px}.ads-avatar-container span.navigate{cursor:pointer}.ads-avatar-container img{width:26px;height:26px;border-radius:50px;background-color:var(--color-medium)}.ads-avatar-container ads-icon{width:26px!important;height:26px!important}.ads-avatar-container .more-info-icon{cursor:pointer}.ads-avatar-container .more-info-icon ::ng-deep svg{width:24px!important;height:24px!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i4$3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i4$3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4$3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
|
|
6027
6027
|
}
|
|
6028
6028
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNavMenuComponent, decorators: [{
|
|
6029
6029
|
type: Component,
|
|
6030
|
-
args: [{ selector: 'ads-nav-menu', standalone: false, template: "<div class=\"ads-avatar-container\">\
|
|
6030
|
+
args: [{ selector: 'ads-nav-menu', standalone: false, 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,::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)}::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}.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"] }]
|
|
6031
6031
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }, { type: i1$2.Router }] });
|
|
6032
6032
|
|
|
6033
6033
|
class AdsNavMenuModule {
|
|
@@ -6151,11 +6151,11 @@ class AdsSideNavBarComponent extends AbstractSideNavBarComponent {
|
|
|
6151
6151
|
this.registry.register([adsIconSearch]);
|
|
6152
6152
|
}
|
|
6153
6153
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsSideNavBarComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6154
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsSideNavBarComponent, isStandalone: false, selector: "ads-side-nav-bar", inputs: { searchTemplate: { classPropertyName: "searchTemplate", publicName: "searchTemplate", isSignal: true, isRequired: false, transformFunction: null }, extraDataTemplate: { classPropertyName: "extraDataTemplate", publicName: "extraDataTemplate", isSignal: true, isRequired: false, transformFunction: null }, navItems: { classPropertyName: "navItems", publicName: "navItems", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "splitter", first: true, predicate: ["splitter"], descendants: true }, { propertyName: "sideNavArea", first: true, predicate: ["sideNavArea"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<as-split\
|
|
6154
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsSideNavBarComponent, isStandalone: false, selector: "ads-side-nav-bar", inputs: { searchTemplate: { classPropertyName: "searchTemplate", publicName: "searchTemplate", isSignal: true, isRequired: false, transformFunction: null }, extraDataTemplate: { classPropertyName: "extraDataTemplate", publicName: "extraDataTemplate", isSignal: true, isRequired: false, transformFunction: null }, navItems: { classPropertyName: "navItems", publicName: "navItems", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "splitter", first: true, predicate: ["splitter"], descendants: true }, { propertyName: "sideNavArea", first: true, predicate: ["sideNavArea"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, 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]=\"600\" #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-container\">\n @for (item of navItems(); track $index) {\n <a\n [routerLink]=\"item.href\"\n routerLinkActive=\"active-nav-link\"\n [routerLinkActiveOptions]=\"{ exact: true }\"\n class=\"ads-nav-link\"\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\n <span class=\"hide-on-collapsed\">{{ item.label }}</span>\n </div>\n </a>\n }\n </div>\n <div class=\"bottom-container\" (click)=\"!!searchTemplate() && isCollapsed() ? expandSidebar() : null\">\n @if (!!searchTemplate()) {\n <ads-icon name=\"search\" size=\"sm\" theme=\"iconPrimary\" class=\"show-on-collapsed\" />\n <div class=\"hide-on-collapsed\">\n <ng-container *ngTemplateOutlet=\"searchTemplate()!\" />\n </div>\n }\n\n @if (!!extraDataTemplate()) {\n <div class=\"hide-on-collapsed\">\n <ng-container *ngTemplateOutlet=\"extraDataTemplate()!\" />\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-container{display:flex;flex-direction:column;border-bottom:1px solid var(--color-light)}.nav-items-container .ads-nav-item-container{display:flex;padding:14px 12px;gap:12px;background-color:var(--color-white);align-items:center;overflow:hidden;white-space:nowrap}.nav-items-container .ads-nav-item-container span{font-weight:400;line-height:20px;color:var(--color-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-decoration:unset;display:inline-block}.nav-items-container .ads-nav-item-container ads-icon{flex-shrink:0}.nav-items-container .ads-nav-item-container:hover span,.nav-items-container .ads-nav-item-container:focus span,.nav-items-container .ads-nav-item-container:active span{color:var(--color-white)}.nav-items-container .ads-nav-item-container:hover ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:focus ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:active ads-icon ::ng-deep svg{stroke:var(--color-white);fill:var(--color-white)!important}.nav-items-container .ads-nav-item-container:hover{background-color:var(--color-secondary-hover)!important}.nav-items-container .ads-nav-item-container:active{background-color:var(--color-secondary-pressed)!important}.nav-items-container .ads-nav-item-container:focus{background-color:var(--color-secondary)!important}as-split-area{background-color:var(--color-white)}.logo-container{padding:16px 12px;border-bottom:1px solid var(--color-light);height:auto}.ads-nav-link.active-nav-link .ads-nav-item-container{background-color:var(--color-secondary)!important}.ads-nav-link.active-nav-link .ads-nav-item-container span{color:var(--color-white)!important}.ads-nav-link.active-nav-link .ads-nav-item-container ads-icon ::ng-deep svg{stroke:var(--color-white)!important;fill:var(--color-white)!important}.ads-nav-link{text-decoration:none}.left-side-content-container{container-type:inline-size;display:flex;flex-direction:column;height:100vh}::ng-deep as-split .as-split-gutter{background-color:var(--color-light-30)}::ng-deep as-split .as-split-gutter:hover,::ng-deep as-split .as-split-gutter:focus{outline:none}::ng-deep as-split .as-split-gutter:hover .as-split-gutter-icon,::ng-deep as-split .as-split-gutter:focus .as-split-gutter-icon{background-color:var(--color-light-80)}::ng-deep as-split .as-split-gutter:active{background-color:var(--color-light)}::ng-deep as-split .as-split-gutter-icon{width:8px;background-color:var(--color-light-30);background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"6\" height=\"11\" viewBox=\"0 0 6 11\" fill=\"none\"><path d=\"M4.7142 2.92855C5.42428 2.92855 5.99991 2.35291 5.99991 1.64283C5.99991 0.932751 5.42428 0.357117 4.7142 0.357117C4.00412 0.357117 3.42848 0.932751 3.42848 1.64283C3.42848 2.35291 4.00412 2.92855 4.7142 2.92855Z\" fill=\"%23041F41\"/><path d=\"M4.7142 6.78566C5.42428 6.78566 5.99991 6.21003 5.99991 5.49995C5.99991 4.78987 5.42428 4.21423 4.7142 4.21423C4.00412 4.21423 3.42848 4.78987 3.42848 5.49995C3.42848 6.21003 4.00412 6.78566 4.7142 6.78566Z\" fill=\"%23041F41\"/><path d=\"M4.7142 10.6428C5.42428 10.6428 5.99991 10.0672 5.99991 9.35713C5.99991 8.64704 5.42428 8.07141 4.7142 8.07141C4.00412 8.07141 3.42848 8.64704 3.42848 9.35713C3.42848 10.0672 4.00412 10.6428 4.7142 10.6428Z\" fill=\"%23041F41\"/><path d=\"M1.28571 2.92855C1.99579 2.92855 2.57143 2.35291 2.57143 1.64283C2.57143 0.932751 1.99579 0.357117 1.28571 0.357117C0.575634 0.357117 0 0.932751 0 1.64283C0 2.35291 0.575634 2.92855 1.28571 2.92855Z\" fill=\"%23041F41\"/><path d=\"M1.28571 6.78566C1.99579 6.78566 2.57143 6.21003 2.57143 5.49995C2.57143 4.78987 1.99579 4.21423 1.28571 4.21423C0.575634 4.21423 0 4.78987 0 5.49995C0 6.21003 0.575634 6.78566 1.28571 6.78566Z\" fill=\"%23041F41\"/><path d=\"M1.28571 10.6428C1.99579 10.6428 2.57143 10.0672 2.57143 9.35713C2.57143 8.64704 1.99579 8.07141 1.28571 8.07141C0.575634 8.07141 0 8.64704 0 9.35713C0 10.0672 0.575634 10.6428 1.28571 10.6428Z\" fill=\"%23041F41\"/></svg>')!important}.bottom-container{padding:16px 12px;flex-grow:1;display:flex;flex-direction:column}@container (max-width: 70px){.bottom-container{flex-grow:unset}.bottom-container:hover{background-color:var(--color-secondary-hover)}.bottom-container:hover ads-icon ::ng-deep svg{stroke:var(--color-white)}.bottom-container:active{background-color:var(--color-secondary-pressed)}.hide-on-collapsed{display:none}.show-on-collapsed{display:contents}}@container (min-width: 71px){.hide-on-collapsed{display:contents}.show-on-collapsed{display:none}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AdsPrimaryLogoComponent, selector: "ads-primary-logo" }, { kind: "component", type: i4$4.SplitComponent, selector: "as-split", inputs: ["gutterSize", "gutterStep", "disabled", "gutterClickDeltaPx", "direction", "dir", "unit", "gutterAriaLabel", "restrictMove", "useTransition", "gutterDblClickDuration"], outputs: ["gutterClick", "gutterDblClick", "dragStart", "dragEnd", "transitionEnd"], exportAs: ["asSplit"] }, { kind: "component", type: i4$4.SplitAreaComponent, selector: "as-split-area", inputs: ["size", "minSize", "maxSize", "lockSize", "visible"], exportAs: ["asSplitArea"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
|
|
6155
6155
|
}
|
|
6156
6156
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsSideNavBarComponent, decorators: [{
|
|
6157
6157
|
type: Component,
|
|
6158
|
-
args: [{ selector: 'ads-side-nav-bar', standalone: false, template: "<as-split\
|
|
6158
|
+
args: [{ selector: 'ads-side-nav-bar', standalone: false, 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]=\"600\" #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-container\">\n @for (item of navItems(); track $index) {\n <a\n [routerLink]=\"item.href\"\n routerLinkActive=\"active-nav-link\"\n [routerLinkActiveOptions]=\"{ exact: true }\"\n class=\"ads-nav-link\"\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\n <span class=\"hide-on-collapsed\">{{ item.label }}</span>\n </div>\n </a>\n }\n </div>\n <div class=\"bottom-container\" (click)=\"!!searchTemplate() && isCollapsed() ? expandSidebar() : null\">\n @if (!!searchTemplate()) {\n <ads-icon name=\"search\" size=\"sm\" theme=\"iconPrimary\" class=\"show-on-collapsed\" />\n <div class=\"hide-on-collapsed\">\n <ng-container *ngTemplateOutlet=\"searchTemplate()!\" />\n </div>\n }\n\n @if (!!extraDataTemplate()) {\n <div class=\"hide-on-collapsed\">\n <ng-container *ngTemplateOutlet=\"extraDataTemplate()!\" />\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-container{display:flex;flex-direction:column;border-bottom:1px solid var(--color-light)}.nav-items-container .ads-nav-item-container{display:flex;padding:14px 12px;gap:12px;background-color:var(--color-white);align-items:center;overflow:hidden;white-space:nowrap}.nav-items-container .ads-nav-item-container span{font-weight:400;line-height:20px;color:var(--color-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-decoration:unset;display:inline-block}.nav-items-container .ads-nav-item-container ads-icon{flex-shrink:0}.nav-items-container .ads-nav-item-container:hover span,.nav-items-container .ads-nav-item-container:focus span,.nav-items-container .ads-nav-item-container:active span{color:var(--color-white)}.nav-items-container .ads-nav-item-container:hover ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:focus ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:active ads-icon ::ng-deep svg{stroke:var(--color-white);fill:var(--color-white)!important}.nav-items-container .ads-nav-item-container:hover{background-color:var(--color-secondary-hover)!important}.nav-items-container .ads-nav-item-container:active{background-color:var(--color-secondary-pressed)!important}.nav-items-container .ads-nav-item-container:focus{background-color:var(--color-secondary)!important}as-split-area{background-color:var(--color-white)}.logo-container{padding:16px 12px;border-bottom:1px solid var(--color-light);height:auto}.ads-nav-link.active-nav-link .ads-nav-item-container{background-color:var(--color-secondary)!important}.ads-nav-link.active-nav-link .ads-nav-item-container span{color:var(--color-white)!important}.ads-nav-link.active-nav-link .ads-nav-item-container ads-icon ::ng-deep svg{stroke:var(--color-white)!important;fill:var(--color-white)!important}.ads-nav-link{text-decoration:none}.left-side-content-container{container-type:inline-size;display:flex;flex-direction:column;height:100vh}::ng-deep as-split .as-split-gutter{background-color:var(--color-light-30)}::ng-deep as-split .as-split-gutter:hover,::ng-deep as-split .as-split-gutter:focus{outline:none}::ng-deep as-split .as-split-gutter:hover .as-split-gutter-icon,::ng-deep as-split .as-split-gutter:focus .as-split-gutter-icon{background-color:var(--color-light-80)}::ng-deep as-split .as-split-gutter:active{background-color:var(--color-light)}::ng-deep as-split .as-split-gutter-icon{width:8px;background-color:var(--color-light-30);background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"6\" height=\"11\" viewBox=\"0 0 6 11\" fill=\"none\"><path d=\"M4.7142 2.92855C5.42428 2.92855 5.99991 2.35291 5.99991 1.64283C5.99991 0.932751 5.42428 0.357117 4.7142 0.357117C4.00412 0.357117 3.42848 0.932751 3.42848 1.64283C3.42848 2.35291 4.00412 2.92855 4.7142 2.92855Z\" fill=\"%23041F41\"/><path d=\"M4.7142 6.78566C5.42428 6.78566 5.99991 6.21003 5.99991 5.49995C5.99991 4.78987 5.42428 4.21423 4.7142 4.21423C4.00412 4.21423 3.42848 4.78987 3.42848 5.49995C3.42848 6.21003 4.00412 6.78566 4.7142 6.78566Z\" fill=\"%23041F41\"/><path d=\"M4.7142 10.6428C5.42428 10.6428 5.99991 10.0672 5.99991 9.35713C5.99991 8.64704 5.42428 8.07141 4.7142 8.07141C4.00412 8.07141 3.42848 8.64704 3.42848 9.35713C3.42848 10.0672 4.00412 10.6428 4.7142 10.6428Z\" fill=\"%23041F41\"/><path d=\"M1.28571 2.92855C1.99579 2.92855 2.57143 2.35291 2.57143 1.64283C2.57143 0.932751 1.99579 0.357117 1.28571 0.357117C0.575634 0.357117 0 0.932751 0 1.64283C0 2.35291 0.575634 2.92855 1.28571 2.92855Z\" fill=\"%23041F41\"/><path d=\"M1.28571 6.78566C1.99579 6.78566 2.57143 6.21003 2.57143 5.49995C2.57143 4.78987 1.99579 4.21423 1.28571 4.21423C0.575634 4.21423 0 4.78987 0 5.49995C0 6.21003 0.575634 6.78566 1.28571 6.78566Z\" fill=\"%23041F41\"/><path d=\"M1.28571 10.6428C1.99579 10.6428 2.57143 10.0672 2.57143 9.35713C2.57143 8.64704 1.99579 8.07141 1.28571 8.07141C0.575634 8.07141 0 8.64704 0 9.35713C0 10.0672 0.575634 10.6428 1.28571 10.6428Z\" fill=\"%23041F41\"/></svg>')!important}.bottom-container{padding:16px 12px;flex-grow:1;display:flex;flex-direction:column}@container (max-width: 70px){.bottom-container{flex-grow:unset}.bottom-container:hover{background-color:var(--color-secondary-hover)}.bottom-container:hover ads-icon ::ng-deep svg{stroke:var(--color-white)}.bottom-container:active{background-color:var(--color-secondary-pressed)}.hide-on-collapsed{display:none}.show-on-collapsed{display:contents}}@container (min-width: 71px){.hide-on-collapsed{display:contents}.show-on-collapsed{display:none}}\n"] }]
|
|
6159
6159
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { splitter: [{
|
|
6160
6160
|
type: ViewChild,
|
|
6161
6161
|
args: ['splitter']
|
|
@@ -6260,11 +6260,11 @@ class AdsScmsSideNavBarComponent extends AbstractSideNavBarComponent {
|
|
|
6260
6260
|
}
|
|
6261
6261
|
}
|
|
6262
6262
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsScmsSideNavBarComponent, deps: [{ token: i1$2.Router }, { token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6263
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsScmsSideNavBarComponent, isStandalone: false, selector: "ads-scms-side-nav-bar", inputs: { navItems: { classPropertyName: "navItems", publicName: "navItems", isSignal: true, isRequired: false, transformFunction: null }, breadcrumbs: { classPropertyName: "breadcrumbs", publicName: "breadcrumbs", isSignal: true, isRequired: false, transformFunction: null }, showBreadcrumbs: { classPropertyName: "showBreadcrumbs", publicName: "showBreadcrumbs", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "checkScreenWidth($event)" } }, viewQueries: [{ propertyName: "accordion", first: true, predicate: MatAccordion, descendants: true, isSignal: true }, { propertyName: "splitter", first: true, predicate: ["splitter"], descendants: true }, { propertyName: "sideNavArea", first: true, predicate: ["sideNavArea"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "@if (!isTablet()) {\r\n <as-split\r\n #splitter\r\n [useTransition]=\"true\"\r\n unit=\"pixel\"\r\n [gutterSize]=\"10\"\r\n (gutterDblClick)=\"expandSidebar()\"\r\n [gutterDblClickDuration]=\"500\"\r\n (dragEnd)=\"dragEnd($event)\"\r\n >\r\n <as-split-area [size]=\"sidebarSize()\" [minSize]=\"50\" [maxSize]=\"600\" #sideNavArea>\r\n <div class=\"navigation-menu-content-container regular-menu-content-container\">\r\n <div class=\"logo-container\">\r\n <a [routerLink]=\"'/'\">\r\n <ads-ascent-logo size=\"small\" [mobileWidth]=\"70\" [isCollapsed]=\"isCollapsed()\" />\r\n </a>\r\n </div>\r\n\r\n <ng-container *ngTemplateOutlet=\"matAccordion\" />\r\n </div>\r\n </as-split-area>\r\n\r\n <as-split-area class=\"split-area-content\">\r\n @if (showBreadcrumbs()) {\r\n <div class=\"breadcrumbs-container\">\r\n <ads-breadcrumb [breadcrumbs]=\"breadcrumbs()\" />\r\n </div>\r\n }\r\n <ng-container *ngTemplateOutlet=\"router\" />\r\n </as-split-area>\r\n </as-split>\r\n} @else {\r\n <mat-toolbar [hidden]=\"!isTablet()\" class=\"ads-toolbar\">\r\n <button mat-icon-button #menuTrigger=\"matMenuTrigger\" [matMenuTriggerFor]=\"menu\">\r\n <ads-icon [name]=\"menuTrigger.menuOpen ? 'cross' : 'hamburger_menu'\" theme=\"secondary\" stroke=\"secondary\" size=\"sm\" />\r\n </button>\r\n </mat-toolbar>\r\n\r\n <mat-menu #menu=\"matMenu\">\r\n <div class=\"navigation-menu-content-container\">\r\n <div class=\"burger-logo-container\">\r\n <a [routerLink]=\"'/'\">\r\n <ads-ascent-logo size=\"small\" [isCollapsed]=\"false\" [mobileWidth]=\"70\" />\r\n </a>\r\n </div>\r\n\r\n <ng-container *ngTemplateOutlet=\"matAccordion\" />\r\n </div>\r\n </mat-menu>\r\n <div class=\"mobile-wrapper\">\r\n @if (showBreadcrumbs()) {\r\n <div class=\"breadcrumbs-container\" [class.is-mobile]=\"isMobile()\" >\r\n <ads-breadcrumb [breadcrumbs]=\"breadcrumbs()\" />\r\n </div>\r\n }\r\n <ng-container *ngTemplateOutlet=\"router\" />\r\n </div>\r\n\r\n}\r\n\r\n<ng-template #router>\r\n <ng-content></ng-content>\r\n</ng-template>\r\n\r\n\r\n<ng-template #matAccordion>\r\n <mat-accordion class=\"nav-items-container\">\r\n @for (item of navItems(); track $index) {\r\n @if (item.subItems?.length) {\r\n <mat-expansion-panel\r\n #panel\r\n [ngClass]=\"{\r\n 'active-expansion-panel': hasActiveLink(item),\r\n 'panel-expanded': panel.expanded,\r\n }\"\r\n >\r\n <mat-expansion-panel-header\r\n (click)=\"panel.expanded && isCollapsed() && expandSidebar(); $event.stopPropagation()\"\r\n (keydown.enter)=\"panel.expanded && isCollapsed() && expandSidebar()\"\r\n >\r\n <mat-panel-title>\r\n <ng-container *ngTemplateOutlet=\"itemTitle; context: { data: item }\" />\r\n </mat-panel-title>\r\n <mat-panel-description>\r\n @if (panel.expanded) {\r\n <ads-icon size=\"xs\" name=\"chevron_up\" theme=\"iconPrimary\" />\r\n } @else {\r\n <ads-icon size=\"xs\" name=\"chevron_down\" theme=\"iconPrimary\" />\r\n }\r\n </mat-panel-description>\r\n </mat-expansion-panel-header>\r\n @for (subItem of item.subItems; track $index) {\r\n <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: subItem, class: '' }\" />\r\n }\r\n </mat-expansion-panel>\r\n } @else {\r\n <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: item, class: 'main-item' }\" />\r\n }\r\n @if (item?.showDividerAfterItem) {\r\n <ads-divider />\r\n }\r\n }\r\n </mat-accordion>\r\n</ng-template>\r\n\r\n<ng-template #navItem let-item=\"navItem\" let-className=\"class\">\r\n <a\r\n [routerLink]=\"item.href\"\r\n class=\"ads-nav-link\"\r\n [ngClass]=\"{\r\n className,\r\n 'active-nav-link': hasActiveSubLink(item),\r\n }\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"itemTitle; context: { data: item }\" />\r\n </a>\r\n</ng-template>\r\n\r\n<ng-template #itemTitle let-item=\"data\">\r\n <div class=\"ads-nav-item-container\" [matTooltip]=\"item.label\" [matTooltipDisabled]=\"!isCollapsed() || isTablet()\">\r\n @if (!!item.icon) {\r\n <ads-icon [name]=\"item.icon!\" size=\"sm\" theme=\"iconPrimary\" stroke=\"iconPrimary\" />\r\n }\r\n @if (!isCollapsed() || isTablet()) {\r\n <span>{{ item.label }}</span>\r\n }\r\n </div>\r\n</ng-template>\r\n", styles: [".mat-expansion-panel{--mat-expansion-container-shape: 5px;--mat-expansion-container-background-color: var(--color-white);--mat-expansion-container-text-color: var(--color-medium);--mat-expansion-container-text-size: font-size(text-base);box-shadow:none!important;border:1px solid var(--color-light)}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header{--mat-expansion-header-collapsed-state-height: unset;min-height:24px;height:auto;padding:16px}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header.mat-expanded{padding-bottom:8px}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header mat-panel-title{--mat-expansion-header-text-color: var(--color-dark);font-size:1.25rem;line-height:26px;font-weight:600;flex-basis:auto}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header mat-panel-description{margin:0;justify-content:end;flex-basis:auto}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header .mat-expansion-indicator{display:none}.mat-expansion-panel ::ng-deep .mat-expansion-panel-content .mat-expansion-panel-body{--mat-expansion-container-text-size: font-size(text-base);line-height:21px;padding:0 16px 16px}.mat-expansion-panel .mat-expansion-panel-header[aria-disabled=true]{background-color:var(--color-muted)}.mat-expansion-panel .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title{color:var(--color-medium)}\n", ".nav-items-container{display:flex;flex-direction:column;border-bottom:1px solid var(--color-light)}.nav-items-container .ads-nav-item-container{display:flex;padding:14px 12px;gap:12px;background-color:var(--color-white);align-items:center;overflow:hidden;white-space:nowrap}.nav-items-container .ads-nav-item-container span{font-weight:400;line-height:20px;color:var(--color-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-decoration:unset;display:inline-block}.nav-items-container .ads-nav-item-container ads-icon{flex-shrink:0}.nav-items-container .ads-nav-item-container:hover span,.nav-items-container .ads-nav-item-container:focus span,.nav-items-container .ads-nav-item-container:active span{color:var(--color-white)}.nav-items-container .ads-nav-item-container:hover ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:focus ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:active ads-icon ::ng-deep svg{stroke:var(--color-white);fill:var(--color-white)!important}.nav-items-container .ads-nav-item-container:hover{background-color:var(--color-secondary-hover)!important}.nav-items-container .ads-nav-item-container:active{background-color:var(--color-secondary-pressed)!important}.nav-items-container .ads-nav-item-container:focus{background-color:var(--color-secondary)!important}as-split-area{background-color:var(--color-white)}.logo-container{padding:16px 12px;border-bottom:1px solid var(--color-light);height:auto}.ads-nav-link.active-nav-link .ads-nav-item-container{background-color:var(--color-secondary)!important}.ads-nav-link.active-nav-link .ads-nav-item-container span{color:var(--color-white)!important}.ads-nav-link.active-nav-link .ads-nav-item-container ads-icon ::ng-deep svg{stroke:var(--color-white)!important;fill:var(--color-white)!important}.ads-nav-link{text-decoration:none}.left-side-content-container{container-type:inline-size;display:flex;flex-direction:column;height:100vh}::ng-deep as-split .as-split-gutter{background-color:var(--color-light-30)}::ng-deep as-split .as-split-gutter:hover,::ng-deep as-split .as-split-gutter:focus{outline:none}::ng-deep as-split .as-split-gutter:hover .as-split-gutter-icon,::ng-deep as-split .as-split-gutter:focus .as-split-gutter-icon{background-color:var(--color-light-80)}::ng-deep as-split .as-split-gutter:active{background-color:var(--color-light)}::ng-deep as-split .as-split-gutter-icon{width:8px;background-color:var(--color-light-30);background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"6\" height=\"11\" viewBox=\"0 0 6 11\" fill=\"none\"><path d=\"M4.7142 2.92855C5.42428 2.92855 5.99991 2.35291 5.99991 1.64283C5.99991 0.932751 5.42428 0.357117 4.7142 0.357117C4.00412 0.357117 3.42848 0.932751 3.42848 1.64283C3.42848 2.35291 4.00412 2.92855 4.7142 2.92855Z\" fill=\"%23041F41\"/><path d=\"M4.7142 6.78566C5.42428 6.78566 5.99991 6.21003 5.99991 5.49995C5.99991 4.78987 5.42428 4.21423 4.7142 4.21423C4.00412 4.21423 3.42848 4.78987 3.42848 5.49995C3.42848 6.21003 4.00412 6.78566 4.7142 6.78566Z\" fill=\"%23041F41\"/><path d=\"M4.7142 10.6428C5.42428 10.6428 5.99991 10.0672 5.99991 9.35713C5.99991 8.64704 5.42428 8.07141 4.7142 8.07141C4.00412 8.07141 3.42848 8.64704 3.42848 9.35713C3.42848 10.0672 4.00412 10.6428 4.7142 10.6428Z\" fill=\"%23041F41\"/><path d=\"M1.28571 2.92855C1.99579 2.92855 2.57143 2.35291 2.57143 1.64283C2.57143 0.932751 1.99579 0.357117 1.28571 0.357117C0.575634 0.357117 0 0.932751 0 1.64283C0 2.35291 0.575634 2.92855 1.28571 2.92855Z\" fill=\"%23041F41\"/><path d=\"M1.28571 6.78566C1.99579 6.78566 2.57143 6.21003 2.57143 5.49995C2.57143 4.78987 1.99579 4.21423 1.28571 4.21423C0.575634 4.21423 0 4.78987 0 5.49995C0 6.21003 0.575634 6.78566 1.28571 6.78566Z\" fill=\"%23041F41\"/><path d=\"M1.28571 10.6428C1.99579 10.6428 2.57143 10.0672 2.57143 9.35713C2.57143 8.64704 1.99579 8.07141 1.28571 8.07141C0.575634 8.07141 0 8.64704 0 9.35713C0 10.0672 0.575634 10.6428 1.28571 10.6428Z\" fill=\"%23041F41\"/></svg>')!important}.bottom-container{padding:16px 12px;flex-grow:1;display:flex;flex-direction:column}@container (max-width: 70px){.bottom-container{flex-grow:unset}.bottom-container:hover{background-color:var(--color-secondary-hover)}.bottom-container:hover ads-icon ::ng-deep svg{stroke:var(--color-white)}.bottom-container:active{background-color:var(--color-secondary-pressed)}.hide-on-collapsed{display:none}.show-on-collapsed{display:contents}}@container (min-width: 71px){.hide-on-collapsed{display:contents}.show-on-collapsed{display:none}}\n", ".nav-items-container{border-bottom:none}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header{background-color:var(--color-secondary)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container{background-color:var(--color-secondary)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container span{color:var(--color-white)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container ads-icon ::ng-deep svg{stroke:var(--color-white)!important;fill:var(--color-white)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header mat-panel-description ads-icon{fill:var(--color-white)!important}::ng-deep .navigation-menu-content-container .panel-expanded mat-expansion-panel-header,::ng-deep .navigation-menu-content-container .panel-expanded .ads-nav-item-container{background-color:var(--color-secondary-10)!important}::ng-deep .navigation-menu-content-container .panel-expanded mat-panel-title .ads-nav-item-container{background-color:transparent!important}::ng-deep .navigation-menu-content-container .panel-expanded mat-panel-title .ads-nav-item-container span{font-weight:600!important}::ng-deep .navigation-menu-content-container mat-expansion-panel{border:none!important;border-radius:unset!important;margin:unset!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-body{padding:0!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-body a .ads-nav-item-container{padding-left:48px!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header{padding:6px 12px 6px 0!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-description ads-icon{width:16px!important;height:auto!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-width:50px}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-title .ads-nav-item-container span{font-size:1rem}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus{background-color:var(--color-secondary-hover)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container{background-color:var(--color-secondary-hover)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container ads-icon ::ng-deep svg,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container span,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container span{color:var(--color-white)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover mat-panel-description ads-icon,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus mat-panel-description ads-icon{fill:var(--color-white)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:active{background-color:var(--color-secondary-pressed)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:active .ads-nav-item-container{background-color:var(--color-secondary-pressed)!important}::ng-deep .navigation-menu-content-container .main-item .ads-nav-item-container{padding:20px 12px!important}::ng-deep .navigation-menu-content-container .main-item .ads-nav-item-container .hide-on-collapsed{font-size:1rem}::ng-deep .navigation-menu-content-container .ads-nav-link:focus{background-color:var(--color-secondary-hover)!important;outline:none}::ng-deep .navigation-menu-content-container .ads-nav-link:focus .ads-nav-item-container{background-color:var(--color-secondary-hover)!important}::ng-deep .navigation-menu-content-container .ads-nav-link:focus .ads-nav-item-container ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}::ng-deep .navigation-menu-content-container .ads-nav-link:focus .ads-nav-item-container span{color:var(--color-white)!important}::ng-deep .navigation-menu-content-container .logo-container{padding-left:8px;padding-right:7px}.breadcrumbs-container{padding:72px 48px 48px}.split-area-content{container-type:inline-size}@container (max-width: 768px){.breadcrumbs-container{padding:72px 32px 48px}}:host::ng-deep{--mat-toolbar-mobile-height: 64px;--mat-toolbar-container-background-color: transparent}:host::ng-deep mat-toolbar{border-bottom:1px solid var(--color-light)}:host::ng-deep .mdc-icon-button{display:flex}:host::ng-deep .mdc-icon-button:hover{background-color:var(--color-light-30)}:host::ng-deep .mdc-icon-button:hover ads-icon ::ng-deep svg{fill:var(--color-secondary-hover)!important;stroke:var(--color-secondary-hover)!important}:host::ng-deep .mdc-icon-button:focus,:host::ng-deep .mdc-icon-button:active{background-color:var(--color-light-30)}:host::ng-deep .mdc-icon-button:focus ads-icon ::ng-deep svg,:host::ng-deep .mdc-icon-button:active ads-icon ::ng-deep svg{fill:var(--color-secondary-pressed)!important;stroke:var(--color-secondary-pressed)!important}::ng-deep .mat-mdc-menu-content{padding:0!important}::ng-deep .mat-mdc-menu-panel{margin-top:3px!important;margin-left:10px}.regular-menu-content-container{height:100vh}.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)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4$4.SplitComponent, selector: "as-split", inputs: ["gutterSize", "gutterStep", "disabled", "gutterClickDeltaPx", "direction", "dir", "unit", "gutterAriaLabel", "restrictMove", "useTransition", "gutterDblClickDuration"], outputs: ["gutterClick", "gutterDblClick", "dragStart", "dragEnd", "transitionEnd"], exportAs: ["asSplit"] }, { kind: "component", type: i4$4.SplitAreaComponent, selector: "as-split-area", inputs: ["size", "minSize", "maxSize", "lockSize", "visible"], exportAs: ["asSplitArea"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: DividerComponent, selector: "ads-divider", inputs: ["margin", "color"] }, { kind: "directive", type: i6$1.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i6$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "directive", type: i6$1.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i6$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i6$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: AdsAscentLogoComponent, selector: "ads-ascent-logo", inputs: ["invertTheme", "size"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: AdsBreadcrumbComponent, selector: "ads-breadcrumb", inputs: ["breadcrumbs"] }, { kind: "component", type: i4$3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i11$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i4$3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }] }); }
|
|
6263
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsScmsSideNavBarComponent, isStandalone: false, selector: "ads-scms-side-nav-bar", inputs: { navItems: { classPropertyName: "navItems", publicName: "navItems", isSignal: true, isRequired: false, transformFunction: null }, breadcrumbs: { classPropertyName: "breadcrumbs", publicName: "breadcrumbs", isSignal: true, isRequired: false, transformFunction: null }, showBreadcrumbs: { classPropertyName: "showBreadcrumbs", publicName: "showBreadcrumbs", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "checkScreenWidth($event)" } }, viewQueries: [{ propertyName: "accordion", first: true, predicate: MatAccordion, descendants: true, isSignal: true }, { propertyName: "splitter", first: true, predicate: ["splitter"], descendants: true }, { propertyName: "sideNavArea", first: true, predicate: ["sideNavArea"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "@if (!isTablet()) {\n <as-split\n #splitter\n [useTransition]=\"true\"\n unit=\"pixel\"\n [gutterSize]=\"10\"\n (gutterDblClick)=\"expandSidebar()\"\n [gutterDblClickDuration]=\"500\"\n (dragEnd)=\"dragEnd($event)\"\n >\n <as-split-area [size]=\"sidebarSize()\" [minSize]=\"50\" [maxSize]=\"600\" #sideNavArea>\n <div class=\"navigation-menu-content-container 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 <ng-container *ngTemplateOutlet=\"matAccordion\" />\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 <mat-accordion class=\"nav-items-container\">\n @for (item of navItems(); track $index) {\n @if (item.subItems?.length) {\n <mat-expansion-panel\n #panel\n [ngClass]=\"{\n 'active-expansion-panel': hasActiveLink(item),\n 'panel-expanded': panel.expanded,\n }\"\n >\n <mat-expansion-panel-header\n (click)=\"panel.expanded && isCollapsed() && expandSidebar(); $event.stopPropagation()\"\n (keydown.enter)=\"panel.expanded && isCollapsed() && expandSidebar()\"\n >\n <mat-panel-title>\n <ng-container *ngTemplateOutlet=\"itemTitle; context: { data: item }\" />\n </mat-panel-title>\n <mat-panel-description>\n @if (panel.expanded) {\n <ads-icon size=\"xs\" name=\"chevron_up\" theme=\"iconPrimary\" />\n } @else {\n <ads-icon size=\"xs\" name=\"chevron_down\" theme=\"iconPrimary\" />\n }\n </mat-panel-description>\n </mat-expansion-panel-header>\n @for (subItem of item.subItems; track $index) {\n <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: subItem, class: '' }\" />\n }\n </mat-expansion-panel>\n } @else {\n <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: item, class: 'main-item' }\" />\n }\n @if (item?.showDividerAfterItem) {\n <ads-divider />\n }\n }\n </mat-accordion>\n</ng-template>\n\n<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-background-color: var(--color-white);--mat-expansion-container-text-color: var(--color-medium);--mat-expansion-container-text-size: font-size(text-base);box-shadow:none!important;border:1px solid var(--color-light)}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header{--mat-expansion-header-collapsed-state-height: unset;min-height:24px;height:auto;padding:16px}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header.mat-expanded{padding-bottom:8px}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header mat-panel-title{--mat-expansion-header-text-color: var(--color-dark);font-size:1.25rem;line-height:26px;font-weight:600;flex-basis:auto}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header mat-panel-description{margin:0;justify-content:end;flex-basis:auto}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header .mat-expansion-indicator{display:none}.mat-expansion-panel ::ng-deep .mat-expansion-panel-content .mat-expansion-panel-body{--mat-expansion-container-text-size: font-size(text-base);line-height:21px;padding:0 16px 16px}.mat-expansion-panel .mat-expansion-panel-header[aria-disabled=true]{background-color:var(--color-muted)}.mat-expansion-panel .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title{color:var(--color-medium)}\n", ".nav-items-container{display:flex;flex-direction:column;border-bottom:1px solid var(--color-light)}.nav-items-container .ads-nav-item-container{display:flex;padding:14px 12px;gap:12px;background-color:var(--color-white);align-items:center;overflow:hidden;white-space:nowrap}.nav-items-container .ads-nav-item-container span{font-weight:400;line-height:20px;color:var(--color-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-decoration:unset;display:inline-block}.nav-items-container .ads-nav-item-container ads-icon{flex-shrink:0}.nav-items-container .ads-nav-item-container:hover span,.nav-items-container .ads-nav-item-container:focus span,.nav-items-container .ads-nav-item-container:active span{color:var(--color-white)}.nav-items-container .ads-nav-item-container:hover ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:focus ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:active ads-icon ::ng-deep svg{stroke:var(--color-white);fill:var(--color-white)!important}.nav-items-container .ads-nav-item-container:hover{background-color:var(--color-secondary-hover)!important}.nav-items-container .ads-nav-item-container:active{background-color:var(--color-secondary-pressed)!important}.nav-items-container .ads-nav-item-container:focus{background-color:var(--color-secondary)!important}as-split-area{background-color:var(--color-white)}.logo-container{padding:16px 12px;border-bottom:1px solid var(--color-light);height:auto}.ads-nav-link.active-nav-link .ads-nav-item-container{background-color:var(--color-secondary)!important}.ads-nav-link.active-nav-link .ads-nav-item-container span{color:var(--color-white)!important}.ads-nav-link.active-nav-link .ads-nav-item-container ads-icon ::ng-deep svg{stroke:var(--color-white)!important;fill:var(--color-white)!important}.ads-nav-link{text-decoration:none}.left-side-content-container{container-type:inline-size;display:flex;flex-direction:column;height:100vh}::ng-deep as-split .as-split-gutter{background-color:var(--color-light-30)}::ng-deep as-split .as-split-gutter:hover,::ng-deep as-split .as-split-gutter:focus{outline:none}::ng-deep as-split .as-split-gutter:hover .as-split-gutter-icon,::ng-deep as-split .as-split-gutter:focus .as-split-gutter-icon{background-color:var(--color-light-80)}::ng-deep as-split .as-split-gutter:active{background-color:var(--color-light)}::ng-deep as-split .as-split-gutter-icon{width:8px;background-color:var(--color-light-30);background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"6\" height=\"11\" viewBox=\"0 0 6 11\" fill=\"none\"><path d=\"M4.7142 2.92855C5.42428 2.92855 5.99991 2.35291 5.99991 1.64283C5.99991 0.932751 5.42428 0.357117 4.7142 0.357117C4.00412 0.357117 3.42848 0.932751 3.42848 1.64283C3.42848 2.35291 4.00412 2.92855 4.7142 2.92855Z\" fill=\"%23041F41\"/><path d=\"M4.7142 6.78566C5.42428 6.78566 5.99991 6.21003 5.99991 5.49995C5.99991 4.78987 5.42428 4.21423 4.7142 4.21423C4.00412 4.21423 3.42848 4.78987 3.42848 5.49995C3.42848 6.21003 4.00412 6.78566 4.7142 6.78566Z\" fill=\"%23041F41\"/><path d=\"M4.7142 10.6428C5.42428 10.6428 5.99991 10.0672 5.99991 9.35713C5.99991 8.64704 5.42428 8.07141 4.7142 8.07141C4.00412 8.07141 3.42848 8.64704 3.42848 9.35713C3.42848 10.0672 4.00412 10.6428 4.7142 10.6428Z\" fill=\"%23041F41\"/><path d=\"M1.28571 2.92855C1.99579 2.92855 2.57143 2.35291 2.57143 1.64283C2.57143 0.932751 1.99579 0.357117 1.28571 0.357117C0.575634 0.357117 0 0.932751 0 1.64283C0 2.35291 0.575634 2.92855 1.28571 2.92855Z\" fill=\"%23041F41\"/><path d=\"M1.28571 6.78566C1.99579 6.78566 2.57143 6.21003 2.57143 5.49995C2.57143 4.78987 1.99579 4.21423 1.28571 4.21423C0.575634 4.21423 0 4.78987 0 5.49995C0 6.21003 0.575634 6.78566 1.28571 6.78566Z\" fill=\"%23041F41\"/><path d=\"M1.28571 10.6428C1.99579 10.6428 2.57143 10.0672 2.57143 9.35713C2.57143 8.64704 1.99579 8.07141 1.28571 8.07141C0.575634 8.07141 0 8.64704 0 9.35713C0 10.0672 0.575634 10.6428 1.28571 10.6428Z\" fill=\"%23041F41\"/></svg>')!important}.bottom-container{padding:16px 12px;flex-grow:1;display:flex;flex-direction:column}@container (max-width: 70px){.bottom-container{flex-grow:unset}.bottom-container:hover{background-color:var(--color-secondary-hover)}.bottom-container:hover ads-icon ::ng-deep svg{stroke:var(--color-white)}.bottom-container:active{background-color:var(--color-secondary-pressed)}.hide-on-collapsed{display:none}.show-on-collapsed{display:contents}}@container (min-width: 71px){.hide-on-collapsed{display:contents}.show-on-collapsed{display:none}}\n", ".nav-items-container{border-bottom:none}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header{background-color:var(--color-secondary)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container{background-color:var(--color-secondary)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container span{color:var(--color-white)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container ads-icon ::ng-deep svg{stroke:var(--color-white)!important;fill:var(--color-white)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header mat-panel-description ads-icon{fill:var(--color-white)!important}::ng-deep .navigation-menu-content-container .panel-expanded mat-expansion-panel-header,::ng-deep .navigation-menu-content-container .panel-expanded .ads-nav-item-container{background-color:var(--color-secondary-10)!important}::ng-deep .navigation-menu-content-container .panel-expanded mat-panel-title .ads-nav-item-container{background-color:transparent!important}::ng-deep .navigation-menu-content-container .panel-expanded mat-panel-title .ads-nav-item-container span{font-weight:600!important}::ng-deep .navigation-menu-content-container mat-expansion-panel{border:none!important;border-radius:unset!important;margin:unset!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-body{padding:0!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-body a .ads-nav-item-container{padding-left:48px!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header{padding:6px 12px 6px 0!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-description ads-icon{width:16px!important;height:auto!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-width:50px}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-title .ads-nav-item-container span{font-size:1rem}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus{background-color:var(--color-secondary-hover)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container{background-color:var(--color-secondary-hover)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container ads-icon ::ng-deep svg,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container span,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container span{color:var(--color-white)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover mat-panel-description ads-icon,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus mat-panel-description ads-icon{fill:var(--color-white)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:active{background-color:var(--color-secondary-pressed)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:active .ads-nav-item-container{background-color:var(--color-secondary-pressed)!important}::ng-deep .navigation-menu-content-container .main-item .ads-nav-item-container{padding:20px 12px!important}::ng-deep .navigation-menu-content-container .main-item .ads-nav-item-container .hide-on-collapsed{font-size:1rem}::ng-deep .navigation-menu-content-container .ads-nav-link:focus{background-color:var(--color-secondary-hover)!important;outline:none}::ng-deep .navigation-menu-content-container .ads-nav-link:focus .ads-nav-item-container{background-color:var(--color-secondary-hover)!important}::ng-deep .navigation-menu-content-container .ads-nav-link:focus .ads-nav-item-container ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}::ng-deep .navigation-menu-content-container .ads-nav-link:focus .ads-nav-item-container span{color:var(--color-white)!important}::ng-deep .navigation-menu-content-container .logo-container{padding-left:8px;padding-right:7px}.breadcrumbs-container{padding:72px 48px 48px}.split-area-content{container-type:inline-size}@container (max-width: 768px){.breadcrumbs-container{padding:72px 32px 48px}}:host::ng-deep{--mat-toolbar-mobile-height: 64px;--mat-toolbar-container-background-color: transparent}:host::ng-deep mat-toolbar{border-bottom:1px solid var(--color-light)}:host::ng-deep .mdc-icon-button{display:flex}:host::ng-deep .mdc-icon-button:hover{background-color:var(--color-light-30)}:host::ng-deep .mdc-icon-button:hover ads-icon ::ng-deep svg{fill:var(--color-secondary-hover)!important;stroke:var(--color-secondary-hover)!important}:host::ng-deep .mdc-icon-button:focus,:host::ng-deep .mdc-icon-button:active{background-color:var(--color-light-30)}:host::ng-deep .mdc-icon-button:focus ads-icon ::ng-deep svg,:host::ng-deep .mdc-icon-button:active ads-icon ::ng-deep svg{fill:var(--color-secondary-pressed)!important;stroke:var(--color-secondary-pressed)!important}::ng-deep .mat-mdc-menu-content{padding:0!important}::ng-deep .mat-mdc-menu-panel{margin-top:3px!important;margin-left:10px}.regular-menu-content-container{height:100vh}.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)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4$4.SplitComponent, selector: "as-split", inputs: ["gutterSize", "gutterStep", "disabled", "gutterClickDeltaPx", "direction", "dir", "unit", "gutterAriaLabel", "restrictMove", "useTransition", "gutterDblClickDuration"], outputs: ["gutterClick", "gutterDblClick", "dragStart", "dragEnd", "transitionEnd"], exportAs: ["asSplit"] }, { kind: "component", type: i4$4.SplitAreaComponent, selector: "as-split-area", inputs: ["size", "minSize", "maxSize", "lockSize", "visible"], exportAs: ["asSplitArea"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: DividerComponent, selector: "ads-divider", inputs: ["margin", "color"] }, { kind: "directive", type: i6$1.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i6$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "directive", type: i6$1.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i6$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i6$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: AdsAscentLogoComponent, selector: "ads-ascent-logo", inputs: ["invertTheme", "size"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: AdsBreadcrumbComponent, selector: "ads-breadcrumb", inputs: ["breadcrumbs"] }, { kind: "component", type: i4$3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i11$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i4$3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }] }); }
|
|
6264
6264
|
}
|
|
6265
6265
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsScmsSideNavBarComponent, decorators: [{
|
|
6266
6266
|
type: Component,
|
|
6267
|
-
args: [{ selector: 'ads-scms-side-nav-bar', standalone: false, template: "@if (!isTablet()) {\r\n <as-split\r\n #splitter\r\n [useTransition]=\"true\"\r\n unit=\"pixel\"\r\n [gutterSize]=\"10\"\r\n (gutterDblClick)=\"expandSidebar()\"\r\n [gutterDblClickDuration]=\"500\"\r\n (dragEnd)=\"dragEnd($event)\"\r\n >\r\n <as-split-area [size]=\"sidebarSize()\" [minSize]=\"50\" [maxSize]=\"600\" #sideNavArea>\r\n <div class=\"navigation-menu-content-container regular-menu-content-container\">\r\n <div class=\"logo-container\">\r\n <a [routerLink]=\"'/'\">\r\n <ads-ascent-logo size=\"small\" [mobileWidth]=\"70\" [isCollapsed]=\"isCollapsed()\" />\r\n </a>\r\n </div>\r\n\r\n <ng-container *ngTemplateOutlet=\"matAccordion\" />\r\n </div>\r\n </as-split-area>\r\n\r\n <as-split-area class=\"split-area-content\">\r\n @if (showBreadcrumbs()) {\r\n <div class=\"breadcrumbs-container\">\r\n <ads-breadcrumb [breadcrumbs]=\"breadcrumbs()\" />\r\n </div>\r\n }\r\n <ng-container *ngTemplateOutlet=\"router\" />\r\n </as-split-area>\r\n </as-split>\r\n} @else {\r\n <mat-toolbar [hidden]=\"!isTablet()\" class=\"ads-toolbar\">\r\n <button mat-icon-button #menuTrigger=\"matMenuTrigger\" [matMenuTriggerFor]=\"menu\">\r\n <ads-icon [name]=\"menuTrigger.menuOpen ? 'cross' : 'hamburger_menu'\" theme=\"secondary\" stroke=\"secondary\" size=\"sm\" />\r\n </button>\r\n </mat-toolbar>\r\n\r\n <mat-menu #menu=\"matMenu\">\r\n <div class=\"navigation-menu-content-container\">\r\n <div class=\"burger-logo-container\">\r\n <a [routerLink]=\"'/'\">\r\n <ads-ascent-logo size=\"small\" [isCollapsed]=\"false\" [mobileWidth]=\"70\" />\r\n </a>\r\n </div>\r\n\r\n <ng-container *ngTemplateOutlet=\"matAccordion\" />\r\n </div>\r\n </mat-menu>\r\n <div class=\"mobile-wrapper\">\r\n @if (showBreadcrumbs()) {\r\n <div class=\"breadcrumbs-container\" [class.is-mobile]=\"isMobile()\" >\r\n <ads-breadcrumb [breadcrumbs]=\"breadcrumbs()\" />\r\n </div>\r\n }\r\n <ng-container *ngTemplateOutlet=\"router\" />\r\n </div>\r\n\r\n}\r\n\r\n<ng-template #router>\r\n <ng-content></ng-content>\r\n</ng-template>\r\n\r\n\r\n<ng-template #matAccordion>\r\n <mat-accordion class=\"nav-items-container\">\r\n @for (item of navItems(); track $index) {\r\n @if (item.subItems?.length) {\r\n <mat-expansion-panel\r\n #panel\r\n [ngClass]=\"{\r\n 'active-expansion-panel': hasActiveLink(item),\r\n 'panel-expanded': panel.expanded,\r\n }\"\r\n >\r\n <mat-expansion-panel-header\r\n (click)=\"panel.expanded && isCollapsed() && expandSidebar(); $event.stopPropagation()\"\r\n (keydown.enter)=\"panel.expanded && isCollapsed() && expandSidebar()\"\r\n >\r\n <mat-panel-title>\r\n <ng-container *ngTemplateOutlet=\"itemTitle; context: { data: item }\" />\r\n </mat-panel-title>\r\n <mat-panel-description>\r\n @if (panel.expanded) {\r\n <ads-icon size=\"xs\" name=\"chevron_up\" theme=\"iconPrimary\" />\r\n } @else {\r\n <ads-icon size=\"xs\" name=\"chevron_down\" theme=\"iconPrimary\" />\r\n }\r\n </mat-panel-description>\r\n </mat-expansion-panel-header>\r\n @for (subItem of item.subItems; track $index) {\r\n <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: subItem, class: '' }\" />\r\n }\r\n </mat-expansion-panel>\r\n } @else {\r\n <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: item, class: 'main-item' }\" />\r\n }\r\n @if (item?.showDividerAfterItem) {\r\n <ads-divider />\r\n }\r\n }\r\n </mat-accordion>\r\n</ng-template>\r\n\r\n<ng-template #navItem let-item=\"navItem\" let-className=\"class\">\r\n <a\r\n [routerLink]=\"item.href\"\r\n class=\"ads-nav-link\"\r\n [ngClass]=\"{\r\n className,\r\n 'active-nav-link': hasActiveSubLink(item),\r\n }\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"itemTitle; context: { data: item }\" />\r\n </a>\r\n</ng-template>\r\n\r\n<ng-template #itemTitle let-item=\"data\">\r\n <div class=\"ads-nav-item-container\" [matTooltip]=\"item.label\" [matTooltipDisabled]=\"!isCollapsed() || isTablet()\">\r\n @if (!!item.icon) {\r\n <ads-icon [name]=\"item.icon!\" size=\"sm\" theme=\"iconPrimary\" stroke=\"iconPrimary\" />\r\n }\r\n @if (!isCollapsed() || isTablet()) {\r\n <span>{{ item.label }}</span>\r\n }\r\n </div>\r\n</ng-template>\r\n", styles: [".mat-expansion-panel{--mat-expansion-container-shape: 5px;--mat-expansion-container-background-color: var(--color-white);--mat-expansion-container-text-color: var(--color-medium);--mat-expansion-container-text-size: font-size(text-base);box-shadow:none!important;border:1px solid var(--color-light)}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header{--mat-expansion-header-collapsed-state-height: unset;min-height:24px;height:auto;padding:16px}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header.mat-expanded{padding-bottom:8px}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header mat-panel-title{--mat-expansion-header-text-color: var(--color-dark);font-size:1.25rem;line-height:26px;font-weight:600;flex-basis:auto}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header mat-panel-description{margin:0;justify-content:end;flex-basis:auto}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header .mat-expansion-indicator{display:none}.mat-expansion-panel ::ng-deep .mat-expansion-panel-content .mat-expansion-panel-body{--mat-expansion-container-text-size: font-size(text-base);line-height:21px;padding:0 16px 16px}.mat-expansion-panel .mat-expansion-panel-header[aria-disabled=true]{background-color:var(--color-muted)}.mat-expansion-panel .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title{color:var(--color-medium)}\n", ".nav-items-container{display:flex;flex-direction:column;border-bottom:1px solid var(--color-light)}.nav-items-container .ads-nav-item-container{display:flex;padding:14px 12px;gap:12px;background-color:var(--color-white);align-items:center;overflow:hidden;white-space:nowrap}.nav-items-container .ads-nav-item-container span{font-weight:400;line-height:20px;color:var(--color-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-decoration:unset;display:inline-block}.nav-items-container .ads-nav-item-container ads-icon{flex-shrink:0}.nav-items-container .ads-nav-item-container:hover span,.nav-items-container .ads-nav-item-container:focus span,.nav-items-container .ads-nav-item-container:active span{color:var(--color-white)}.nav-items-container .ads-nav-item-container:hover ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:focus ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:active ads-icon ::ng-deep svg{stroke:var(--color-white);fill:var(--color-white)!important}.nav-items-container .ads-nav-item-container:hover{background-color:var(--color-secondary-hover)!important}.nav-items-container .ads-nav-item-container:active{background-color:var(--color-secondary-pressed)!important}.nav-items-container .ads-nav-item-container:focus{background-color:var(--color-secondary)!important}as-split-area{background-color:var(--color-white)}.logo-container{padding:16px 12px;border-bottom:1px solid var(--color-light);height:auto}.ads-nav-link.active-nav-link .ads-nav-item-container{background-color:var(--color-secondary)!important}.ads-nav-link.active-nav-link .ads-nav-item-container span{color:var(--color-white)!important}.ads-nav-link.active-nav-link .ads-nav-item-container ads-icon ::ng-deep svg{stroke:var(--color-white)!important;fill:var(--color-white)!important}.ads-nav-link{text-decoration:none}.left-side-content-container{container-type:inline-size;display:flex;flex-direction:column;height:100vh}::ng-deep as-split .as-split-gutter{background-color:var(--color-light-30)}::ng-deep as-split .as-split-gutter:hover,::ng-deep as-split .as-split-gutter:focus{outline:none}::ng-deep as-split .as-split-gutter:hover .as-split-gutter-icon,::ng-deep as-split .as-split-gutter:focus .as-split-gutter-icon{background-color:var(--color-light-80)}::ng-deep as-split .as-split-gutter:active{background-color:var(--color-light)}::ng-deep as-split .as-split-gutter-icon{width:8px;background-color:var(--color-light-30);background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"6\" height=\"11\" viewBox=\"0 0 6 11\" fill=\"none\"><path d=\"M4.7142 2.92855C5.42428 2.92855 5.99991 2.35291 5.99991 1.64283C5.99991 0.932751 5.42428 0.357117 4.7142 0.357117C4.00412 0.357117 3.42848 0.932751 3.42848 1.64283C3.42848 2.35291 4.00412 2.92855 4.7142 2.92855Z\" fill=\"%23041F41\"/><path d=\"M4.7142 6.78566C5.42428 6.78566 5.99991 6.21003 5.99991 5.49995C5.99991 4.78987 5.42428 4.21423 4.7142 4.21423C4.00412 4.21423 3.42848 4.78987 3.42848 5.49995C3.42848 6.21003 4.00412 6.78566 4.7142 6.78566Z\" fill=\"%23041F41\"/><path d=\"M4.7142 10.6428C5.42428 10.6428 5.99991 10.0672 5.99991 9.35713C5.99991 8.64704 5.42428 8.07141 4.7142 8.07141C4.00412 8.07141 3.42848 8.64704 3.42848 9.35713C3.42848 10.0672 4.00412 10.6428 4.7142 10.6428Z\" fill=\"%23041F41\"/><path d=\"M1.28571 2.92855C1.99579 2.92855 2.57143 2.35291 2.57143 1.64283C2.57143 0.932751 1.99579 0.357117 1.28571 0.357117C0.575634 0.357117 0 0.932751 0 1.64283C0 2.35291 0.575634 2.92855 1.28571 2.92855Z\" fill=\"%23041F41\"/><path d=\"M1.28571 6.78566C1.99579 6.78566 2.57143 6.21003 2.57143 5.49995C2.57143 4.78987 1.99579 4.21423 1.28571 4.21423C0.575634 4.21423 0 4.78987 0 5.49995C0 6.21003 0.575634 6.78566 1.28571 6.78566Z\" fill=\"%23041F41\"/><path d=\"M1.28571 10.6428C1.99579 10.6428 2.57143 10.0672 2.57143 9.35713C2.57143 8.64704 1.99579 8.07141 1.28571 8.07141C0.575634 8.07141 0 8.64704 0 9.35713C0 10.0672 0.575634 10.6428 1.28571 10.6428Z\" fill=\"%23041F41\"/></svg>')!important}.bottom-container{padding:16px 12px;flex-grow:1;display:flex;flex-direction:column}@container (max-width: 70px){.bottom-container{flex-grow:unset}.bottom-container:hover{background-color:var(--color-secondary-hover)}.bottom-container:hover ads-icon ::ng-deep svg{stroke:var(--color-white)}.bottom-container:active{background-color:var(--color-secondary-pressed)}.hide-on-collapsed{display:none}.show-on-collapsed{display:contents}}@container (min-width: 71px){.hide-on-collapsed{display:contents}.show-on-collapsed{display:none}}\n", ".nav-items-container{border-bottom:none}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header{background-color:var(--color-secondary)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container{background-color:var(--color-secondary)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container span{color:var(--color-white)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container ads-icon ::ng-deep svg{stroke:var(--color-white)!important;fill:var(--color-white)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header mat-panel-description ads-icon{fill:var(--color-white)!important}::ng-deep .navigation-menu-content-container .panel-expanded mat-expansion-panel-header,::ng-deep .navigation-menu-content-container .panel-expanded .ads-nav-item-container{background-color:var(--color-secondary-10)!important}::ng-deep .navigation-menu-content-container .panel-expanded mat-panel-title .ads-nav-item-container{background-color:transparent!important}::ng-deep .navigation-menu-content-container .panel-expanded mat-panel-title .ads-nav-item-container span{font-weight:600!important}::ng-deep .navigation-menu-content-container mat-expansion-panel{border:none!important;border-radius:unset!important;margin:unset!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-body{padding:0!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-body a .ads-nav-item-container{padding-left:48px!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header{padding:6px 12px 6px 0!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-description ads-icon{width:16px!important;height:auto!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-width:50px}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-title .ads-nav-item-container span{font-size:1rem}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus{background-color:var(--color-secondary-hover)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container{background-color:var(--color-secondary-hover)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container ads-icon ::ng-deep svg,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container span,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container span{color:var(--color-white)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover mat-panel-description ads-icon,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus mat-panel-description ads-icon{fill:var(--color-white)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:active{background-color:var(--color-secondary-pressed)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:active .ads-nav-item-container{background-color:var(--color-secondary-pressed)!important}::ng-deep .navigation-menu-content-container .main-item .ads-nav-item-container{padding:20px 12px!important}::ng-deep .navigation-menu-content-container .main-item .ads-nav-item-container .hide-on-collapsed{font-size:1rem}::ng-deep .navigation-menu-content-container .ads-nav-link:focus{background-color:var(--color-secondary-hover)!important;outline:none}::ng-deep .navigation-menu-content-container .ads-nav-link:focus .ads-nav-item-container{background-color:var(--color-secondary-hover)!important}::ng-deep .navigation-menu-content-container .ads-nav-link:focus .ads-nav-item-container ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}::ng-deep .navigation-menu-content-container .ads-nav-link:focus .ads-nav-item-container span{color:var(--color-white)!important}::ng-deep .navigation-menu-content-container .logo-container{padding-left:8px;padding-right:7px}.breadcrumbs-container{padding:72px 48px 48px}.split-area-content{container-type:inline-size}@container (max-width: 768px){.breadcrumbs-container{padding:72px 32px 48px}}:host::ng-deep{--mat-toolbar-mobile-height: 64px;--mat-toolbar-container-background-color: transparent}:host::ng-deep mat-toolbar{border-bottom:1px solid var(--color-light)}:host::ng-deep .mdc-icon-button{display:flex}:host::ng-deep .mdc-icon-button:hover{background-color:var(--color-light-30)}:host::ng-deep .mdc-icon-button:hover ads-icon ::ng-deep svg{fill:var(--color-secondary-hover)!important;stroke:var(--color-secondary-hover)!important}:host::ng-deep .mdc-icon-button:focus,:host::ng-deep .mdc-icon-button:active{background-color:var(--color-light-30)}:host::ng-deep .mdc-icon-button:focus ads-icon ::ng-deep svg,:host::ng-deep .mdc-icon-button:active ads-icon ::ng-deep svg{fill:var(--color-secondary-pressed)!important;stroke:var(--color-secondary-pressed)!important}::ng-deep .mat-mdc-menu-content{padding:0!important}::ng-deep .mat-mdc-menu-panel{margin-top:3px!important;margin-left:10px}.regular-menu-content-container{height:100vh}.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)}\n"] }]
|
|
6267
|
+
args: [{ selector: 'ads-scms-side-nav-bar', standalone: false, template: "@if (!isTablet()) {\n <as-split\n #splitter\n [useTransition]=\"true\"\n unit=\"pixel\"\n [gutterSize]=\"10\"\n (gutterDblClick)=\"expandSidebar()\"\n [gutterDblClickDuration]=\"500\"\n (dragEnd)=\"dragEnd($event)\"\n >\n <as-split-area [size]=\"sidebarSize()\" [minSize]=\"50\" [maxSize]=\"600\" #sideNavArea>\n <div class=\"navigation-menu-content-container 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 <ng-container *ngTemplateOutlet=\"matAccordion\" />\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 <mat-accordion class=\"nav-items-container\">\n @for (item of navItems(); track $index) {\n @if (item.subItems?.length) {\n <mat-expansion-panel\n #panel\n [ngClass]=\"{\n 'active-expansion-panel': hasActiveLink(item),\n 'panel-expanded': panel.expanded,\n }\"\n >\n <mat-expansion-panel-header\n (click)=\"panel.expanded && isCollapsed() && expandSidebar(); $event.stopPropagation()\"\n (keydown.enter)=\"panel.expanded && isCollapsed() && expandSidebar()\"\n >\n <mat-panel-title>\n <ng-container *ngTemplateOutlet=\"itemTitle; context: { data: item }\" />\n </mat-panel-title>\n <mat-panel-description>\n @if (panel.expanded) {\n <ads-icon size=\"xs\" name=\"chevron_up\" theme=\"iconPrimary\" />\n } @else {\n <ads-icon size=\"xs\" name=\"chevron_down\" theme=\"iconPrimary\" />\n }\n </mat-panel-description>\n </mat-expansion-panel-header>\n @for (subItem of item.subItems; track $index) {\n <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: subItem, class: '' }\" />\n }\n </mat-expansion-panel>\n } @else {\n <ng-container *ngTemplateOutlet=\"navItem; context: { navItem: item, class: 'main-item' }\" />\n }\n @if (item?.showDividerAfterItem) {\n <ads-divider />\n }\n }\n </mat-accordion>\n</ng-template>\n\n<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-background-color: var(--color-white);--mat-expansion-container-text-color: var(--color-medium);--mat-expansion-container-text-size: font-size(text-base);box-shadow:none!important;border:1px solid var(--color-light)}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header{--mat-expansion-header-collapsed-state-height: unset;min-height:24px;height:auto;padding:16px}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header.mat-expanded{padding-bottom:8px}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header mat-panel-title{--mat-expansion-header-text-color: var(--color-dark);font-size:1.25rem;line-height:26px;font-weight:600;flex-basis:auto}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header mat-panel-description{margin:0;justify-content:end;flex-basis:auto}.mat-expansion-panel ::ng-deep .mat-expansion-panel-header .mat-expansion-indicator{display:none}.mat-expansion-panel ::ng-deep .mat-expansion-panel-content .mat-expansion-panel-body{--mat-expansion-container-text-size: font-size(text-base);line-height:21px;padding:0 16px 16px}.mat-expansion-panel .mat-expansion-panel-header[aria-disabled=true]{background-color:var(--color-muted)}.mat-expansion-panel .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title{color:var(--color-medium)}\n", ".nav-items-container{display:flex;flex-direction:column;border-bottom:1px solid var(--color-light)}.nav-items-container .ads-nav-item-container{display:flex;padding:14px 12px;gap:12px;background-color:var(--color-white);align-items:center;overflow:hidden;white-space:nowrap}.nav-items-container .ads-nav-item-container span{font-weight:400;line-height:20px;color:var(--color-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-decoration:unset;display:inline-block}.nav-items-container .ads-nav-item-container ads-icon{flex-shrink:0}.nav-items-container .ads-nav-item-container:hover span,.nav-items-container .ads-nav-item-container:focus span,.nav-items-container .ads-nav-item-container:active span{color:var(--color-white)}.nav-items-container .ads-nav-item-container:hover ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:focus ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:active ads-icon ::ng-deep svg{stroke:var(--color-white);fill:var(--color-white)!important}.nav-items-container .ads-nav-item-container:hover{background-color:var(--color-secondary-hover)!important}.nav-items-container .ads-nav-item-container:active{background-color:var(--color-secondary-pressed)!important}.nav-items-container .ads-nav-item-container:focus{background-color:var(--color-secondary)!important}as-split-area{background-color:var(--color-white)}.logo-container{padding:16px 12px;border-bottom:1px solid var(--color-light);height:auto}.ads-nav-link.active-nav-link .ads-nav-item-container{background-color:var(--color-secondary)!important}.ads-nav-link.active-nav-link .ads-nav-item-container span{color:var(--color-white)!important}.ads-nav-link.active-nav-link .ads-nav-item-container ads-icon ::ng-deep svg{stroke:var(--color-white)!important;fill:var(--color-white)!important}.ads-nav-link{text-decoration:none}.left-side-content-container{container-type:inline-size;display:flex;flex-direction:column;height:100vh}::ng-deep as-split .as-split-gutter{background-color:var(--color-light-30)}::ng-deep as-split .as-split-gutter:hover,::ng-deep as-split .as-split-gutter:focus{outline:none}::ng-deep as-split .as-split-gutter:hover .as-split-gutter-icon,::ng-deep as-split .as-split-gutter:focus .as-split-gutter-icon{background-color:var(--color-light-80)}::ng-deep as-split .as-split-gutter:active{background-color:var(--color-light)}::ng-deep as-split .as-split-gutter-icon{width:8px;background-color:var(--color-light-30);background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"6\" height=\"11\" viewBox=\"0 0 6 11\" fill=\"none\"><path d=\"M4.7142 2.92855C5.42428 2.92855 5.99991 2.35291 5.99991 1.64283C5.99991 0.932751 5.42428 0.357117 4.7142 0.357117C4.00412 0.357117 3.42848 0.932751 3.42848 1.64283C3.42848 2.35291 4.00412 2.92855 4.7142 2.92855Z\" fill=\"%23041F41\"/><path d=\"M4.7142 6.78566C5.42428 6.78566 5.99991 6.21003 5.99991 5.49995C5.99991 4.78987 5.42428 4.21423 4.7142 4.21423C4.00412 4.21423 3.42848 4.78987 3.42848 5.49995C3.42848 6.21003 4.00412 6.78566 4.7142 6.78566Z\" fill=\"%23041F41\"/><path d=\"M4.7142 10.6428C5.42428 10.6428 5.99991 10.0672 5.99991 9.35713C5.99991 8.64704 5.42428 8.07141 4.7142 8.07141C4.00412 8.07141 3.42848 8.64704 3.42848 9.35713C3.42848 10.0672 4.00412 10.6428 4.7142 10.6428Z\" fill=\"%23041F41\"/><path d=\"M1.28571 2.92855C1.99579 2.92855 2.57143 2.35291 2.57143 1.64283C2.57143 0.932751 1.99579 0.357117 1.28571 0.357117C0.575634 0.357117 0 0.932751 0 1.64283C0 2.35291 0.575634 2.92855 1.28571 2.92855Z\" fill=\"%23041F41\"/><path d=\"M1.28571 6.78566C1.99579 6.78566 2.57143 6.21003 2.57143 5.49995C2.57143 4.78987 1.99579 4.21423 1.28571 4.21423C0.575634 4.21423 0 4.78987 0 5.49995C0 6.21003 0.575634 6.78566 1.28571 6.78566Z\" fill=\"%23041F41\"/><path d=\"M1.28571 10.6428C1.99579 10.6428 2.57143 10.0672 2.57143 9.35713C2.57143 8.64704 1.99579 8.07141 1.28571 8.07141C0.575634 8.07141 0 8.64704 0 9.35713C0 10.0672 0.575634 10.6428 1.28571 10.6428Z\" fill=\"%23041F41\"/></svg>')!important}.bottom-container{padding:16px 12px;flex-grow:1;display:flex;flex-direction:column}@container (max-width: 70px){.bottom-container{flex-grow:unset}.bottom-container:hover{background-color:var(--color-secondary-hover)}.bottom-container:hover ads-icon ::ng-deep svg{stroke:var(--color-white)}.bottom-container:active{background-color:var(--color-secondary-pressed)}.hide-on-collapsed{display:none}.show-on-collapsed{display:contents}}@container (min-width: 71px){.hide-on-collapsed{display:contents}.show-on-collapsed{display:none}}\n", ".nav-items-container{border-bottom:none}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header{background-color:var(--color-secondary)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container{background-color:var(--color-secondary)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container span{color:var(--color-white)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container ads-icon ::ng-deep svg{stroke:var(--color-white)!important;fill:var(--color-white)!important}::ng-deep .navigation-menu-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header mat-panel-description ads-icon{fill:var(--color-white)!important}::ng-deep .navigation-menu-content-container .panel-expanded mat-expansion-panel-header,::ng-deep .navigation-menu-content-container .panel-expanded .ads-nav-item-container{background-color:var(--color-secondary-10)!important}::ng-deep .navigation-menu-content-container .panel-expanded mat-panel-title .ads-nav-item-container{background-color:transparent!important}::ng-deep .navigation-menu-content-container .panel-expanded mat-panel-title .ads-nav-item-container span{font-weight:600!important}::ng-deep .navigation-menu-content-container mat-expansion-panel{border:none!important;border-radius:unset!important;margin:unset!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-body{padding:0!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-body a .ads-nav-item-container{padding-left:48px!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header{padding:6px 12px 6px 0!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-description ads-icon{width:16px!important;height:auto!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-width:50px}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-title .ads-nav-item-container span{font-size:1rem}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus{background-color:var(--color-secondary-hover)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container{background-color:var(--color-secondary-hover)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container ads-icon ::ng-deep svg,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container span,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container span{color:var(--color-white)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:hover mat-panel-description ads-icon,::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:focus mat-panel-description ads-icon{fill:var(--color-white)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:active{background-color:var(--color-secondary-pressed)!important}::ng-deep .navigation-menu-content-container mat-expansion-panel .mat-expansion-panel-header:active .ads-nav-item-container{background-color:var(--color-secondary-pressed)!important}::ng-deep .navigation-menu-content-container .main-item .ads-nav-item-container{padding:20px 12px!important}::ng-deep .navigation-menu-content-container .main-item .ads-nav-item-container .hide-on-collapsed{font-size:1rem}::ng-deep .navigation-menu-content-container .ads-nav-link:focus{background-color:var(--color-secondary-hover)!important;outline:none}::ng-deep .navigation-menu-content-container .ads-nav-link:focus .ads-nav-item-container{background-color:var(--color-secondary-hover)!important}::ng-deep .navigation-menu-content-container .ads-nav-link:focus .ads-nav-item-container ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}::ng-deep .navigation-menu-content-container .ads-nav-link:focus .ads-nav-item-container span{color:var(--color-white)!important}::ng-deep .navigation-menu-content-container .logo-container{padding-left:8px;padding-right:7px}.breadcrumbs-container{padding:72px 48px 48px}.split-area-content{container-type:inline-size}@container (max-width: 768px){.breadcrumbs-container{padding:72px 32px 48px}}:host::ng-deep{--mat-toolbar-mobile-height: 64px;--mat-toolbar-container-background-color: transparent}:host::ng-deep mat-toolbar{border-bottom:1px solid var(--color-light)}:host::ng-deep .mdc-icon-button{display:flex}:host::ng-deep .mdc-icon-button:hover{background-color:var(--color-light-30)}:host::ng-deep .mdc-icon-button:hover ads-icon ::ng-deep svg{fill:var(--color-secondary-hover)!important;stroke:var(--color-secondary-hover)!important}:host::ng-deep .mdc-icon-button:focus,:host::ng-deep .mdc-icon-button:active{background-color:var(--color-light-30)}:host::ng-deep .mdc-icon-button:focus ads-icon ::ng-deep svg,:host::ng-deep .mdc-icon-button:active ads-icon ::ng-deep svg{fill:var(--color-secondary-pressed)!important;stroke:var(--color-secondary-pressed)!important}::ng-deep .mat-mdc-menu-content{padding:0!important}::ng-deep .mat-mdc-menu-panel{margin-top:3px!important;margin-left:10px}.regular-menu-content-container{height:100vh}.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)}\n"] }]
|
|
6268
6268
|
}], ctorParameters: () => [{ type: i1$2.Router }, { type: i1.AdsIconRegistry }], propDecorators: { splitter: [{
|
|
6269
6269
|
type: ViewChild,
|
|
6270
6270
|
args: ['splitter']
|
|
@@ -6364,11 +6364,11 @@ class AdsMainMenuItemsComponent {
|
|
|
6364
6364
|
this.mainMenuService.onMenuItemClicked(item);
|
|
6365
6365
|
}
|
|
6366
6366
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsMainMenuItemsComponent, deps: [{ token: MainMenuService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6367
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsMainMenuItemsComponent, isStandalone: false, selector: "ads-main-menu-items", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"peak-menu-content\">\
|
|
6367
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsMainMenuItemsComponent, isStandalone: false, selector: "ads-main-menu-items", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"peak-menu-content\">\n <div *ngFor=\"let item of items ?? []\" 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</div>\n", styles: ["a:not(:hover).selected{background-color:var(--color-secondary-25)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4$3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }] }); }
|
|
6368
6368
|
}
|
|
6369
6369
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsMainMenuItemsComponent, decorators: [{
|
|
6370
6370
|
type: Component,
|
|
6371
|
-
args: [{ selector: 'ads-main-menu-items', standalone: false, template: "<div class=\"peak-menu-content\">\
|
|
6371
|
+
args: [{ selector: 'ads-main-menu-items', standalone: false, template: "<div class=\"peak-menu-content\">\n <div *ngFor=\"let item of items ?? []\" mat-menu-item [ngClass]=\"item.class ? item.class : ''\">\n @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</div>\n", styles: ["a:not(:hover).selected{background-color:var(--color-secondary-25)}\n"] }]
|
|
6372
6372
|
}], ctorParameters: () => [{ type: MainMenuService }], propDecorators: { items: [{
|
|
6373
6373
|
type: Input
|
|
6374
6374
|
}] } });
|
|
@@ -6397,11 +6397,11 @@ class AdsProfileDisplayComponent {
|
|
|
6397
6397
|
return this.router.url.startsWith(this.userBasePath);
|
|
6398
6398
|
}
|
|
6399
6399
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsProfileDisplayComponent, deps: [{ token: i1$2.Router }, { token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6400
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsProfileDisplayComponent, isStandalone: false, selector: "ads-profile-display", inputs: { userDisplayName: "userDisplayName", userImageSrc: "userImageSrc", userProfilePath: "userProfilePath", userBasePath: "userBasePath" }, ngImport: i0, template: "<a class=\"user\" [routerLink]=\"[userProfilePath]\" [ngClass]=\"{ selected: isSelected() }\">\
|
|
6400
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsProfileDisplayComponent, isStandalone: false, selector: "ads-profile-display", inputs: { userDisplayName: "userDisplayName", userImageSrc: "userImageSrc", userProfilePath: "userProfilePath", userBasePath: "userBasePath" }, ngImport: i0, template: "<a class=\"user\" [routerLink]=\"[userProfilePath]\" [ngClass]=\"{ selected: isSelected() }\">\n <img *ngIf=\"userImageSrc; else defaultImage\" [src]=\"userImageSrc\" alt=\"{{ userDisplayName }}\" />\n <ng-template #defaultImage>\n <ads-icon name=\"user_circle\" size=\"sm\" theme=\"primary\"></ads-icon>\n </ng-template>\n <span class=\"username\">{{ userDisplayName }}</span>\n</a>\n", styles: [".user{display:flex;align-items:center;height:54px;padding:0 16px;color:var(--color-dark);text-decoration:none}.user img{width:24px;height:24px;border-radius:24px}.user:not(:hover).selected{background-color:var(--color-secondary-25)}.user:hover{background-color:var(--color-secondary);color:var(--color-white)}.user:hover,.user.selected{cursor:pointer;text-decoration:none}.username{padding-left:16px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
|
|
6401
6401
|
}
|
|
6402
6402
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsProfileDisplayComponent, decorators: [{
|
|
6403
6403
|
type: Component,
|
|
6404
|
-
args: [{ selector: 'ads-profile-display', standalone: false, template: "<a class=\"user\" [routerLink]=\"[userProfilePath]\" [ngClass]=\"{ selected: isSelected() }\">\
|
|
6404
|
+
args: [{ selector: 'ads-profile-display', standalone: false, template: "<a class=\"user\" [routerLink]=\"[userProfilePath]\" [ngClass]=\"{ selected: isSelected() }\">\n <img *ngIf=\"userImageSrc; else defaultImage\" [src]=\"userImageSrc\" alt=\"{{ userDisplayName }}\" />\n <ng-template #defaultImage>\n <ads-icon name=\"user_circle\" size=\"sm\" theme=\"primary\"></ads-icon>\n </ng-template>\n <span class=\"username\">{{ userDisplayName }}</span>\n</a>\n", styles: [".user{display:flex;align-items:center;height:54px;padding:0 16px;color:var(--color-dark);text-decoration:none}.user img{width:24px;height:24px;border-radius:24px}.user:not(:hover).selected{background-color:var(--color-secondary-25)}.user:hover{background-color:var(--color-secondary);color:var(--color-white)}.user:hover,.user.selected{cursor:pointer;text-decoration:none}.username{padding-left:16px}\n"] }]
|
|
6405
6405
|
}], ctorParameters: () => [{ type: i1$2.Router }, { type: i1.AdsIconRegistry }], propDecorators: { userDisplayName: [{
|
|
6406
6406
|
type: Input,
|
|
6407
6407
|
args: [{ required: true }]
|
|
@@ -6435,11 +6435,11 @@ class AdsMainMenuBottomSheetComponent {
|
|
|
6435
6435
|
this.data = data;
|
|
6436
6436
|
}
|
|
6437
6437
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsMainMenuBottomSheetComponent, deps: [{ token: MAT_BOTTOM_SHEET_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6438
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsMainMenuBottomSheetComponent, isStandalone: true, selector: "ads-main-menu-bottom-sheet", ngImport: i0, template: "<div class=\"peak-menu-content\">\
|
|
6438
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsMainMenuBottomSheetComponent, isStandalone: true, selector: "ads-main-menu-bottom-sheet", ngImport: i0, template: "<div class=\"peak-menu-content\">\n <ads-profile-display\n *ngIf=\"data?.userDisplayName\"\n [userDisplayName]=\"data.userDisplayName\"\n [userImageSrc]=\"data.userImageSrc\"\n [userProfilePath]=\"data.userProfilePath\"\n [userBasePath]=\"data.userBasePath\"\n ></ads-profile-display>\n <ads-main-menu-items [items]=\"data.menuItems\"></ads-main-menu-items>\n</div>\n", styles: [".user{display:flex;align-items:center;height:54px;padding:0 16px}.user img{width:24px;height:24px;border-radius:24px}.username{padding-left:16px}\n"], dependencies: [{ kind: "ngmodule", type: AdsMainMenuItemsModule }, { kind: "component", type: AdsMainMenuItemsComponent, selector: "ads-main-menu-items", inputs: ["items"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: AdsProfileDisplayModule }, { kind: "component", type: AdsProfileDisplayComponent, selector: "ads-profile-display", inputs: ["userDisplayName", "userImageSrc", "userProfilePath", "userBasePath"] }] }); }
|
|
6439
6439
|
}
|
|
6440
6440
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsMainMenuBottomSheetComponent, decorators: [{
|
|
6441
6441
|
type: Component,
|
|
6442
|
-
args: [{ selector: 'ads-main-menu-bottom-sheet', standalone: true, imports: [AdsMainMenuItemsModule, NgIf, AdsProfileDisplayModule], template: "<div class=\"peak-menu-content\">\
|
|
6442
|
+
args: [{ selector: 'ads-main-menu-bottom-sheet', standalone: true, imports: [AdsMainMenuItemsModule, NgIf, AdsProfileDisplayModule], template: "<div class=\"peak-menu-content\">\n <ads-profile-display\n *ngIf=\"data?.userDisplayName\"\n [userDisplayName]=\"data.userDisplayName\"\n [userImageSrc]=\"data.userImageSrc\"\n [userProfilePath]=\"data.userProfilePath\"\n [userBasePath]=\"data.userBasePath\"\n ></ads-profile-display>\n <ads-main-menu-items [items]=\"data.menuItems\"></ads-main-menu-items>\n</div>\n", styles: [".user{display:flex;align-items:center;height:54px;padding:0 16px}.user img{width:24px;height:24px;border-radius:24px}.username{padding-left:16px}\n"] }]
|
|
6443
6443
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
6444
6444
|
type: Inject,
|
|
6445
6445
|
args: [MAT_BOTTOM_SHEET_DATA]
|
|
@@ -6500,11 +6500,11 @@ class AdsMainMenuComponent {
|
|
|
6500
6500
|
});
|
|
6501
6501
|
}
|
|
6502
6502
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsMainMenuComponent, deps: [{ token: i1$5.MatBottomSheet }, { token: i1.AdsIconRegistry }, { token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6503
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsMainMenuComponent, isStandalone: false, selector: "ads-main-menu", inputs: { menuItems: "menuItems", id: "id", isCollapsed: "isCollapsed", isMobile: "isMobile", userImageSrc: "userImageSrc", userDisplayName: "userDisplayName", userProfilePath: "userProfilePath", userBasePath: "userBasePath" }, viewQueries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"isMobile; else desktop\">\
|
|
6503
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsMainMenuComponent, isStandalone: false, selector: "ads-main-menu", inputs: { menuItems: "menuItems", id: "id", isCollapsed: "isCollapsed", isMobile: "isMobile", userImageSrc: "userImageSrc", userDisplayName: "userDisplayName", userProfilePath: "userProfilePath", userBasePath: "userBasePath" }, viewQueries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"isMobile; else desktop\">\n <div *ngIf=\"isCollapsed\" class=\"more-icon\">\n <div class=\"icon-hover\">\n <ads-icon [id]=\"id\" name=\"menu_more_info\" size=\"sm\" theme=\"primary\" (click)=\"openBottomSheet()\"></ads-icon>\n </div>\n </div>\n</ng-container>\n\n<ng-template #desktop>\n <div class=\"more-icon\">\n <div class=\"icon-hover\" [matMenuTriggerFor]=\"menu\">\n <ads-icon [id]=\"id\" name=\"menu_more_info\" size=\"sm\" theme=\"primary\"></ads-icon>\n </div>\n </div>\n <mat-menu #menu=\"matMenu\" class=\"peak-more-menu-panel\">\n <ads-profile-display\n *ngIf=\"userDisplayName\"\n [userDisplayName]=\"userDisplayName\"\n [userImageSrc]=\"userImageSrc\"\n [userBasePath]=\"userBasePath ?? '/'\"\n [userProfilePath]=\"userProfilePath ?? '/'\"\n />\n <ads-main-menu-items [items]=\"menuItems\"/>\n </mat-menu>\n</ng-template>\n", styles: [".icon-hover{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:5px;cursor:pointer}.icon-hover:hover{background-color:var(--color-light-30)}.more-icon{margin-left:8px;margin-right:-4px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i4$3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: AdsMainMenuItemsComponent, selector: "ads-main-menu-items", inputs: ["items"] }, { kind: "component", type: AdsProfileDisplayComponent, selector: "ads-profile-display", inputs: ["userDisplayName", "userImageSrc", "userProfilePath", "userBasePath"] }] }); }
|
|
6504
6504
|
}
|
|
6505
6505
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsMainMenuComponent, decorators: [{
|
|
6506
6506
|
type: Component,
|
|
6507
|
-
args: [{ selector: 'ads-main-menu', standalone: false, template: "<ng-container *ngIf=\"isMobile; else desktop\">\
|
|
6507
|
+
args: [{ selector: 'ads-main-menu', standalone: false, template: "<ng-container *ngIf=\"isMobile; else desktop\">\n <div *ngIf=\"isCollapsed\" class=\"more-icon\">\n <div class=\"icon-hover\">\n <ads-icon [id]=\"id\" name=\"menu_more_info\" size=\"sm\" theme=\"primary\" (click)=\"openBottomSheet()\"></ads-icon>\n </div>\n </div>\n</ng-container>\n\n<ng-template #desktop>\n <div class=\"more-icon\">\n <div class=\"icon-hover\" [matMenuTriggerFor]=\"menu\">\n <ads-icon [id]=\"id\" name=\"menu_more_info\" size=\"sm\" theme=\"primary\"></ads-icon>\n </div>\n </div>\n <mat-menu #menu=\"matMenu\" class=\"peak-more-menu-panel\">\n <ads-profile-display\n *ngIf=\"userDisplayName\"\n [userDisplayName]=\"userDisplayName\"\n [userImageSrc]=\"userImageSrc\"\n [userBasePath]=\"userBasePath ?? '/'\"\n [userProfilePath]=\"userProfilePath ?? '/'\"\n />\n <ads-main-menu-items [items]=\"menuItems\"/>\n </mat-menu>\n</ng-template>\n", styles: [".icon-hover{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:5px;cursor:pointer}.icon-hover:hover{background-color:var(--color-light-30)}.more-icon{margin-left:8px;margin-right:-4px}\n"] }]
|
|
6508
6508
|
}], ctorParameters: () => [{ type: i1$5.MatBottomSheet }, { type: i1.AdsIconRegistry }, { type: i1$2.Router }], propDecorators: { menu: [{
|
|
6509
6509
|
type: ViewChild,
|
|
6510
6510
|
args: ['menu']
|
|
@@ -6575,11 +6575,11 @@ class AdsNumericStepComponent {
|
|
|
6575
6575
|
return this.index() === 0;
|
|
6576
6576
|
}
|
|
6577
6577
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNumericStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6578
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsNumericStepComponent, isStandalone: true, selector: "ads-numeric-step", inputs: { isLast: { classPropertyName: "isLast", publicName: "isLast", isSignal: true, isRequired: true, transformFunction: null }, isDelivery: { classPropertyName: "isDelivery", publicName: "isDelivery", isSignal: true, isRequired: true, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null }, distance: { classPropertyName: "distance", publicName: "distance", isSignal: true, isRequired: false, transformFunction: null }, isMobile: { classPropertyName: "isMobile", publicName: "isMobile", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div\
|
|
6578
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsNumericStepComponent, isStandalone: true, selector: "ads-numeric-step", inputs: { isLast: { classPropertyName: "isLast", publicName: "isLast", isSignal: true, isRequired: true, transformFunction: null }, isDelivery: { classPropertyName: "isDelivery", publicName: "isDelivery", isSignal: true, isRequired: true, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null }, distance: { classPropertyName: "distance", publicName: "distance", isSignal: true, isRequired: false, transformFunction: null }, isMobile: { classPropertyName: "isMobile", publicName: "isMobile", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div\n class=\"circle-container\"\n [ngClass]=\"{\n 'dash-line': !isMobile(),\n outermost: isFirst || isLast() || isMobile(),\n 'circle-container-mobile': isMobile(),\n }\"\n>\n @if(!isMobile()) {\n <div\n class=\"dash-line top\"\n [ngClass]=\"{\n top: isLast(),\n bottom: isFirst,\n }\"\n ></div>\n @if (!isLast() && distance()) {\n <div class=\"distance-text\">\n {{ distance() }}\n </div>\n }\n }\n <div class=\"stop-circle\" [ngClass]=\"{ delivery: isDelivery() }\">{{ index() + 1 }}</div>\n</div>\n", styles: [".circle-container{height:100%;display:flex;align-items:center;justify-content:center;position:relative;pointer-events:none;width:60px}.circle-container.outermost{align-items:flex-start}.circle-container.outermost .stop-circle{margin-top:16px}.circle-container .stop-circle{border:2px solid var(--color-light);color:var(--color-dark);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;box-sizing:border-box;background-color:var(--color-white);z-index:2}.circle-container .stop-circle.delivery{background-color:var(--color-muted)}.circle-container.circle-container-mobile{position:absolute;left:-17px;width:unset}.circle-container.circle-container-mobile .stop-circle{margin-top:8px}.circle-container .dash-line{border:dashed 2px var(--color-light);width:0;position:absolute;height:calc(100% - 9px);left:50%;transform:translate(-50%);z-index:1;box-sizing:unset}.circle-container .dash-line.top{top:2px;height:20px}.circle-container .dash-line.bottom{top:48px;height:calc(100% - 48px)}.circle-container .distance-text{font-size:12px;line-height:16px;color:var(--color-dark);position:absolute;bottom:-25px;background-color:var(--color-light);border:1px solid var(--color-light);border-radius:5px;z-index:2;display:flex;align-items:center;justify-content:center;padding:4px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
6579
6579
|
}
|
|
6580
6580
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNumericStepComponent, decorators: [{
|
|
6581
6581
|
type: Component,
|
|
6582
|
-
args: [{ selector: 'ads-numeric-step', imports: [NgClass], template: "<div\
|
|
6582
|
+
args: [{ selector: 'ads-numeric-step', imports: [NgClass], template: "<div\n class=\"circle-container\"\n [ngClass]=\"{\n 'dash-line': !isMobile(),\n outermost: isFirst || isLast() || isMobile(),\n 'circle-container-mobile': isMobile(),\n }\"\n>\n @if(!isMobile()) {\n <div\n class=\"dash-line top\"\n [ngClass]=\"{\n top: isLast(),\n bottom: isFirst,\n }\"\n ></div>\n @if (!isLast() && distance()) {\n <div class=\"distance-text\">\n {{ distance() }}\n </div>\n }\n }\n <div class=\"stop-circle\" [ngClass]=\"{ delivery: isDelivery() }\">{{ index() + 1 }}</div>\n</div>\n", styles: [".circle-container{height:100%;display:flex;align-items:center;justify-content:center;position:relative;pointer-events:none;width:60px}.circle-container.outermost{align-items:flex-start}.circle-container.outermost .stop-circle{margin-top:16px}.circle-container .stop-circle{border:2px solid var(--color-light);color:var(--color-dark);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;box-sizing:border-box;background-color:var(--color-white);z-index:2}.circle-container .stop-circle.delivery{background-color:var(--color-muted)}.circle-container.circle-container-mobile{position:absolute;left:-17px;width:unset}.circle-container.circle-container-mobile .stop-circle{margin-top:8px}.circle-container .dash-line{border:dashed 2px var(--color-light);width:0;position:absolute;height:calc(100% - 9px);left:50%;transform:translate(-50%);z-index:1;box-sizing:unset}.circle-container .dash-line.top{top:2px;height:20px}.circle-container .dash-line.bottom{top:48px;height:calc(100% - 48px)}.circle-container .distance-text{font-size:12px;line-height:16px;color:var(--color-dark);position:absolute;bottom:-25px;background-color:var(--color-light);border:1px solid var(--color-light);border-radius:5px;z-index:2;display:flex;align-items:center;justify-content:center;padding:4px}\n"] }]
|
|
6583
6583
|
}] });
|
|
6584
6584
|
|
|
6585
6585
|
class AdsNumericStepperComponent extends AbstractWindowResizeComponent {
|
|
@@ -6589,11 +6589,11 @@ class AdsNumericStepperComponent extends AbstractWindowResizeComponent {
|
|
|
6589
6589
|
this.steps = input.required();
|
|
6590
6590
|
}
|
|
6591
6591
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNumericStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6592
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsNumericStepperComponent, isStandalone: false, selector: "ads-numeric-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<mat-accordion multi=\"true\" class=\"stepper-container\">\
|
|
6592
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsNumericStepperComponent, isStandalone: false, selector: "ads-numeric-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<mat-accordion multi=\"true\" class=\"stepper-container\">\n @for (step of steps(); track i; let i = $index) {\n <div class=\"step-item\" [class.step-item-mobile]=\"isMobile()\">\n <ads-numeric-step\n [isLast]=\"i === steps().length - 1\"\n [index]=\"i\"\n [isDelivery]=\"step.isDelivery\"\n [distance]=\"step.distance\"\n [isMobile]=\"isMobile()\"\n />\n <ng-container *ngTemplateOutlet=\"step.template; context: { data: step.templateData }\" />\n </div>\n @if (!$last) {\n <div class=\"dash-container\" [class.dash-container-mobile]=\"isMobile()\">\n <div class=\"dash-line\"></div>\n </div>\n }\n }\n</mat-accordion>\n", styles: [".stepper-container{display:grid;grid-column-gap:16px;grid-template-rows:1fr;grid-template-columns:1fr}.stepper-container .step-item{display:grid;grid-gap:16px;grid-template-columns:min-content 1fr}.stepper-container .step-item ::ng-deep .mat-expansion-panel{margin:0!important}.stepper-container .step-item.step-item-mobile{grid-gap:0;grid-template-columns:none;position:relative}.stepper-container .dash-container{height:24px;position:relative}.stepper-container .dash-container .dash-line{border:dashed 2px var(--color-light);width:0;position:absolute;height:20px;left:30px;transform:translate(-50%);z-index:1;box-sizing:unset}.stepper-container .dash-container.dash-container-mobile{display:flex;justify-content:center}.stepper-container .dash-container.dash-container-mobile .dash-line{position:static;transform:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AdsNumericStepComponent, selector: "ads-numeric-step", inputs: ["isLast", "isDelivery", "index", "distance", "isMobile"] }, { kind: "directive", type: i6$1.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }] }); }
|
|
6593
6593
|
}
|
|
6594
6594
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNumericStepperComponent, decorators: [{
|
|
6595
6595
|
type: Component,
|
|
6596
|
-
args: [{ selector: 'ads-numeric-stepper', standalone: false, template: "<mat-accordion multi=\"true\" class=\"stepper-container\">\
|
|
6596
|
+
args: [{ selector: 'ads-numeric-stepper', standalone: false, template: "<mat-accordion multi=\"true\" class=\"stepper-container\">\n @for (step of steps(); track i; let i = $index) {\n <div class=\"step-item\" [class.step-item-mobile]=\"isMobile()\">\n <ads-numeric-step\n [isLast]=\"i === steps().length - 1\"\n [index]=\"i\"\n [isDelivery]=\"step.isDelivery\"\n [distance]=\"step.distance\"\n [isMobile]=\"isMobile()\"\n />\n <ng-container *ngTemplateOutlet=\"step.template; context: { data: step.templateData }\" />\n </div>\n @if (!$last) {\n <div class=\"dash-container\" [class.dash-container-mobile]=\"isMobile()\">\n <div class=\"dash-line\"></div>\n </div>\n }\n }\n</mat-accordion>\n", styles: [".stepper-container{display:grid;grid-column-gap:16px;grid-template-rows:1fr;grid-template-columns:1fr}.stepper-container .step-item{display:grid;grid-gap:16px;grid-template-columns:min-content 1fr}.stepper-container .step-item ::ng-deep .mat-expansion-panel{margin:0!important}.stepper-container .step-item.step-item-mobile{grid-gap:0;grid-template-columns:none;position:relative}.stepper-container .dash-container{height:24px;position:relative}.stepper-container .dash-container .dash-line{border:dashed 2px var(--color-light);width:0;position:absolute;height:20px;left:30px;transform:translate(-50%);z-index:1;box-sizing:unset}.stepper-container .dash-container.dash-container-mobile{display:flex;justify-content:center}.stepper-container .dash-container.dash-container-mobile .dash-line{position:static;transform:none}\n"] }]
|
|
6597
6597
|
}], ctorParameters: () => [] });
|
|
6598
6598
|
|
|
6599
6599
|
class AdsNumericStepperModule {
|
|
@@ -6632,11 +6632,11 @@ class AdsWizardStepperComponent extends AbstractWindowResizeComponent {
|
|
|
6632
6632
|
this.focusedStepIndex = this.steps().findIndex((step) => step.status === WizardStepStatus.Current);
|
|
6633
6633
|
}
|
|
6634
6634
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsWizardStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6635
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsWizardStepperComponent, isStandalone: false, selector: "ads-wizard-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<div class=\"wizard-stepper\" [class.wizard-stepper-mobile]=\"isMobile()\">\
|
|
6635
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsWizardStepperComponent, isStandalone: false, selector: "ads-wizard-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<div class=\"wizard-stepper\" [class.wizard-stepper-mobile]=\"isMobile()\">\n @for (step of steps(); track index; let first = $first; let last = $last; let index = $index) {\n @if(!first && isMobile()) {\n <div class=\"line-container-mobile\">\n <div></div>\n </div>\n }\n\n <div\n class=\"step\"\n [class.step-mobile]=\"isMobile()\"\n [class.focused]=\"step.status === WizardStepStatus.Current\"\n [ngClass]=\"{ clickable: step.onClick }\"\n >\n @if (!first && !isMobile()) {\n <div class=\"line-container\" [class.line-container-mobile]=\"isMobile()\">\n <div></div>\n <div></div>\n </div>\n }\n\n <div\n [id]=\"step.id\"\n class=\"step-icon-wrapper\"\n (click)=\"step.onClick && step.status !== WizardStepStatus.Disabled ? step.onClick!(step) : null\"\n [ngClass]=\"step.status\"\n [class.clickable]=\"step.onClick && step.status !== WizardStepStatus.Disabled\"\n >\n <div class=\"step-icon\" [class.step-icon-mobile]=\"isMobile()\" [matTooltip]=\"step.tooltip || ''\" [matTooltipDisabled]=\"!step.tooltip\">\n <ads-icon [name]=\"step.icon\" size=\"sm\" stroke=\"white\" theme=\"white\" />\n </div>\n\n <span class=\"title\" [class.title-mobile]=\"isMobile()\">{{ step.title }}</span>\n </div>\n </div>\n }\n</div>\n", styles: [":host{display:flex}.wizard-stepper{display:flex;flex-direction:column}.wizard-stepper .step{display:flex;justify-content:center;align-items:center;flex-direction:column}.wizard-stepper .step.step-mobile{flex-direction:row;flex:1}.wizard-stepper .step.step-mobile:first-child{flex:none}.wizard-stepper .step .line-container{display:flex;padding:8px 0}.wizard-stepper .step .line-container div{flex:1;height:40px}.wizard-stepper .step .line-container div:first-child{border-right:1px solid var(--color-light)}.wizard-stepper .step .line-container div:last-child{border-left:1px solid var(--color-light)}.wizard-stepper .step .step-icon-wrapper{display:flex;align-items:center;flex-direction:column}.wizard-stepper .step .step-icon-wrapper .step-icon{border-radius:80px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.wizard-stepper .step .step-icon-wrapper .title{line-height:21px;color:var(--color-primary);text-align:center}.wizard-stepper .step .step-icon-wrapper .title.title-mobile{font-size:14px;line-height:18px}.wizard-stepper .step .step-icon-wrapper.clickable{cursor:pointer}.wizard-stepper .step .step-icon-wrapper.completed .step-icon{background-color:var(--color-primary)}.wizard-stepper .step .step-icon-wrapper.current .step-icon{background-color:var(--color-secondary)}.wizard-stepper .step .step-icon-wrapper.current .title{color:var(--color-dark)}.wizard-stepper .step .step-icon-wrapper.disabled .step-icon{background-color:var(--color-white);border:2px solid var(--color-light)}.wizard-stepper .step .step-icon-wrapper.disabled .step-icon ::ng-deep ads-icon svg{fill:var(--color-light);stroke:var(--color-light)}.wizard-stepper .step .step-icon-wrapper.disabled .title{color:var(--color-medium)}.wizard-stepper .step .step-icon-wrapper.future .step-icon{background-color:transparent;border:2px solid var(--color-primary)}.wizard-stepper .step .step-icon-wrapper.future .step-icon ::ng-deep ads-icon svg{fill:var(--color-primary);stroke:var(--color-primary)}.wizard-stepper .step:not(.focused) ::ng-deep .step-icon{height:40px;width:40px}.wizard-stepper .step:not(.focused) ::ng-deep .step-icon ads-icon,.wizard-stepper .step:not(.focused) ::ng-deep .step-icon svg{width:16px!important;height:16px!important}.wizard-stepper .step:not(.focused) ::ng-deep .step-icon.step-icon-mobile{height:30px;width:30px}.wizard-stepper .step:not(.focused) ::ng-deep .step-icon.step-icon-mobile ads-icon,.wizard-stepper .step:not(.focused) ::ng-deep .step-icon.step-icon-mobile svg{width:12px!important;height:12px!important}.wizard-stepper .step:not(.focused) .title{color:var(--color-medium)}.wizard-stepper .step.focused .step-icon{height:72px;width:72px}.wizard-stepper .step.focused .step-icon.step-icon-mobile{height:54px;width:54px}.wizard-stepper .step.focused .step-icon.step-icon-mobile ads-icon,.wizard-stepper .step.focused .step-icon.step-icon-mobile svg{width:18px!important;height:18px!important}.wizard-stepper .step.focused .title{color:var(--color-dark)}.wizard-stepper-mobile{flex-direction:row;flex:1;align-items:center}.wizard-stepper-mobile .line-container-mobile{padding:0 8px;width:100%}.wizard-stepper-mobile .line-container-mobile div{height:2px;width:100%;background-color:var(--color-light)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
|
|
6636
6636
|
}
|
|
6637
6637
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsWizardStepperComponent, decorators: [{
|
|
6638
6638
|
type: Component,
|
|
6639
|
-
args: [{ selector: 'ads-wizard-stepper', standalone: false, template: "<div class=\"wizard-stepper\" [class.wizard-stepper-mobile]=\"isMobile()\">\
|
|
6639
|
+
args: [{ selector: 'ads-wizard-stepper', standalone: false, template: "<div class=\"wizard-stepper\" [class.wizard-stepper-mobile]=\"isMobile()\">\n @for (step of steps(); track index; let first = $first; let last = $last; let index = $index) {\n @if(!first && isMobile()) {\n <div class=\"line-container-mobile\">\n <div></div>\n </div>\n }\n\n <div\n class=\"step\"\n [class.step-mobile]=\"isMobile()\"\n [class.focused]=\"step.status === WizardStepStatus.Current\"\n [ngClass]=\"{ clickable: step.onClick }\"\n >\n @if (!first && !isMobile()) {\n <div class=\"line-container\" [class.line-container-mobile]=\"isMobile()\">\n <div></div>\n <div></div>\n </div>\n }\n\n <div\n [id]=\"step.id\"\n class=\"step-icon-wrapper\"\n (click)=\"step.onClick && step.status !== WizardStepStatus.Disabled ? step.onClick!(step) : null\"\n [ngClass]=\"step.status\"\n [class.clickable]=\"step.onClick && step.status !== WizardStepStatus.Disabled\"\n >\n <div class=\"step-icon\" [class.step-icon-mobile]=\"isMobile()\" [matTooltip]=\"step.tooltip || ''\" [matTooltipDisabled]=\"!step.tooltip\">\n <ads-icon [name]=\"step.icon\" size=\"sm\" stroke=\"white\" theme=\"white\" />\n </div>\n\n <span class=\"title\" [class.title-mobile]=\"isMobile()\">{{ step.title }}</span>\n </div>\n </div>\n }\n</div>\n", styles: [":host{display:flex}.wizard-stepper{display:flex;flex-direction:column}.wizard-stepper .step{display:flex;justify-content:center;align-items:center;flex-direction:column}.wizard-stepper .step.step-mobile{flex-direction:row;flex:1}.wizard-stepper .step.step-mobile:first-child{flex:none}.wizard-stepper .step .line-container{display:flex;padding:8px 0}.wizard-stepper .step .line-container div{flex:1;height:40px}.wizard-stepper .step .line-container div:first-child{border-right:1px solid var(--color-light)}.wizard-stepper .step .line-container div:last-child{border-left:1px solid var(--color-light)}.wizard-stepper .step .step-icon-wrapper{display:flex;align-items:center;flex-direction:column}.wizard-stepper .step .step-icon-wrapper .step-icon{border-radius:80px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.wizard-stepper .step .step-icon-wrapper .title{line-height:21px;color:var(--color-primary);text-align:center}.wizard-stepper .step .step-icon-wrapper .title.title-mobile{font-size:14px;line-height:18px}.wizard-stepper .step .step-icon-wrapper.clickable{cursor:pointer}.wizard-stepper .step .step-icon-wrapper.completed .step-icon{background-color:var(--color-primary)}.wizard-stepper .step .step-icon-wrapper.current .step-icon{background-color:var(--color-secondary)}.wizard-stepper .step .step-icon-wrapper.current .title{color:var(--color-dark)}.wizard-stepper .step .step-icon-wrapper.disabled .step-icon{background-color:var(--color-white);border:2px solid var(--color-light)}.wizard-stepper .step .step-icon-wrapper.disabled .step-icon ::ng-deep ads-icon svg{fill:var(--color-light);stroke:var(--color-light)}.wizard-stepper .step .step-icon-wrapper.disabled .title{color:var(--color-medium)}.wizard-stepper .step .step-icon-wrapper.future .step-icon{background-color:transparent;border:2px solid var(--color-primary)}.wizard-stepper .step .step-icon-wrapper.future .step-icon ::ng-deep ads-icon svg{fill:var(--color-primary);stroke:var(--color-primary)}.wizard-stepper .step:not(.focused) ::ng-deep .step-icon{height:40px;width:40px}.wizard-stepper .step:not(.focused) ::ng-deep .step-icon ads-icon,.wizard-stepper .step:not(.focused) ::ng-deep .step-icon svg{width:16px!important;height:16px!important}.wizard-stepper .step:not(.focused) ::ng-deep .step-icon.step-icon-mobile{height:30px;width:30px}.wizard-stepper .step:not(.focused) ::ng-deep .step-icon.step-icon-mobile ads-icon,.wizard-stepper .step:not(.focused) ::ng-deep .step-icon.step-icon-mobile svg{width:12px!important;height:12px!important}.wizard-stepper .step:not(.focused) .title{color:var(--color-medium)}.wizard-stepper .step.focused .step-icon{height:72px;width:72px}.wizard-stepper .step.focused .step-icon.step-icon-mobile{height:54px;width:54px}.wizard-stepper .step.focused .step-icon.step-icon-mobile ads-icon,.wizard-stepper .step.focused .step-icon.step-icon-mobile svg{width:18px!important;height:18px!important}.wizard-stepper .step.focused .title{color:var(--color-dark)}.wizard-stepper-mobile{flex-direction:row;flex:1;align-items:center}.wizard-stepper-mobile .line-container-mobile{padding:0 8px;width:100%}.wizard-stepper-mobile .line-container-mobile div{height:2px;width:100%;background-color:var(--color-light)}\n"] }]
|
|
6640
6640
|
}], ctorParameters: () => [] });
|
|
6641
6641
|
|
|
6642
6642
|
class AdsWizardStepperModule {
|
|
@@ -6672,11 +6672,11 @@ class AdsStepperComponent {
|
|
|
6672
6672
|
this.registry.register([adsIconCheck]);
|
|
6673
6673
|
}
|
|
6674
6674
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsStepperComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6675
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsStepperComponent, isStandalone: false, selector: "ads-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"stepper-container\">\
|
|
6675
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsStepperComponent, isStandalone: false, selector: "ads-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, 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"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
|
|
6676
6676
|
}
|
|
6677
6677
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsStepperComponent, decorators: [{
|
|
6678
6678
|
type: Component,
|
|
6679
|
-
args: [{ selector: 'ads-stepper', standalone: false, template: "<div class=\"stepper-container\">\
|
|
6679
|
+
args: [{ selector: 'ads-stepper', standalone: false, 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"] }]
|
|
6680
6680
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }] });
|
|
6681
6681
|
|
|
6682
6682
|
class AdsStepperModule {
|
|
@@ -6711,11 +6711,11 @@ class AdsHorizontalNavBarComponent {
|
|
|
6711
6711
|
}
|
|
6712
6712
|
}
|
|
6713
6713
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsHorizontalNavBarComponent, deps: [{ token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6714
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsHorizontalNavBarComponent, isStandalone: false, selector: "ads-horizontal-nav-bar", inputs: { links: "links" }, ngImport: i0, template: "<nav mat-tab-nav-bar [disableRipple]=\"true\" [tabPanel]=\"tabPanel\" [disablePagination]=\"true\">\
|
|
6714
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsHorizontalNavBarComponent, isStandalone: false, selector: "ads-horizontal-nav-bar", inputs: { links: "links" }, ngImport: i0, template: "<nav mat-tab-nav-bar [disableRipple]=\"true\" [tabPanel]=\"tabPanel\" [disablePagination]=\"true\">\n @for (link of links; track $index) {\n <a mat-tab-link [routerLink]=\"link.route\" routerLinkActive=\"active\" [disabled]=\"link.disabled\">\n {{ link.text }}\n </a>\n }\n</nav>\n\n<mat-tab-nav-panel #tabPanel>\n <router-outlet></router-outlet>\n</mat-tab-nav-panel>\n", styles: [":host::ng-deep .mat-mdc-tab-header{overflow-x:scroll!important;padding-bottom:4px!important}:host::ng-deep .mat-mdc-tab-link-container{overflow:visible!important}:host::ng-deep .mat-mdc-tab-link .mdc-tab-indicator{display:none}:host::ng-deep .mat-mdc-tab-link .mdc-tab__text-label{line-height:21px;font-weight:400;letter-spacing:normal;color:var(--color-medium)!important}:host::ng-deep .mat-mdc-tab-link.active{border-bottom:2.5px solid var(--color-secondary)}:host::ng-deep .mat-mdc-tab-link.active .mdc-tab__text-label{color:var(--color-secondary)!important;font-weight:600;line-height:21px}:host::ng-deep .mat-mdc-tab-link:hover{background-color:var(--color-light-30);border-bottom:2.5px solid var(--color-secondary-hover);border-top-left-radius:5px;border-top-right-radius:5px}:host::ng-deep .mat-mdc-tab-link:hover .mdc-tab__ripple:before{border-top-left-radius:5px;border-top-right-radius:5px}:host::ng-deep .mat-mdc-tab-link:active{background-color:var(--color-light);border-bottom:2.5px solid var(--color-secondary-pressed);border-top-left-radius:5px;border-top-right-radius:5px}:host::ng-deep .mat-mdc-tab-link:active .mdc-tab__ripple:before{border-top-left-radius:5px;border-top-right-radius:5px}\n"], dependencies: [{ kind: "component", type: i2$4.MatTabNav, selector: "[mat-tab-nav-bar]", inputs: ["fitInkBarToContent", "mat-stretch-tabs", "animationDuration", "backgroundColor", "disableRipple", "color", "tabPanel"], exportAs: ["matTabNavBar", "matTabNav"] }, { kind: "component", type: i2$4.MatTabLink, selector: "[mat-tab-link], [matTabLink]", inputs: ["active", "disabled", "disableRipple", "tabIndex", "id"], exportAs: ["matTabLink"] }, { kind: "directive", type: i1$2.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i2$4.MatTabNavPanel, selector: "mat-tab-nav-panel", inputs: ["id"], exportAs: ["matTabNavPanel"] }] }); }
|
|
6715
6715
|
}
|
|
6716
6716
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsHorizontalNavBarComponent, decorators: [{
|
|
6717
6717
|
type: Component,
|
|
6718
|
-
args: [{ selector: 'ads-horizontal-nav-bar', standalone: false, template: "<nav mat-tab-nav-bar [disableRipple]=\"true\" [tabPanel]=\"tabPanel\" [disablePagination]=\"true\">\
|
|
6718
|
+
args: [{ selector: 'ads-horizontal-nav-bar', standalone: false, template: "<nav mat-tab-nav-bar [disableRipple]=\"true\" [tabPanel]=\"tabPanel\" [disablePagination]=\"true\">\n @for (link of links; track $index) {\n <a mat-tab-link [routerLink]=\"link.route\" routerLinkActive=\"active\" [disabled]=\"link.disabled\">\n {{ link.text }}\n </a>\n }\n</nav>\n\n<mat-tab-nav-panel #tabPanel>\n <router-outlet></router-outlet>\n</mat-tab-nav-panel>\n", styles: [":host::ng-deep .mat-mdc-tab-header{overflow-x:scroll!important;padding-bottom:4px!important}:host::ng-deep .mat-mdc-tab-link-container{overflow:visible!important}:host::ng-deep .mat-mdc-tab-link .mdc-tab-indicator{display:none}:host::ng-deep .mat-mdc-tab-link .mdc-tab__text-label{line-height:21px;font-weight:400;letter-spacing:normal;color:var(--color-medium)!important}:host::ng-deep .mat-mdc-tab-link.active{border-bottom:2.5px solid var(--color-secondary)}:host::ng-deep .mat-mdc-tab-link.active .mdc-tab__text-label{color:var(--color-secondary)!important;font-weight:600;line-height:21px}:host::ng-deep .mat-mdc-tab-link:hover{background-color:var(--color-light-30);border-bottom:2.5px solid var(--color-secondary-hover);border-top-left-radius:5px;border-top-right-radius:5px}:host::ng-deep .mat-mdc-tab-link:hover .mdc-tab__ripple:before{border-top-left-radius:5px;border-top-right-radius:5px}:host::ng-deep .mat-mdc-tab-link:active{background-color:var(--color-light);border-bottom:2.5px solid var(--color-secondary-pressed);border-top-left-radius:5px;border-top-right-radius:5px}:host::ng-deep .mat-mdc-tab-link:active .mdc-tab__ripple:before{border-top-left-radius:5px;border-top-right-radius:5px}\n"] }]
|
|
6719
6719
|
}], ctorParameters: () => [{ type: i1$2.Router }], propDecorators: { links: [{
|
|
6720
6720
|
type: Input
|
|
6721
6721
|
}] } });
|
|
@@ -6777,11 +6777,11 @@ class AdsBubbleComponent {
|
|
|
6777
6777
|
link.click();
|
|
6778
6778
|
}
|
|
6779
6779
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsBubbleComponent, deps: [{ token: i1$6.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6780
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsBubbleComponent, isStandalone: false, selector: "ads-bubble", viewQueries: [{ propertyName: "svgBackgroundElement", first: true, predicate: ["svgBackground"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #svgBackground class=\"svg-background\"></div>\
|
|
6780
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsBubbleComponent, isStandalone: false, selector: "ads-bubble", viewQueries: [{ propertyName: "svgBackgroundElement", first: true, predicate: ["svgBackground"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #svgBackground class=\"svg-background\"></div>\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"], dependencies: [{ kind: "component", type: AdsButtonComponent, selector: "ads-button", inputs: ["id", "variant", "disabled", "size", "type"] }] }); }
|
|
6781
6781
|
}
|
|
6782
6782
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsBubbleComponent, decorators: [{
|
|
6783
6783
|
type: Component,
|
|
6784
|
-
args: [{ selector: 'ads-bubble', standalone: false, template: "<div #svgBackground class=\"svg-background\"></div>\
|
|
6784
|
+
args: [{ selector: 'ads-bubble', standalone: false, 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"] }]
|
|
6785
6785
|
}], ctorParameters: () => [{ type: i1$6.HttpClient }] });
|
|
6786
6786
|
|
|
6787
6787
|
class AdsBubbleModule {
|
|
@@ -6899,11 +6899,11 @@ class AdsTimeFieldComponent extends AdsInputDropdownComponent {
|
|
|
6899
6899
|
}
|
|
6900
6900
|
}
|
|
6901
6901
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsTimeFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
6902
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsTimeFieldComponent, isStandalone: false, selector: "ads-time-field", inputs: { militaryTime: { classPropertyName: "militaryTime", publicName: "militaryTime", isSignal: true, isRequired: false, transformFunction: null }, hideClockIcon: { classPropertyName: "hideClockIcon", publicName: "hideClockIcon", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "@if (militaryTime()) {\
|
|
6902
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsTimeFieldComponent, isStandalone: false, selector: "ads-time-field", inputs: { militaryTime: { classPropertyName: "militaryTime", publicName: "militaryTime", isSignal: true, isRequired: false, transformFunction: null }, hideClockIcon: { classPropertyName: "hideClockIcon", publicName: "hideClockIcon", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "@if (militaryTime()) {\n <ads-input\n [control]=\"valueControl\"\n mask=\"Hh:m0\"\n [onBlur]=\"onBlurUpdateTime\"\n [id]=\"id\"\n [placeholder]=\"placeholder\"\n [label]=\"label\"\n [errorMessages]=\"errorMessages\"\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 [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]=\"errorMessages\"\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}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "component", type: AdsInputDropdownComponent, selector: "ads-input-dropdown", inputs: ["maxlength", "type", "pattern", "dropdownControl", "dropdownId", "dropdownLabel", "dropdownPlaceholder", "inputWidth", "dropdownWidth", "autoSelectSingleDropdownOption", "options", "displayValueKey", "hasEmptyValue", "fitContent", "mask"] }, { kind: "component", type: AdsInputComponent, selector: "ads-input", inputs: ["maxlength", "type", "pattern", "defaultValue", "readonly", "isPasswordField", "showClockIcon", "mask", "onBlur"] }] }); }
|
|
6903
6903
|
}
|
|
6904
6904
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsTimeFieldComponent, decorators: [{
|
|
6905
6905
|
type: Component,
|
|
6906
|
-
args: [{ selector: 'ads-time-field', standalone: false, template: "@if (militaryTime()) {\
|
|
6906
|
+
args: [{ selector: 'ads-time-field', standalone: false, template: "@if (militaryTime()) {\n <ads-input\n [control]=\"valueControl\"\n mask=\"Hh:m0\"\n [onBlur]=\"onBlurUpdateTime\"\n [id]=\"id\"\n [placeholder]=\"placeholder\"\n [label]=\"label\"\n [errorMessages]=\"errorMessages\"\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 [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]=\"errorMessages\"\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}::ng-deep .spinner{animation:spin 1s linear infinite;transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
6907
6907
|
}] });
|
|
6908
6908
|
|
|
6909
6909
|
class AdsTimeFieldModule {
|
|
@@ -6951,11 +6951,11 @@ class AdsNavigationComponent {
|
|
|
6951
6951
|
this.isMobile = false;
|
|
6952
6952
|
}
|
|
6953
6953
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6954
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsNavigationComponent, isStandalone: false, selector: "ads-navigation", inputs: { isCollapsed: "isCollapsed", isMobile: "isMobile" }, ngImport: i0, template: "<nav [class.collapsed]=\"isCollapsed\" [class.mobile]=\"isMobile\">\
|
|
6954
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsNavigationComponent, isStandalone: false, selector: "ads-navigation", inputs: { isCollapsed: "isCollapsed", isMobile: "isMobile" }, ngImport: i0, template: "<nav [class.collapsed]=\"isCollapsed\" [class.mobile]=\"isMobile\">\n <ng-content></ng-content>\n</nav>\n<div class=\"overlay\" [class.mobile]=\"isMobile\"></div>\n", styles: [":host{display:flex}nav{position:absolute;z-index:999;top:0;bottom:0;left:0;width:calc(100% - 55px);background-color:#fff;transition:.5s}nav:not(.mobile){position:relative;z-index:auto;display:inline;width:229px;height:20px}nav.collapsed{margin-left:-100%}nav.collapsed:not(.mobile){overflow:hidden;width:56px;margin-left:0}.overlay{position:fixed;z-index:990;top:70px;left:0;width:100%;height:100%;background-color:var(--color-medium);opacity:50%}.overlay:not(.mobile){display:none}nav.collapsed+.overlay{display:none}\n"] }); }
|
|
6955
6955
|
}
|
|
6956
6956
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNavigationComponent, decorators: [{
|
|
6957
6957
|
type: Component,
|
|
6958
|
-
args: [{ selector: 'ads-navigation', standalone: false, template: "<nav [class.collapsed]=\"isCollapsed\" [class.mobile]=\"isMobile\">\
|
|
6958
|
+
args: [{ selector: 'ads-navigation', standalone: false, template: "<nav [class.collapsed]=\"isCollapsed\" [class.mobile]=\"isMobile\">\n <ng-content></ng-content>\n</nav>\n<div class=\"overlay\" [class.mobile]=\"isMobile\"></div>\n", styles: [":host{display:flex}nav{position:absolute;z-index:999;top:0;bottom:0;left:0;width:calc(100% - 55px);background-color:#fff;transition:.5s}nav:not(.mobile){position:relative;z-index:auto;display:inline;width:229px;height:20px}nav.collapsed{margin-left:-100%}nav.collapsed:not(.mobile){overflow:hidden;width:56px;margin-left:0}.overlay{position:fixed;z-index:990;top:70px;left:0;width:100%;height:100%;background-color:var(--color-medium);opacity:50%}.overlay:not(.mobile){display:none}nav.collapsed+.overlay{display:none}\n"] }]
|
|
6959
6959
|
}], propDecorators: { isCollapsed: [{
|
|
6960
6960
|
type: Input
|
|
6961
6961
|
}], isMobile: [{
|
|
@@ -6987,11 +6987,11 @@ class AdsNavigationHeaderComponent {
|
|
|
6987
6987
|
this.isMobile = false;
|
|
6988
6988
|
}
|
|
6989
6989
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNavigationHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6990
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsNavigationHeaderComponent, isStandalone: false, selector: "ads-navigation-header", inputs: { isCollapsed: "isCollapsed", isMobile: "isMobile" }, ngImport: i0, template: "<header [class.collapsed]=\"isCollapsed\" [class.mobile]=\"isMobile\">\
|
|
6990
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsNavigationHeaderComponent, isStandalone: false, selector: "ads-navigation-header", inputs: { isCollapsed: "isCollapsed", isMobile: "isMobile" }, ngImport: i0, template: "<header [class.collapsed]=\"isCollapsed\" [class.mobile]=\"isMobile\">\n <ng-content></ng-content>\n</header>\n", styles: ["header{display:flex;box-sizing:border-box;align-items:center;justify-content:center;padding:16px 0 16px 25px;border-bottom:1px solid var(--color-light);position:fixed}header.collapsed{max-height:101px;justify-content:flex-end;padding:16px 11px}header.mobile{justify-content:flex-start}\n"] }); }
|
|
6991
6991
|
}
|
|
6992
6992
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNavigationHeaderComponent, decorators: [{
|
|
6993
6993
|
type: Component,
|
|
6994
|
-
args: [{ selector: 'ads-navigation-header', standalone: false, template: "<header [class.collapsed]=\"isCollapsed\" [class.mobile]=\"isMobile\">\
|
|
6994
|
+
args: [{ selector: 'ads-navigation-header', standalone: false, template: "<header [class.collapsed]=\"isCollapsed\" [class.mobile]=\"isMobile\">\n <ng-content></ng-content>\n</header>\n", styles: ["header{display:flex;box-sizing:border-box;align-items:center;justify-content:center;padding:16px 0 16px 25px;border-bottom:1px solid var(--color-light);position:fixed}header.collapsed{max-height:101px;justify-content:flex-end;padding:16px 11px}header.mobile{justify-content:flex-start}\n"] }]
|
|
6995
6995
|
}], propDecorators: { isCollapsed: [{
|
|
6996
6996
|
type: Input
|
|
6997
6997
|
}], isMobile: [{
|
|
@@ -7037,11 +7037,11 @@ class AdsNavigationCollapseHandleComponent {
|
|
|
7037
7037
|
this.handleClicked.emit();
|
|
7038
7038
|
}
|
|
7039
7039
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNavigationCollapseHandleComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7040
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsNavigationCollapseHandleComponent, isStandalone: false, selector: "ads-navigation-collapse-handle", inputs: { id: "id", isCollapsed: "isCollapsed", isMobile: "isMobile", handleText: "handleText" }, outputs: { handleClicked: "handleClicked" }, ngImport: i0, template: "<div\
|
|
7040
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsNavigationCollapseHandleComponent, isStandalone: false, selector: "ads-navigation-collapse-handle", inputs: { id: "id", isCollapsed: "isCollapsed", isMobile: "isMobile", handleText: "handleText" }, outputs: { handleClicked: "handleClicked" }, ngImport: i0, template: "<div\n class=\"handle\"\n tabindex=\"0\"\n (keyup.enter)=\"onHandleClick()\"\n (click)=\"onHandleClick()\"\n [class.collapsed]=\"isCollapsed\"\n [class.mobile]=\"isMobile\"\n [id]=\"id\"\n>\n <ads-icon class=\"handle-icon\" name=\"menu_more_info\" size=\"sm\"></ads-icon>\n <span class=\"handle-text\">{{ handleText }}</span>\n</div>\n", styles: [".handle{position:relative;display:flex;height:48px;box-sizing:border-box;flex:0 0 auto;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-light);background-color:var(--color-white);color:var(--color-medium);cursor:pointer}.handle .peak-icon{transform:rotate(90deg)}.handle:hover,.handle:focus{background-color:var(--color-light-30);color:var(--color-dark);outline:none}.handle-text{margin-left:16px;font-weight:500;-webkit-user-select:none;user-select:none;white-space:nowrap}::ng-deep .handle-icon.peak-icon svg{width:24px;height:24px}.handle.mobile{display:none!important}\n"], dependencies: [{ kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
|
|
7041
7041
|
}
|
|
7042
7042
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNavigationCollapseHandleComponent, decorators: [{
|
|
7043
7043
|
type: Component,
|
|
7044
|
-
args: [{ selector: 'ads-navigation-collapse-handle', standalone: false, template: "<div\
|
|
7044
|
+
args: [{ selector: 'ads-navigation-collapse-handle', standalone: false, template: "<div\n class=\"handle\"\n tabindex=\"0\"\n (keyup.enter)=\"onHandleClick()\"\n (click)=\"onHandleClick()\"\n [class.collapsed]=\"isCollapsed\"\n [class.mobile]=\"isMobile\"\n [id]=\"id\"\n>\n <ads-icon class=\"handle-icon\" name=\"menu_more_info\" size=\"sm\"></ads-icon>\n <span class=\"handle-text\">{{ handleText }}</span>\n</div>\n", styles: [".handle{position:relative;display:flex;height:48px;box-sizing:border-box;flex:0 0 auto;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-light);background-color:var(--color-white);color:var(--color-medium);cursor:pointer}.handle .peak-icon{transform:rotate(90deg)}.handle:hover,.handle:focus{background-color:var(--color-light-30);color:var(--color-dark);outline:none}.handle-text{margin-left:16px;font-weight:500;-webkit-user-select:none;user-select:none;white-space:nowrap}::ng-deep .handle-icon.peak-icon svg{width:24px;height:24px}.handle.mobile{display:none!important}\n"] }]
|
|
7045
7045
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { id: [{
|
|
7046
7046
|
type: Input
|
|
7047
7047
|
}], isCollapsed: [{
|
|
@@ -7127,11 +7127,11 @@ class AdsNavigationItemComponent {
|
|
|
7127
7127
|
this.displaySubNavigation = !this.displaySubNavigation;
|
|
7128
7128
|
}
|
|
7129
7129
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNavigationItemComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7130
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsNavigationItemComponent, isStandalone: false, selector: "ads-navigation-item", inputs: { active: "active", displaySubNavigation: "displaySubNavigation", hasSubmenu: "hasSubmenu", id: "id", isCollapsed: "isCollapsed", label: "label", path: "path" }, outputs: { itemSelected: "itemSelected" }, ngImport: i0, template: "<a\
|
|
7130
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsNavigationItemComponent, isStandalone: false, selector: "ads-navigation-item", inputs: { active: "active", displaySubNavigation: "displaySubNavigation", hasSubmenu: "hasSubmenu", id: "id", isCollapsed: "isCollapsed", label: "label", path: "path" }, outputs: { itemSelected: "itemSelected" }, ngImport: i0, template: "<a\n class=\"navigation-item\"\n [class.active]=\"active\"\n [class.collapsed]=\"isCollapsed\"\n [routerLink]=\"[path]\"\n (click)=\"onItemSelected()\"\n routerLinkActive=\"active\"\n #tooltip=\"matTooltip\"\n [matTooltip]=\"label\"\n [matTooltipDisabled]=\"!isCollapsed\"\n matTooltipPosition=\"right\"\n [id]=\"id\"\n>\n <div class=\"navigation-item-text\">\n {{ label }}\n </div>\n <div *ngIf=\"hasSubmenu\" class=\"navigation-submenu-icon\">\n <ads-icon\n *ngIf=\"displaySubNavigation; else subNavCollapsed\"\n class=\"center\"\n name=\"chevron_down\"\n size=\"xxs\"\n ></ads-icon>\n <ng-template #subNavCollapsed>\n <ads-icon class=\"center\" name=\"chevron_right\" size=\"xxs\"></ads-icon>\n </ng-template>\n </div>\n</a>\n\n@if (displaySubNavigation && !isCollapsed) {\n <ng-content></ng-content>\n}\n", styles: ["a{position:relative;display:flex;height:48px;box-sizing:border-box;flex:0 0 auto;align-items:center;padding:12px 15px;margin-right:-1px;color:var(--color-medium);cursor:pointer;text-decoration:none}a:not(.active):hover,a:not(.active):focus{background-color:var(--color-light-30);color:var(--color-dark);border-radius:5px}a.active{color:var(--color-dark);border-bottom:3px solid var(--color-primary)}.navigation-item-text{font-weight:500;white-space:nowrap;font-family:Poppins!important;font-size:14px}.navigation-submenu-icon{display:flex;height:30px;flex:1;align-items:center;justify-content:flex-end}::ng-deep a.navigation-item .peak-icon.navigation-item-icon svg{width:24px;height:24px}.peak-icon.center{display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
|
|
7131
7131
|
}
|
|
7132
7132
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNavigationItemComponent, decorators: [{
|
|
7133
7133
|
type: Component,
|
|
7134
|
-
args: [{ selector: 'ads-navigation-item', standalone: false, template: "<a\
|
|
7134
|
+
args: [{ selector: 'ads-navigation-item', standalone: false, template: "<a\n class=\"navigation-item\"\n [class.active]=\"active\"\n [class.collapsed]=\"isCollapsed\"\n [routerLink]=\"[path]\"\n (click)=\"onItemSelected()\"\n routerLinkActive=\"active\"\n #tooltip=\"matTooltip\"\n [matTooltip]=\"label\"\n [matTooltipDisabled]=\"!isCollapsed\"\n matTooltipPosition=\"right\"\n [id]=\"id\"\n>\n <div class=\"navigation-item-text\">\n {{ label }}\n </div>\n <div *ngIf=\"hasSubmenu\" class=\"navigation-submenu-icon\">\n <ads-icon\n *ngIf=\"displaySubNavigation; else subNavCollapsed\"\n class=\"center\"\n name=\"chevron_down\"\n size=\"xxs\"\n ></ads-icon>\n <ng-template #subNavCollapsed>\n <ads-icon class=\"center\" name=\"chevron_right\" size=\"xxs\"></ads-icon>\n </ng-template>\n </div>\n</a>\n\n@if (displaySubNavigation && !isCollapsed) {\n <ng-content></ng-content>\n}\n", styles: ["a{position:relative;display:flex;height:48px;box-sizing:border-box;flex:0 0 auto;align-items:center;padding:12px 15px;margin-right:-1px;color:var(--color-medium);cursor:pointer;text-decoration:none}a:not(.active):hover,a:not(.active):focus{background-color:var(--color-light-30);color:var(--color-dark);border-radius:5px}a.active{color:var(--color-dark);border-bottom:3px solid var(--color-primary)}.navigation-item-text{font-weight:500;white-space:nowrap;font-family:Poppins!important;font-size:14px}.navigation-submenu-icon{display:flex;height:30px;flex:1;align-items:center;justify-content:flex-end}::ng-deep a.navigation-item .peak-icon.navigation-item-icon svg{width:24px;height:24px}.peak-icon.center{display:flex;align-items:center;justify-content:center}\n"] }]
|
|
7135
7135
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { active: [{
|
|
7136
7136
|
type: Input
|
|
7137
7137
|
}], displaySubNavigation: [{
|
|
@@ -7172,11 +7172,11 @@ class AdsOrgDisplayTextComponent {
|
|
|
7172
7172
|
this.isMobile = false;
|
|
7173
7173
|
}
|
|
7174
7174
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsOrgDisplayTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7175
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsOrgDisplayTextComponent, isStandalone: false, selector: "ads-org-display-text", inputs: { text: "text", isMobile: "isMobile" }, ngImport: i0, template: "<span *ngIf=\"!isMobile\" class=\"org-display-text\">{{ text }}</span>\
|
|
7175
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: AdsOrgDisplayTextComponent, isStandalone: false, selector: "ads-org-display-text", inputs: { text: "text", isMobile: "isMobile" }, ngImport: i0, template: "<span *ngIf=\"!isMobile\" class=\"org-display-text\">{{ text }}</span>\n", styles: [".org-display-text{padding:0 24px;color:var(--color-primary);font-size:14px;font-weight:500;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
7176
7176
|
}
|
|
7177
7177
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsOrgDisplayTextComponent, decorators: [{
|
|
7178
7178
|
type: Component,
|
|
7179
|
-
args: [{ selector: 'ads-org-display-text', standalone: false, template: "<span *ngIf=\"!isMobile\" class=\"org-display-text\">{{ text }}</span>\
|
|
7179
|
+
args: [{ selector: 'ads-org-display-text', standalone: false, template: "<span *ngIf=\"!isMobile\" class=\"org-display-text\">{{ text }}</span>\n", styles: [".org-display-text{padding:0 24px;color:var(--color-primary);font-size:14px;font-weight:500;white-space:nowrap}\n"] }]
|
|
7180
7180
|
}], propDecorators: { text: [{
|
|
7181
7181
|
type: Input
|
|
7182
7182
|
}], isMobile: [{
|