@ascentgl/ads-ui 0.0.135 → 0.0.136
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 +174 -174
- package/fesm2022/ascentgl-ads-ui.mjs.map +1 -1
- package/package.json +12 -12
- 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 -85
- 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
|
@@ -94,11 +94,11 @@ class AdsAvatarComponent {
|
|
|
94
94
|
}
|
|
95
95
|
}
|
|
96
96
|
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 }); }
|
|
97
|
-
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"] }] }); }
|
|
97
|
+
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\">\r\n <img *ngIf=\"src; else icon\" [src]=\"src\" [alt]=\"alt\" />\r\n <ng-template #icon>\r\n <ads-icon\r\n [id]=\"id\"\r\n name=\"user_circle\"\r\n [size]=\"size\"\r\n theme=\"iconPrimary\"\r\n stroke=\"iconPrimary\"\r\n color=\"--color-medium\"\r\n />\r\n </ng-template>\r\n</div>\r\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"] }] }); }
|
|
98
98
|
}
|
|
99
99
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsAvatarComponent, decorators: [{
|
|
100
100
|
type: Component,
|
|
101
|
-
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"] }]
|
|
101
|
+
args: [{ selector: 'ads-avatar', standalone: false, template: "<div class=\"avatar\" [ngClass]=\"size\">\r\n <img *ngIf=\"src; else icon\" [src]=\"src\" [alt]=\"alt\" />\r\n <ng-template #icon>\r\n <ads-icon\r\n [id]=\"id\"\r\n name=\"user_circle\"\r\n [size]=\"size\"\r\n theme=\"iconPrimary\"\r\n stroke=\"iconPrimary\"\r\n color=\"--color-medium\"\r\n />\r\n </ng-template>\r\n</div>\r\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"] }]
|
|
102
102
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { alt: [{
|
|
103
103
|
type: Input
|
|
104
104
|
}], id: [{
|
|
@@ -147,11 +147,11 @@ class AdsIconHoverComponent {
|
|
|
147
147
|
this.clicked.emit();
|
|
148
148
|
}
|
|
149
149
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsIconHoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
150
|
-
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"] }); }
|
|
150
|
+
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\r\n class=\"icon-hover\"\r\n type=\"button\"\r\n [attr.aria-label]=\"ariaLabel()\"\r\n [attr.id]=\"id()\"\r\n [disabled]=\"disabled()\"\r\n (click)=\"onClick()\"\r\n>\r\n <ng-content></ng-content>\r\n</button>\r\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"] }); }
|
|
151
151
|
}
|
|
152
152
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsIconHoverComponent, decorators: [{
|
|
153
153
|
type: Component,
|
|
154
|
-
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"] }]
|
|
154
|
+
args: [{ selector: 'ads-icon-hover', standalone: false, template: "<button\r\n class=\"icon-hover\"\r\n type=\"button\"\r\n [attr.aria-label]=\"ariaLabel()\"\r\n [attr.id]=\"id()\"\r\n [disabled]=\"disabled()\"\r\n (click)=\"onClick()\"\r\n>\r\n <ng-content></ng-content>\r\n</button>\r\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"] }]
|
|
155
155
|
}] });
|
|
156
156
|
|
|
157
157
|
class AdsIconHoverModule {
|
|
@@ -190,11 +190,11 @@ class AdsNumericBadgeComponent extends AdsIconHoverComponent {
|
|
|
190
190
|
});
|
|
191
191
|
}
|
|
192
192
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNumericBadgeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
193
|
-
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"] }] }); }
|
|
193
|
+
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\r\n class=\"icon-hover color-{{ color() }}\"\r\n type=\"button\"\r\n [attr.aria-label]=\"ariaLabel()\"\r\n [attr.id]=\"id()\"\r\n [disabled]=\"disabled()\"\r\n (click)=\"onClick()\"\r\n>\r\n <ads-icon\r\n [name]=\"name()\"\r\n [size]=\"'sm'\"\r\n [theme]=\"theme()\"\r\n [matBadgeSize]=\"'small'\"\r\n [matBadge]=\"calculatedValue()\"\r\n ></ads-icon>\r\n</button>\r\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"] }] }); }
|
|
194
194
|
}
|
|
195
195
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNumericBadgeComponent, decorators: [{
|
|
196
196
|
type: Component,
|
|
197
|
-
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"] }]
|
|
197
|
+
args: [{ selector: 'ads-numeric-badge', standalone: false, template: "<button\r\n class=\"icon-hover color-{{ color() }}\"\r\n type=\"button\"\r\n [attr.aria-label]=\"ariaLabel()\"\r\n [attr.id]=\"id()\"\r\n [disabled]=\"disabled()\"\r\n (click)=\"onClick()\"\r\n>\r\n <ads-icon\r\n [name]=\"name()\"\r\n [size]=\"'sm'\"\r\n [theme]=\"theme()\"\r\n [matBadgeSize]=\"'small'\"\r\n [matBadge]=\"calculatedValue()\"\r\n ></ads-icon>\r\n</button>\r\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"] }]
|
|
198
198
|
}] });
|
|
199
199
|
|
|
200
200
|
class AdsNumericBadgeModule {
|
|
@@ -220,11 +220,11 @@ class AdsBreadcrumbComponent {
|
|
|
220
220
|
this.registry.register([adsIconChevronRight]);
|
|
221
221
|
}
|
|
222
222
|
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 }); }
|
|
223
|
-
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"] }] }); }
|
|
223
|
+
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\">\r\n <div class=\"ads-breadcrumb-list\">\r\n @for (breadcrumb of breadcrumbs(); track $index) {\r\n @if (!$last) {\r\n <a class=\"ads-breadcrumb\" [routerLink]=\"breadcrumb.url\">\r\n <span>{{ breadcrumb.label }}</span>\r\n </a>\r\n } @else {\r\n <div class=\"ads-breadcrumb active\">\r\n <span>{{ breadcrumb.label }}</span>\r\n </div>\r\n }\r\n @if (!$last) {\r\n <ads-icon class=\"separator\" [name]=\"'chevron_right'\" [size]=\"'xxxxs'\" />\r\n }\r\n }\r\n </div>\r\n</div>\r\n\r\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"] }] }); }
|
|
224
224
|
}
|
|
225
225
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsBreadcrumbComponent, decorators: [{
|
|
226
226
|
type: Component,
|
|
227
|
-
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"] }]
|
|
227
|
+
args: [{ selector: 'ads-breadcrumb', standalone: false, template: "<div class=\"ads-breadcrumbs-container\">\r\n <div class=\"ads-breadcrumb-list\">\r\n @for (breadcrumb of breadcrumbs(); track $index) {\r\n @if (!$last) {\r\n <a class=\"ads-breadcrumb\" [routerLink]=\"breadcrumb.url\">\r\n <span>{{ breadcrumb.label }}</span>\r\n </a>\r\n } @else {\r\n <div class=\"ads-breadcrumb active\">\r\n <span>{{ breadcrumb.label }}</span>\r\n </div>\r\n }\r\n @if (!$last) {\r\n <ads-icon class=\"separator\" [name]=\"'chevron_right'\" [size]=\"'xxxxs'\" />\r\n }\r\n }\r\n </div>\r\n</div>\r\n\r\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"] }]
|
|
228
228
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }] });
|
|
229
229
|
|
|
230
230
|
class AdsIconButtonComponent {
|
|
@@ -245,11 +245,11 @@ class AdsIconButtonComponent {
|
|
|
245
245
|
this.disabled = input(false);
|
|
246
246
|
}
|
|
247
247
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
248
|
-
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"] }] }); }
|
|
248
|
+
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\r\n type=\"button\"\r\n class=\"ads-icon-btn\"\r\n [disabled]=\"disabled()\"\r\n [attr.aria-label]=\"ariaLabel()\"\r\n [id]=\"id()\"\r\n [ngClass]=\"[size()]\"\r\n>\r\n <span class=\"icon-wrapper\">\r\n <ng-content></ng-content>\r\n </span>\r\n</button>\r\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"] }] }); }
|
|
249
249
|
}
|
|
250
250
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsIconButtonComponent, decorators: [{
|
|
251
251
|
type: Component,
|
|
252
|
-
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"] }]
|
|
252
|
+
args: [{ selector: 'ads-icon-button', standalone: false, template: "<button\r\n type=\"button\"\r\n class=\"ads-icon-btn\"\r\n [disabled]=\"disabled()\"\r\n [attr.aria-label]=\"ariaLabel()\"\r\n [id]=\"id()\"\r\n [ngClass]=\"[size()]\"\r\n>\r\n <span class=\"icon-wrapper\">\r\n <ng-content></ng-content>\r\n </span>\r\n</button>\r\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"] }]
|
|
253
253
|
}] });
|
|
254
254
|
|
|
255
255
|
class AdsIconButtonModule {
|
|
@@ -294,11 +294,11 @@ class AdsButtonComponent {
|
|
|
294
294
|
this.type = input('button');
|
|
295
295
|
}
|
|
296
296
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
297
|
-
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"] }] }); }
|
|
297
|
+
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\">\r\n <ng-content></ng-content>\r\n</button>\r\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"] }] }); }
|
|
298
298
|
}
|
|
299
299
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsButtonComponent, decorators: [{
|
|
300
300
|
type: Component,
|
|
301
|
-
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"] }]
|
|
301
|
+
args: [{ selector: 'ads-button', standalone: false, template: "<button mat-flat-button [id]=\"id()\" [ngClass]=\"[variant(), size()]\" [disabled]=\"disabled()\" [disableRipple]=\"true\">\r\n <ng-content></ng-content>\r\n</button>\r\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"] }]
|
|
302
302
|
}] });
|
|
303
303
|
|
|
304
304
|
class AdsButtonModule {
|
|
@@ -323,11 +323,11 @@ class AdsButtonContainerComponent {
|
|
|
323
323
|
this.gap = input(16);
|
|
324
324
|
}
|
|
325
325
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsButtonContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
326
|
-
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"] }); }
|
|
326
|
+
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'\">\r\n <ng-content></ng-content>\r\n</div>\r\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"] }); }
|
|
327
327
|
}
|
|
328
328
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsButtonContainerComponent, decorators: [{
|
|
329
329
|
type: Component,
|
|
330
|
-
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"] }]
|
|
330
|
+
args: [{ selector: 'ads-button-container', standalone: false, template: "<div class=\"button-container\" [style.justify-content]=\"justify()\" [style.gap]=\"gap() + 'px'\">\r\n <ng-content></ng-content>\r\n</div>\r\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"] }]
|
|
331
331
|
}] });
|
|
332
332
|
|
|
333
333
|
class AdsButtonContainerModule {
|
|
@@ -404,11 +404,11 @@ class AdsCardComponent {
|
|
|
404
404
|
return `var(--color-${color})`;
|
|
405
405
|
}
|
|
406
406
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
407
|
-
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"] }] }); }
|
|
407
|
+
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\r\n class=\"ads-card\"\r\n [ngStyle]=\"{\r\n borderWidth: borderWidth + 'px',\r\n borderColor: getBorderColor(borderColor),\r\n borderRadius: borderRadius + 'px',\r\n }\"\r\n>\r\n <ng-content />\r\n</div>\r\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"] }] }); }
|
|
408
408
|
}
|
|
409
409
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsCardComponent, decorators: [{
|
|
410
410
|
type: Component,
|
|
411
|
-
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"] }]
|
|
411
|
+
args: [{ selector: 'ads-card', standalone: false, template: "<div\r\n class=\"ads-card\"\r\n [ngStyle]=\"{\r\n borderWidth: borderWidth + 'px',\r\n borderColor: getBorderColor(borderColor),\r\n borderRadius: borderRadius + 'px',\r\n }\"\r\n>\r\n <ng-content />\r\n</div>\r\n", styles: [".ads-card{padding:24px;border:1px solid var(--color-light);border-radius:10px;color:var(--color-dark)}\n"] }]
|
|
412
412
|
}], propDecorators: { borderColor: [{
|
|
413
413
|
type: Input
|
|
414
414
|
}], borderWidth: [{
|
|
@@ -433,11 +433,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
|
|
|
433
433
|
|
|
434
434
|
class AdsTagContainerComponent {
|
|
435
435
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsTagContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
436
|
-
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"] }); }
|
|
436
|
+
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\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".tag-container{display:flex;justify-content:flex-end;align-items:flex-start;gap:16px;flex-wrap:wrap;height:24px}\n"] }); }
|
|
437
437
|
}
|
|
438
438
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsTagContainerComponent, decorators: [{
|
|
439
439
|
type: Component,
|
|
440
|
-
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"] }]
|
|
440
|
+
args: [{ selector: 'ads-tag-container', standalone: false, template: "<div class=\"tag-container\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".tag-container{display:flex;justify-content:flex-end;align-items:flex-start;gap:16px;flex-wrap:wrap;height:24px}\n"] }]
|
|
441
441
|
}] });
|
|
442
442
|
|
|
443
443
|
class AdsTagComponent {
|
|
@@ -494,11 +494,11 @@ class AdsTagComponent {
|
|
|
494
494
|
return `var(--color-${Colors.White})`;
|
|
495
495
|
}
|
|
496
496
|
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 }); }
|
|
497
|
-
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 }); }
|
|
497
|
+
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\r\n class=\"tag\"\r\n [ngStyle]=\"{\r\n 'background-color': getBackgroundColor(),\r\n color: getTextColor(),\r\n }\"\r\n>\r\n <ng-content></ng-content>\r\n <span class=\"tag-text\" (click)=\"onSelected()\">{{ tag() }}</span>\r\n\r\n @if (removable()) {\r\n <ads-icon\r\n [id]=\"'ads-tag-' + id()\"\r\n name=\"cross\"\r\n size=\"xxxxs\"\r\n (click)=\"onRemove()\"\r\n [stroke]=\"isDarkTitle() ? 'dark' : 'white'\"\r\n />\r\n }\r\n</div>\r\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 }); }
|
|
498
498
|
}
|
|
499
499
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsTagComponent, decorators: [{
|
|
500
500
|
type: Component,
|
|
501
|
-
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"] }]
|
|
501
|
+
args: [{ selector: 'ads-tag', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\r\n class=\"tag\"\r\n [ngStyle]=\"{\r\n 'background-color': getBackgroundColor(),\r\n color: getTextColor(),\r\n }\"\r\n>\r\n <ng-content></ng-content>\r\n <span class=\"tag-text\" (click)=\"onSelected()\">{{ tag() }}</span>\r\n\r\n @if (removable()) {\r\n <ads-icon\r\n [id]=\"'ads-tag-' + id()\"\r\n name=\"cross\"\r\n size=\"xxxxs\"\r\n (click)=\"onRemove()\"\r\n [stroke]=\"isDarkTitle() ? 'dark' : 'white'\"\r\n />\r\n }\r\n</div>\r\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"] }]
|
|
502
502
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }] });
|
|
503
503
|
|
|
504
504
|
class AdsCreateTagComponent {
|
|
@@ -732,11 +732,11 @@ class AdsCreateTagComponent {
|
|
|
732
732
|
this.tags = this.tags.filter((existingTag) => existingTag.id !== id); // Remove tag from the list of tags
|
|
733
733
|
}
|
|
734
734
|
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 }); }
|
|
735
|
-
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"] }] }); }
|
|
735
|
+
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>\r\n @for (tag of tags; track tag.id) {\r\n @if (selectedTag()?.id === tag.id) {\r\n <form [formGroup]=\"form\">\r\n <div class=\"tag-overlay-trigger\" cdkOverlayOrigin #updateTrigger=\"cdkOverlayOrigin\"></div>\r\n <ng-template\r\n cdkConnectedOverlay\r\n [cdkConnectedOverlayOrigin]=\"updateTrigger\"\r\n [cdkConnectedOverlayPositions]=\"positions\"\r\n [cdkConnectedOverlayPush]=\"true\"\r\n [cdkConnectedOverlayOpen]=\"true\"\r\n [cdkConnectedOverlayHasBackdrop]=\"true\"\r\n (backdropClick)=\"hide()\"\r\n (detach)=\"hide()\"\r\n >\r\n <div class=\"tag-overlay\">\r\n <input #editInput formControlName=\"tag\" [attr.maxlength]=\"maxlength()\" />\r\n <div class=\"tag-configuration\">\r\n <div class=\"color-picker\">\r\n @for (color of palette(); track color) {\r\n <div\r\n class=\"color\"\r\n [class.selected]=\"selectedColor === color\"\r\n [ngStyle]=\"{\r\n 'background-color': getBackgroundColor(color),\r\n opacity: selectedColor && selectedColor !== color ? 0.2 : 1,\r\n }\"\r\n (click)=\"onColorChange(color)\"\r\n ></div>\r\n }\r\n </div>\r\n <div class=\"actions\">\r\n <ads-button [variant]=\"'secondary'\" size=\"xs\" (click)=\"reset()\">{{ 'Cancel' }}</ads-button>\r\n <ads-button size=\"xs\" [disabled]=\"isValueInvalid()\" (click)=\"updateTag()\">\r\n {{ 'Save' }}\r\n </ads-button>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n </form>\r\n } @else {\r\n <ads-tag\r\n [tag]=\"tag.tag\"\r\n [color]=\"tag.color\"\r\n [id]=\"tag.id\"\r\n (selected)=\"onTagSelect($event)\"\r\n (remove)=\"onTagRemove($event)\"\r\n />\r\n }\r\n }\r\n\r\n <div class=\"container\">\r\n @if (showInput) {\r\n <form [formGroup]=\"form\">\r\n <div class=\"tag-overlay-trigger\" cdkOverlayOrigin #addTrigger=\"cdkOverlayOrigin\"></div>\r\n <ng-template\r\n cdkConnectedOverlay\r\n [cdkConnectedOverlayOrigin]=\"addTrigger\"\r\n [cdkConnectedOverlayPositions]=\"positions\"\r\n [cdkConnectedOverlayPush]=\"true\"\r\n [cdkConnectedOverlayOpen]=\"true\"\r\n [cdkConnectedOverlayHasBackdrop]=\"true\"\r\n (backdropClick)=\"hide()\"\r\n (detach)=\"hide()\"\r\n >\r\n <div class=\"tag-overlay\">\r\n <input #addInput formControlName=\"tag\" [attr.maxlength]=\"maxlength()\" />\r\n <div class=\"tag-configuration\">\r\n <div class=\"color-picker\">\r\n @for (color of palette(); track color) {\r\n <div\r\n class=\"color\"\r\n [class.selected]=\"selectedColor === color\"\r\n [ngStyle]=\"{\r\n 'background-color': getBackgroundColor(color),\r\n opacity: selectedColor && selectedColor !== color ? 0.2 : 1,\r\n }\"\r\n (click)=\"onColorChange(color)\"\r\n ></div>\r\n }\r\n </div>\r\n <div class=\"actions\">\r\n <ads-button [variant]=\"'secondary'\" size=\"xs\" (click)=\"reset()\">{{ 'Cancel' }}</ads-button>\r\n <ads-button size=\"xs\" [disabled]=\"isValueInvalid()\" (click)=\"addTag()\">{{ 'Add' }} </ads-button>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n </form>\r\n }\r\n\r\n @if (this.tags.length < this.limit()) {\r\n <ads-button (click)=\"displayInput()\" size=\"xs\">\r\n {{ 'Add Tag' }}\r\n </ads-button>\r\n }\r\n </div>\r\n</ads-tag-container>\r\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"] }] }); }
|
|
736
736
|
}
|
|
737
737
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsCreateTagComponent, decorators: [{
|
|
738
738
|
type: Component,
|
|
739
|
-
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"] }]
|
|
739
|
+
args: [{ selector: 'ads-create-tag', standalone: false, template: "<ads-tag-container>\r\n @for (tag of tags; track tag.id) {\r\n @if (selectedTag()?.id === tag.id) {\r\n <form [formGroup]=\"form\">\r\n <div class=\"tag-overlay-trigger\" cdkOverlayOrigin #updateTrigger=\"cdkOverlayOrigin\"></div>\r\n <ng-template\r\n cdkConnectedOverlay\r\n [cdkConnectedOverlayOrigin]=\"updateTrigger\"\r\n [cdkConnectedOverlayPositions]=\"positions\"\r\n [cdkConnectedOverlayPush]=\"true\"\r\n [cdkConnectedOverlayOpen]=\"true\"\r\n [cdkConnectedOverlayHasBackdrop]=\"true\"\r\n (backdropClick)=\"hide()\"\r\n (detach)=\"hide()\"\r\n >\r\n <div class=\"tag-overlay\">\r\n <input #editInput formControlName=\"tag\" [attr.maxlength]=\"maxlength()\" />\r\n <div class=\"tag-configuration\">\r\n <div class=\"color-picker\">\r\n @for (color of palette(); track color) {\r\n <div\r\n class=\"color\"\r\n [class.selected]=\"selectedColor === color\"\r\n [ngStyle]=\"{\r\n 'background-color': getBackgroundColor(color),\r\n opacity: selectedColor && selectedColor !== color ? 0.2 : 1,\r\n }\"\r\n (click)=\"onColorChange(color)\"\r\n ></div>\r\n }\r\n </div>\r\n <div class=\"actions\">\r\n <ads-button [variant]=\"'secondary'\" size=\"xs\" (click)=\"reset()\">{{ 'Cancel' }}</ads-button>\r\n <ads-button size=\"xs\" [disabled]=\"isValueInvalid()\" (click)=\"updateTag()\">\r\n {{ 'Save' }}\r\n </ads-button>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n </form>\r\n } @else {\r\n <ads-tag\r\n [tag]=\"tag.tag\"\r\n [color]=\"tag.color\"\r\n [id]=\"tag.id\"\r\n (selected)=\"onTagSelect($event)\"\r\n (remove)=\"onTagRemove($event)\"\r\n />\r\n }\r\n }\r\n\r\n <div class=\"container\">\r\n @if (showInput) {\r\n <form [formGroup]=\"form\">\r\n <div class=\"tag-overlay-trigger\" cdkOverlayOrigin #addTrigger=\"cdkOverlayOrigin\"></div>\r\n <ng-template\r\n cdkConnectedOverlay\r\n [cdkConnectedOverlayOrigin]=\"addTrigger\"\r\n [cdkConnectedOverlayPositions]=\"positions\"\r\n [cdkConnectedOverlayPush]=\"true\"\r\n [cdkConnectedOverlayOpen]=\"true\"\r\n [cdkConnectedOverlayHasBackdrop]=\"true\"\r\n (backdropClick)=\"hide()\"\r\n (detach)=\"hide()\"\r\n >\r\n <div class=\"tag-overlay\">\r\n <input #addInput formControlName=\"tag\" [attr.maxlength]=\"maxlength()\" />\r\n <div class=\"tag-configuration\">\r\n <div class=\"color-picker\">\r\n @for (color of palette(); track color) {\r\n <div\r\n class=\"color\"\r\n [class.selected]=\"selectedColor === color\"\r\n [ngStyle]=\"{\r\n 'background-color': getBackgroundColor(color),\r\n opacity: selectedColor && selectedColor !== color ? 0.2 : 1,\r\n }\"\r\n (click)=\"onColorChange(color)\"\r\n ></div>\r\n }\r\n </div>\r\n <div class=\"actions\">\r\n <ads-button [variant]=\"'secondary'\" size=\"xs\" (click)=\"reset()\">{{ 'Cancel' }}</ads-button>\r\n <ads-button size=\"xs\" [disabled]=\"isValueInvalid()\" (click)=\"addTag()\">{{ 'Add' }} </ads-button>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n </form>\r\n }\r\n\r\n @if (this.tags.length < this.limit()) {\r\n <ads-button (click)=\"displayInput()\" size=\"xs\">\r\n {{ 'Add Tag' }}\r\n </ads-button>\r\n }\r\n </div>\r\n</ads-tag-container>\r\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"] }]
|
|
740
740
|
}], ctorParameters: () => [{ type: i4.FormBuilder }, { type: i1.AdsIconRegistry }], propDecorators: { tags: [{
|
|
741
741
|
type: Input
|
|
742
742
|
}], addInput: [{
|
|
@@ -835,11 +835,11 @@ class DividerComponent {
|
|
|
835
835
|
};
|
|
836
836
|
}
|
|
837
837
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: DividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
838
|
-
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"] }] }); }
|
|
838
|
+
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>\r\n", styles: [".ads-divider{height:1px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
839
839
|
}
|
|
840
840
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: DividerComponent, decorators: [{
|
|
841
841
|
type: Component,
|
|
842
|
-
args: [{ selector: 'ads-divider', standalone: false, template: "<div [ngStyle]=\"style\" class=\"ads-divider\"></div>\n", styles: [".ads-divider{height:1px}\n"] }]
|
|
842
|
+
args: [{ selector: 'ads-divider', standalone: false, template: "<div [ngStyle]=\"style\" class=\"ads-divider\"></div>\r\n", styles: [".ads-divider{height:1px}\n"] }]
|
|
843
843
|
}], propDecorators: { margin: [{
|
|
844
844
|
type: Input
|
|
845
845
|
}], color: [{
|
|
@@ -1305,11 +1305,11 @@ class AdsDragAndDropListComponent {
|
|
|
1305
1305
|
return this.draggedElement?.dom === element?.dom;
|
|
1306
1306
|
}
|
|
1307
1307
|
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 }); }
|
|
1308
|
-
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"] }); }
|
|
1308
|
+
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)\">\r\n <ng-content></ng-content>\r\n</div>\r\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"] }); }
|
|
1309
1309
|
}
|
|
1310
1310
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsDragAndDropListComponent, decorators: [{
|
|
1311
1311
|
type: Component,
|
|
1312
|
-
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"] }]
|
|
1312
|
+
args: [{ selector: 'ads-drag-and-drop-list', standalone: false, template: "<div class=\"draggable-list\" #draggableList (dragleave)=\"onListDragLeave($event)\">\r\n <ng-content></ng-content>\r\n</div>\r\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"] }]
|
|
1313
1313
|
}], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { draggableList: [{
|
|
1314
1314
|
type: ViewChild,
|
|
1315
1315
|
args: ['draggableList', { read: ElementRef, static: true }]
|
|
@@ -1422,11 +1422,11 @@ class AdsErrorPageComponent {
|
|
|
1422
1422
|
}
|
|
1423
1423
|
}
|
|
1424
1424
|
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 }); }
|
|
1425
|
-
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"] }] }); }
|
|
1425
|
+
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\">\r\n <div class=\"body\">\r\n <div class=\"body-header\"><img [src]=\"logoSrc\" [alt]=\"logoAlt\" /></div>\r\n <div class=\"body-error-representation\" #errorRepresentation [ngClass]=\"{ svg: iconAsSvg }\">\r\n <div *ngIf=\"iconAsSvg; else code\" class=\"error-icon {{ config.icon }}\" [innerHTML]=\"iconAsSvg\"></div>\r\n <ng-template #code>\r\n <span class=\"error-code\" #errorCode [ngStyle]=\"adjustStyles()\">\r\n {{ config.code || defaults.errorCode }}\r\n </span>\r\n </ng-template>\r\n </div>\r\n <div class=\"body-error-message\" *ngIf=\"config.message\">{{ config.message }}</div>\r\n <div class=\"body-error-summary\" *ngIf=\"config.summary\">{{ config.summary }}</div>\r\n </div>\r\n <div class=\"footer\" *ngIf=\"config.infoColumns?.length || config.showHomeButton || config.showBackButton\">\r\n <div class=\"footer-info-columns\" *ngIf=\"config.infoColumns?.length\">\r\n <!-- default alignment for single column is \"center\", otherwise - \"left\" -->\r\n <div\r\n *ngFor=\"let column of config.infoColumns\"\r\n class=\"footer-info-column\"\r\n [ngStyle]=\"{\r\n 'text-align': column.alignment ? column.alignment : (config.infoColumns?.length ?? 1) > 1 ? 'left' : 'center',\r\n }\"\r\n >\r\n <div class=\"footer-column-header\" *ngIf=\"column.header\">{{ column.header }}</div>\r\n <div class=\"footer-column-body\" [innerHTML]=\"column.body\"></div>\r\n </div>\r\n </div>\r\n <div class=\"footer-buttons\" *ngIf=\"config.showHomeButton || config.showBackButton\">\r\n <ads-button *ngIf=\"config.showBackButton\" variant=\"secondary\" (click)=\"back()\">{{\r\n config.backButtonLabel || defaults.backButtonLabel\r\n }}</ads-button>\r\n <ads-button *ngIf=\"config.showHomeButton\" variant=\"primary\" routerLink=\"/\">{{\r\n config.homeButtonLabel || defaults.homeButtonLabel\r\n }}</ads-button>\r\n </div>\r\n </div>\r\n</div>\r\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"] }] }); }
|
|
1426
1426
|
}
|
|
1427
1427
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsErrorPageComponent, decorators: [{
|
|
1428
1428
|
type: Component,
|
|
1429
|
-
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"] }]
|
|
1429
|
+
args: [{ selector: 'ads-error-page', standalone: false, template: "<div class=\"error-page-container\">\r\n <div class=\"body\">\r\n <div class=\"body-header\"><img [src]=\"logoSrc\" [alt]=\"logoAlt\" /></div>\r\n <div class=\"body-error-representation\" #errorRepresentation [ngClass]=\"{ svg: iconAsSvg }\">\r\n <div *ngIf=\"iconAsSvg; else code\" class=\"error-icon {{ config.icon }}\" [innerHTML]=\"iconAsSvg\"></div>\r\n <ng-template #code>\r\n <span class=\"error-code\" #errorCode [ngStyle]=\"adjustStyles()\">\r\n {{ config.code || defaults.errorCode }}\r\n </span>\r\n </ng-template>\r\n </div>\r\n <div class=\"body-error-message\" *ngIf=\"config.message\">{{ config.message }}</div>\r\n <div class=\"body-error-summary\" *ngIf=\"config.summary\">{{ config.summary }}</div>\r\n </div>\r\n <div class=\"footer\" *ngIf=\"config.infoColumns?.length || config.showHomeButton || config.showBackButton\">\r\n <div class=\"footer-info-columns\" *ngIf=\"config.infoColumns?.length\">\r\n <!-- default alignment for single column is \"center\", otherwise - \"left\" -->\r\n <div\r\n *ngFor=\"let column of config.infoColumns\"\r\n class=\"footer-info-column\"\r\n [ngStyle]=\"{\r\n 'text-align': column.alignment ? column.alignment : (config.infoColumns?.length ?? 1) > 1 ? 'left' : 'center',\r\n }\"\r\n >\r\n <div class=\"footer-column-header\" *ngIf=\"column.header\">{{ column.header }}</div>\r\n <div class=\"footer-column-body\" [innerHTML]=\"column.body\"></div>\r\n </div>\r\n </div>\r\n <div class=\"footer-buttons\" *ngIf=\"config.showHomeButton || config.showBackButton\">\r\n <ads-button *ngIf=\"config.showBackButton\" variant=\"secondary\" (click)=\"back()\">{{\r\n config.backButtonLabel || defaults.backButtonLabel\r\n }}</ads-button>\r\n <ads-button *ngIf=\"config.showHomeButton\" variant=\"primary\" routerLink=\"/\">{{\r\n config.homeButtonLabel || defaults.homeButtonLabel\r\n }}</ads-button>\r\n </div>\r\n </div>\r\n</div>\r\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"] }]
|
|
1430
1430
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.AdsIconRegistry }, { type: i1$1.Location }, { type: i3.DomSanitizer }], propDecorators: { logoSrc: [{
|
|
1431
1431
|
type: Input
|
|
1432
1432
|
}], logoAlt: [{
|
|
@@ -1510,11 +1510,11 @@ class AdsFooterComponent {
|
|
|
1510
1510
|
this.links = [];
|
|
1511
1511
|
}
|
|
1512
1512
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1513
|
-
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"] }); }
|
|
1513
|
+
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\">\r\n <div class=\"links\">\r\n @for (link of links; track $index) {\r\n <a class=\"tertiary-link text-xs\" [href]=\"link.href\" [target]=\"link.target || '_self'\">{{ link.text }}</a>\r\n }\r\n </div>\r\n <div class=\"footer-right\">\r\n <div class=\"copyright\">\r\n @if (copyright.href) {\r\n <a\r\n class=\"secondary-link text-xs\"\r\n [href]=\"copyright.href\"\r\n [target]=\"copyright.target || '_self'\"\r\n [innerHtml]=\"copyright.text\"\r\n ></a>\r\n } @else {\r\n <span [innerHtml]=\"copyright.text\"></span>\r\n }\r\n </div>\r\n @if (logoSrc) {\r\n <div class=\"logo\">\r\n <img [attr.src]=\"logoSrc\" alt=\"{{ alt }}\" />\r\n </div>\r\n }\r\n </div>\r\n</div>\r\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"] }); }
|
|
1514
1514
|
}
|
|
1515
1515
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsFooterComponent, decorators: [{
|
|
1516
1516
|
type: Component,
|
|
1517
|
-
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"] }]
|
|
1517
|
+
args: [{ selector: 'ads-footer', standalone: false, template: "<div class=\"footer\">\r\n <div class=\"links\">\r\n @for (link of links; track $index) {\r\n <a class=\"tertiary-link text-xs\" [href]=\"link.href\" [target]=\"link.target || '_self'\">{{ link.text }}</a>\r\n }\r\n </div>\r\n <div class=\"footer-right\">\r\n <div class=\"copyright\">\r\n @if (copyright.href) {\r\n <a\r\n class=\"secondary-link text-xs\"\r\n [href]=\"copyright.href\"\r\n [target]=\"copyright.target || '_self'\"\r\n [innerHtml]=\"copyright.text\"\r\n ></a>\r\n } @else {\r\n <span [innerHtml]=\"copyright.text\"></span>\r\n }\r\n </div>\r\n @if (logoSrc) {\r\n <div class=\"logo\">\r\n <img [attr.src]=\"logoSrc\" alt=\"{{ alt }}\" />\r\n </div>\r\n }\r\n </div>\r\n</div>\r\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"] }]
|
|
1518
1518
|
}], propDecorators: { alt: [{
|
|
1519
1519
|
type: Input
|
|
1520
1520
|
}], copyright: [{
|
|
@@ -1541,11 +1541,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
|
|
|
1541
1541
|
|
|
1542
1542
|
class AdsFooterContainerComponent {
|
|
1543
1543
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsFooterContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1544
|
-
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"] }); }
|
|
1544
|
+
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>\r\n <ng-content></ng-content>\r\n</footer>\r\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"] }); }
|
|
1545
1545
|
}
|
|
1546
1546
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsFooterContainerComponent, decorators: [{
|
|
1547
1547
|
type: Component,
|
|
1548
|
-
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"] }]
|
|
1548
|
+
args: [{ selector: 'ads-footer-container', standalone: false, template: "<footer>\r\n <ng-content></ng-content>\r\n</footer>\r\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"] }]
|
|
1549
1549
|
}] });
|
|
1550
1550
|
|
|
1551
1551
|
class AdsFooterContainerModule {
|
|
@@ -1563,11 +1563,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
|
|
|
1563
1563
|
|
|
1564
1564
|
class AdsHeaderComponent {
|
|
1565
1565
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1566
|
-
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"] }); }
|
|
1566
|
+
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\">\r\n <div class=\"addon-left\">\r\n <ng-content select=\"[left]\"></ng-content>\r\n </div>\r\n <ng-content select=\"[logo]\"></ng-content>\r\n <div class=\"addon-right\">\r\n <ng-content select=\"[right]\"></ng-content>\r\n </div>\r\n</div>\r\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"] }); }
|
|
1567
1567
|
}
|
|
1568
1568
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsHeaderComponent, decorators: [{
|
|
1569
1569
|
type: Component,
|
|
1570
|
-
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"] }]
|
|
1570
|
+
args: [{ selector: 'ads-header', standalone: false, template: "<div class=\"header\">\r\n <div class=\"addon-left\">\r\n <ng-content select=\"[left]\"></ng-content>\r\n </div>\r\n <ng-content select=\"[logo]\"></ng-content>\r\n <div class=\"addon-right\">\r\n <ng-content select=\"[right]\"></ng-content>\r\n </div>\r\n</div>\r\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"] }]
|
|
1571
1571
|
}] });
|
|
1572
1572
|
|
|
1573
1573
|
class AdsHeaderModule {
|
|
@@ -1591,11 +1591,11 @@ class AdsHeaderContainerComponent {
|
|
|
1591
1591
|
this.isMobile = false;
|
|
1592
1592
|
}
|
|
1593
1593
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsHeaderContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1594
|
-
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"] }); }
|
|
1594
|
+
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\">\r\n <ng-content></ng-content>\r\n</header>\r\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"] }); }
|
|
1595
1595
|
}
|
|
1596
1596
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsHeaderContainerComponent, decorators: [{
|
|
1597
1597
|
type: Component,
|
|
1598
|
-
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"] }]
|
|
1598
|
+
args: [{ selector: 'ads-header-container', standalone: false, template: "<header [class.mobile]=\"isMobile\">\r\n <ng-content></ng-content>\r\n</header>\r\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"] }]
|
|
1599
1599
|
}], propDecorators: { isMobile: [{
|
|
1600
1600
|
type: Input
|
|
1601
1601
|
}] } });
|
|
@@ -1621,11 +1621,11 @@ class AdsLinkButtonComponent {
|
|
|
1621
1621
|
this.disabled = input(false);
|
|
1622
1622
|
}
|
|
1623
1623
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsLinkButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1624
|
-
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"] }] }); }
|
|
1624
|
+
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\">\r\n <ng-content select=\"[icon]\"></ng-content>\r\n <ng-content></ng-content>\r\n</button>\r\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"] }] }); }
|
|
1625
1625
|
}
|
|
1626
1626
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsLinkButtonComponent, decorators: [{
|
|
1627
1627
|
type: Component,
|
|
1628
|
-
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"] }]
|
|
1628
|
+
args: [{ selector: 'ads-link-button', standalone: false, template: "<button mat-flat-button [id]=\"id()\" [disabled]=\"disabled()\" [disableRipple]=\"true\">\r\n <ng-content select=\"[icon]\"></ng-content>\r\n <ng-content></ng-content>\r\n</button>\r\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"] }]
|
|
1629
1629
|
}] });
|
|
1630
1630
|
|
|
1631
1631
|
class AdsLinkButtonModule {
|
|
@@ -1682,11 +1682,11 @@ class AdsPrimaryLogoComponent extends AbstractLogoComponent {
|
|
|
1682
1682
|
super();
|
|
1683
1683
|
}
|
|
1684
1684
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsPrimaryLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1685
|
-
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"] }] }); }
|
|
1685
|
+
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() }\">\r\n @if (isMobile || isCollapsed()) {\r\n <svg class=\"logo-svg\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"32\" viewBox=\"0 0 24 32\">\r\n <path\r\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\"\r\n />\r\n </svg>\r\n } @else {\r\n <svg class=\"logo-svg\" xmlns=\"http://www.w3.org/2000/svg\" width=\"80\" height=\"35\" viewBox=\"0 0 80 35\">\r\n <path\r\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\"\r\n />\r\n <path\r\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\"\r\n />\r\n <path d=\"M66.3569 10.3986H63.0128V28.0972H66.3569V10.3986Z\" />\r\n <path d=\"M71.14 19.2495L80 28.0972H75.4837L66.6205 19.2495L75.4837 10.3986H80L71.14 19.2495Z\" />\r\n <path d=\"M56.5265 0H41.304V2.84191H56.5265V0Z\" />\r\n <path d=\"M40.5882 28.0971H37.0032L48.9174 5.35858L60.8316 28.0971H57.2466L48.9174 12.2L40.5882 28.0971Z\" />\r\n </svg>\r\n }\r\n</picture>\r\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"] }] }); }
|
|
1686
1686
|
}
|
|
1687
1687
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsPrimaryLogoComponent, decorators: [{
|
|
1688
1688
|
type: Component,
|
|
1689
|
-
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"] }]
|
|
1689
|
+
args: [{ selector: 'ads-primary-logo', standalone: false, template: "<picture [ngClass]=\"{ full: !isCollapsed() }\">\r\n @if (isMobile || isCollapsed()) {\r\n <svg class=\"logo-svg\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"32\" viewBox=\"0 0 24 32\">\r\n <path\r\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\"\r\n />\r\n </svg>\r\n } @else {\r\n <svg class=\"logo-svg\" xmlns=\"http://www.w3.org/2000/svg\" width=\"80\" height=\"35\" viewBox=\"0 0 80 35\">\r\n <path\r\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\"\r\n />\r\n <path\r\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\"\r\n />\r\n <path d=\"M66.3569 10.3986H63.0128V28.0972H66.3569V10.3986Z\" />\r\n <path d=\"M71.14 19.2495L80 28.0972H75.4837L66.6205 19.2495L75.4837 10.3986H80L71.14 19.2495Z\" />\r\n <path d=\"M56.5265 0H41.304V2.84191H56.5265V0Z\" />\r\n <path d=\"M40.5882 28.0971H37.0032L48.9174 5.35858L60.8316 28.0971H57.2466L48.9174 12.2L40.5882 28.0971Z\" />\r\n </svg>\r\n }\r\n</picture>\r\n", styles: [".logo-svg{fill:var(--color-primary)}picture.full{min-width:80px}\n"] }]
|
|
1690
1690
|
}], ctorParameters: () => [] });
|
|
1691
1691
|
|
|
1692
1692
|
class AdsPrimaryLogoModule {
|
|
@@ -1743,11 +1743,11 @@ class AdsAscentLogoComponent extends AbstractLogoComponent {
|
|
|
1743
1743
|
this.isDarkMode = root.classList.contains('dark-theme');
|
|
1744
1744
|
}
|
|
1745
1745
|
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 }); }
|
|
1746
|
-
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"] }] }); }
|
|
1746
|
+
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"] }] }); }
|
|
1747
1747
|
}
|
|
1748
1748
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsAscentLogoComponent, decorators: [{
|
|
1749
1749
|
type: Component,
|
|
1750
|
-
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"] }]
|
|
1750
|
+
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"] }]
|
|
1751
1751
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { invertTheme: [{
|
|
1752
1752
|
type: Input
|
|
1753
1753
|
}] } });
|
|
@@ -1821,11 +1821,11 @@ class AdsProgressBarComponent {
|
|
|
1821
1821
|
return `calc(${(value / max) * 100}% + 5.5px)`;
|
|
1822
1822
|
}
|
|
1823
1823
|
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 }); }
|
|
1824
|
-
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"] }] }); }
|
|
1824
|
+
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\">\r\n <div class=\"progress-marker\" [ngStyle]=\"{ width: markerPosition }\">\r\n <ads-icon *ngIf=\"showMarker\" name=\"sort_descending\" size=\"xxxs\"></ads-icon>\r\n </div>\r\n <progress\r\n role=\"progressbar\"\r\n aria-valuemin=\"0\"\r\n [attr.aria-valuemax]=\"max\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n [value]=\"value\"\r\n [max]=\"max\"\r\n [id]=\"id\"\r\n ></progress>\r\n</div>\r\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"] }] }); }
|
|
1825
1825
|
}
|
|
1826
1826
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsProgressBarComponent, decorators: [{
|
|
1827
1827
|
type: Component,
|
|
1828
|
-
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"] }]
|
|
1828
|
+
args: [{ selector: 'ads-progress-bar', standalone: false, template: "<div class=\"progress-container\" [ngClass]=\"color\" [class.completed]=\"value >= max\">\r\n <div class=\"progress-marker\" [ngStyle]=\"{ width: markerPosition }\">\r\n <ads-icon *ngIf=\"showMarker\" name=\"sort_descending\" size=\"xxxs\"></ads-icon>\r\n </div>\r\n <progress\r\n role=\"progressbar\"\r\n aria-valuemin=\"0\"\r\n [attr.aria-valuemax]=\"max\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n [value]=\"value\"\r\n [max]=\"max\"\r\n [id]=\"id\"\r\n ></progress>\r\n</div>\r\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"] }]
|
|
1829
1829
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { id: [{
|
|
1830
1830
|
type: Input
|
|
1831
1831
|
}], disabled: [{
|
|
@@ -1924,11 +1924,11 @@ class AdsProgressSpinnerComponent {
|
|
|
1924
1924
|
this.cdr.detectChanges();
|
|
1925
1925
|
}
|
|
1926
1926
|
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 }); }
|
|
1927
|
-
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"] }] }); }
|
|
1927
|
+
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) {\r\n <div class=\"spinner-container\">\r\n <div class=\"spinner-overlay\" [ngStyle]=\"getOverlayStyles()\">\r\n <mat-spinner [diameter]=\"computedDiameter\" aria-label=\"progress spinner\"></mat-spinner>\r\n </div>\r\n </div>\r\n} @else {\r\n <div class=\"spinner-overlay window\" [ngStyle]=\"{ zIndex }\">\r\n <mat-spinner [diameter]=\"computedDiameter\" aria-label=\"progress spinner\"></mat-spinner>\r\n </div>\r\n}\r\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"] }] }); }
|
|
1928
1928
|
}
|
|
1929
1929
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsProgressSpinnerComponent, decorators: [{
|
|
1930
1930
|
type: Component,
|
|
1931
|
-
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"] }]
|
|
1931
|
+
args: [{ selector: 'ads-progress-spinner', standalone: false, template: "@if (isSticky) {\r\n <div class=\"spinner-container\">\r\n <div class=\"spinner-overlay\" [ngStyle]=\"getOverlayStyles()\">\r\n <mat-spinner [diameter]=\"computedDiameter\" aria-label=\"progress spinner\"></mat-spinner>\r\n </div>\r\n </div>\r\n} @else {\r\n <div class=\"spinner-overlay window\" [ngStyle]=\"{ zIndex }\">\r\n <mat-spinner [diameter]=\"computedDiameter\" aria-label=\"progress spinner\"></mat-spinner>\r\n </div>\r\n}\r\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"] }]
|
|
1932
1932
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { zIndex: [{
|
|
1933
1933
|
type: Input
|
|
1934
1934
|
}], scrollContainer: [{
|
|
@@ -2024,11 +2024,11 @@ class AdsProgressIndicatorSpinnerComponent {
|
|
|
2024
2024
|
}
|
|
2025
2025
|
}
|
|
2026
2026
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsProgressIndicatorSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2027
|
-
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"] }] }); }
|
|
2027
|
+
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 -->\r\n<div\r\n class=\"progress-indicator-wrapper\"\r\n [ngStyle]=\"{ padding: (diameter * defaults.padding) / defaults.diameter + 'px' }\"\r\n>\r\n <mat-spinner [mode]=\"'determinate'\" [diameter]=\"diameter\" [value]=\"percentage\"></mat-spinner>\r\n <!-- real font size is calculated based on default diameter and font size -->\r\n <div\r\n class=\"progress-value\"\r\n [ngStyle]=\"{\r\n fontSize: (diameter * defaults.fontSize) / defaults.diameter + 'px',\r\n width: diameter + 'px',\r\n height: diameter + 'px',\r\n }\"\r\n >\r\n <!-- hidden value is used to calculate visible value scale -->\r\n <span class=\"hidden-value\" #hiddenValue>{{ value }}</span>\r\n <!-- scale value only if it has more than 3 characters -->\r\n <!-- the text should not be wider than 70% of diameter -->\r\n <span\r\n class=\"visible-value\"\r\n [ngStyle]=\"{\r\n scale: hiddenValue.textContent!.length > 3 ? (this.diameter * 0.7) / hiddenValue.clientWidth : 1,\r\n }\"\r\n >{{ value }}</span\r\n >\r\n </div>\r\n</div>\r\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"] }] }); }
|
|
2028
2028
|
}
|
|
2029
2029
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsProgressIndicatorSpinnerComponent, decorators: [{
|
|
2030
2030
|
type: Component,
|
|
2031
|
-
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"] }]
|
|
2031
|
+
args: [{ selector: 'ads-progress-indicator-spinner', standalone: false, template: "<!-- real padding will be calculated based on default padding and font size -->\r\n<div\r\n class=\"progress-indicator-wrapper\"\r\n [ngStyle]=\"{ padding: (diameter * defaults.padding) / defaults.diameter + 'px' }\"\r\n>\r\n <mat-spinner [mode]=\"'determinate'\" [diameter]=\"diameter\" [value]=\"percentage\"></mat-spinner>\r\n <!-- real font size is calculated based on default diameter and font size -->\r\n <div\r\n class=\"progress-value\"\r\n [ngStyle]=\"{\r\n fontSize: (diameter * defaults.fontSize) / defaults.diameter + 'px',\r\n width: diameter + 'px',\r\n height: diameter + 'px',\r\n }\"\r\n >\r\n <!-- hidden value is used to calculate visible value scale -->\r\n <span class=\"hidden-value\" #hiddenValue>{{ value }}</span>\r\n <!-- scale value only if it has more than 3 characters -->\r\n <!-- the text should not be wider than 70% of diameter -->\r\n <span\r\n class=\"visible-value\"\r\n [ngStyle]=\"{\r\n scale: hiddenValue.textContent!.length > 3 ? (this.diameter * 0.7) / hiddenValue.clientWidth : 1,\r\n }\"\r\n >{{ value }}</span\r\n >\r\n </div>\r\n</div>\r\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"] }]
|
|
2032
2032
|
}], propDecorators: { diameter: [{
|
|
2033
2033
|
type: Input
|
|
2034
2034
|
}], max: [{
|
|
@@ -2065,11 +2065,11 @@ class ShellLayoutComponent {
|
|
|
2065
2065
|
this.isMobile = false;
|
|
2066
2066
|
}
|
|
2067
2067
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: ShellLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2068
|
-
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"] }); }
|
|
2068
|
+
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\">\r\n <div class=\"shell-container\">\r\n <ng-content select=\"[navigation]\"></ng-content>\r\n <div class=\"shell-header\">\r\n <ng-content select=\"[header]\"></ng-content> \r\n <main class=\"main-content\">\r\n <ng-content></ng-content>\r\n </main>\r\n <ng-content select=\"[widgetbar]\"></ng-content>\r\n </div>\r\n </div>\r\n <ng-content select=\"[footer]\"></ng-content>\r\n</div> -->\r\n\r\n<div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\r\n <div class=\"container\">\r\n <ng-content select=\"[header]\"></ng-content>\r\n <main class=\"main-content\">\r\n <ng-content></ng-content>\r\n </main>\r\n <ng-content select=\"[widgetbar]\"></ng-content>\r\n </div>\r\n <ng-content select=\"[footer]\"></ng-content>\r\n</div>\r\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"] }); }
|
|
2069
2069
|
}
|
|
2070
2070
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: ShellLayoutComponent, decorators: [{
|
|
2071
2071
|
type: Component,
|
|
2072
|
-
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"] }]
|
|
2072
|
+
args: [{ selector: 'ads-shell-layout', standalone: false, template: "<!-- <div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\r\n <div class=\"shell-container\">\r\n <ng-content select=\"[navigation]\"></ng-content>\r\n <div class=\"shell-header\">\r\n <ng-content select=\"[header]\"></ng-content> \r\n <main class=\"main-content\">\r\n <ng-content></ng-content>\r\n </main>\r\n <ng-content select=\"[widgetbar]\"></ng-content>\r\n </div>\r\n </div>\r\n <ng-content select=\"[footer]\"></ng-content>\r\n</div> -->\r\n\r\n<div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\r\n <div class=\"container\">\r\n <ng-content select=\"[header]\"></ng-content>\r\n <main class=\"main-content\">\r\n <ng-content></ng-content>\r\n </main>\r\n <ng-content select=\"[widgetbar]\"></ng-content>\r\n </div>\r\n <ng-content select=\"[footer]\"></ng-content>\r\n</div>\r\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"] }]
|
|
2073
2073
|
}], propDecorators: { isCollapsed: [{
|
|
2074
2074
|
type: Input
|
|
2075
2075
|
}], isMobile: [{
|
|
@@ -2095,11 +2095,11 @@ class AdsSplashPageComponent {
|
|
|
2095
2095
|
this.text = 'Coming Soon';
|
|
2096
2096
|
}
|
|
2097
2097
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsSplashPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2098
|
-
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"] }); }
|
|
2098
|
+
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\">\r\n <img [src]=\"imageSrc\" [alt]=\"alt\" />\r\n <h1>{{ text }}</h1>\r\n</div>\r\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"] }); }
|
|
2099
2099
|
}
|
|
2100
2100
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsSplashPageComponent, decorators: [{
|
|
2101
2101
|
type: Component,
|
|
2102
|
-
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"] }]
|
|
2102
|
+
args: [{ selector: 'ads-splash-page', standalone: false, template: "<div class=\"splash-page-container\">\r\n <img [src]=\"imageSrc\" [alt]=\"alt\" />\r\n <h1>{{ text }}</h1>\r\n</div>\r\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"] }]
|
|
2103
2103
|
}], propDecorators: { alt: [{
|
|
2104
2104
|
type: Input
|
|
2105
2105
|
}], imageSrc: [{
|
|
@@ -2439,56 +2439,56 @@ class AdsInputTooltipComponent {
|
|
|
2439
2439
|
return this.smallSize() ? '3px' : '12px';
|
|
2440
2440
|
}
|
|
2441
2441
|
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 }); }
|
|
2442
|
-
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: `
|
|
2443
|
-
@if (href()) {
|
|
2444
|
-
<a [href]="href()" target="_blank" rel="noopener noreferrer">
|
|
2445
|
-
<ads-icon
|
|
2446
|
-
[matTooltip]="tooltip()"
|
|
2447
|
-
[matTooltipPosition]="'above'"
|
|
2448
|
-
[name]="'information'"
|
|
2449
|
-
[size]="smallSize() ? 'xxs' : 'sm'"
|
|
2450
|
-
[theme]="'secondary'"
|
|
2451
|
-
[style.top]="iconPosition"
|
|
2452
|
-
class="clickable"
|
|
2453
|
-
/>
|
|
2454
|
-
</a>
|
|
2455
|
-
} @else {
|
|
2456
|
-
<ads-icon
|
|
2457
|
-
[matTooltip]="tooltip()"
|
|
2458
|
-
[matTooltipPosition]="'above'"
|
|
2459
|
-
[name]="'information'"
|
|
2460
|
-
[size]="smallSize() ? 'xxs' : 'sm'"
|
|
2461
|
-
[theme]="'secondary'"
|
|
2462
|
-
[style.top]="iconPosition"
|
|
2463
|
-
/>
|
|
2464
|
-
}
|
|
2442
|
+
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: `
|
|
2443
|
+
@if (href()) {
|
|
2444
|
+
<a [href]="href()" target="_blank" rel="noopener noreferrer">
|
|
2445
|
+
<ads-icon
|
|
2446
|
+
[matTooltip]="tooltip()"
|
|
2447
|
+
[matTooltipPosition]="'above'"
|
|
2448
|
+
[name]="'information'"
|
|
2449
|
+
[size]="smallSize() ? 'xxs' : 'sm'"
|
|
2450
|
+
[theme]="'secondary'"
|
|
2451
|
+
[style.top]="iconPosition"
|
|
2452
|
+
class="clickable"
|
|
2453
|
+
/>
|
|
2454
|
+
</a>
|
|
2455
|
+
} @else {
|
|
2456
|
+
<ads-icon
|
|
2457
|
+
[matTooltip]="tooltip()"
|
|
2458
|
+
[matTooltipPosition]="'above'"
|
|
2459
|
+
[name]="'information'"
|
|
2460
|
+
[size]="smallSize() ? 'xxs' : 'sm'"
|
|
2461
|
+
[theme]="'secondary'"
|
|
2462
|
+
[style.top]="iconPosition"
|
|
2463
|
+
/>
|
|
2464
|
+
}
|
|
2465
2465
|
`, 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"] }] }); }
|
|
2466
2466
|
}
|
|
2467
2467
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsInputTooltipComponent, decorators: [{
|
|
2468
2468
|
type: Component,
|
|
2469
|
-
args: [{ selector: 'ads-input-tooltip', template: `
|
|
2470
|
-
@if (href()) {
|
|
2471
|
-
<a [href]="href()" target="_blank" rel="noopener noreferrer">
|
|
2472
|
-
<ads-icon
|
|
2473
|
-
[matTooltip]="tooltip()"
|
|
2474
|
-
[matTooltipPosition]="'above'"
|
|
2475
|
-
[name]="'information'"
|
|
2476
|
-
[size]="smallSize() ? 'xxs' : 'sm'"
|
|
2477
|
-
[theme]="'secondary'"
|
|
2478
|
-
[style.top]="iconPosition"
|
|
2479
|
-
class="clickable"
|
|
2480
|
-
/>
|
|
2481
|
-
</a>
|
|
2482
|
-
} @else {
|
|
2483
|
-
<ads-icon
|
|
2484
|
-
[matTooltip]="tooltip()"
|
|
2485
|
-
[matTooltipPosition]="'above'"
|
|
2486
|
-
[name]="'information'"
|
|
2487
|
-
[size]="smallSize() ? 'xxs' : 'sm'"
|
|
2488
|
-
[theme]="'secondary'"
|
|
2489
|
-
[style.top]="iconPosition"
|
|
2490
|
-
/>
|
|
2491
|
-
}
|
|
2469
|
+
args: [{ selector: 'ads-input-tooltip', template: `
|
|
2470
|
+
@if (href()) {
|
|
2471
|
+
<a [href]="href()" target="_blank" rel="noopener noreferrer">
|
|
2472
|
+
<ads-icon
|
|
2473
|
+
[matTooltip]="tooltip()"
|
|
2474
|
+
[matTooltipPosition]="'above'"
|
|
2475
|
+
[name]="'information'"
|
|
2476
|
+
[size]="smallSize() ? 'xxs' : 'sm'"
|
|
2477
|
+
[theme]="'secondary'"
|
|
2478
|
+
[style.top]="iconPosition"
|
|
2479
|
+
class="clickable"
|
|
2480
|
+
/>
|
|
2481
|
+
</a>
|
|
2482
|
+
} @else {
|
|
2483
|
+
<ads-icon
|
|
2484
|
+
[matTooltip]="tooltip()"
|
|
2485
|
+
[matTooltipPosition]="'above'"
|
|
2486
|
+
[name]="'information'"
|
|
2487
|
+
[size]="smallSize() ? 'xxs' : 'sm'"
|
|
2488
|
+
[theme]="'secondary'"
|
|
2489
|
+
[style.top]="iconPosition"
|
|
2490
|
+
/>
|
|
2491
|
+
}
|
|
2492
2492
|
`, imports: [AdsIconModule, MatTooltip], styles: ["ads-icon{position:relative;top:12px}.clickable{cursor:pointer}a{text-decoration:none}\n"] }]
|
|
2493
2493
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }] });
|
|
2494
2494
|
|
|
@@ -2498,7 +2498,7 @@ class AdsErrorComponent {
|
|
|
2498
2498
|
this.error = input.required();
|
|
2499
2499
|
}
|
|
2500
2500
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2501
|
-
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: [
|
|
2501
|
+
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]>\r\n <div class=\"error\">\r\n <ads-icon [name]=\"'warning'\" [size]=\"'xxs'\" [theme]=\"'warn'\" [stroke]=\"'warn'\" />\r\n <span [innerHTML]=\"error()\"></span>\r\n </div>\r\n</mat-error>\r\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: [
|
|
2502
2502
|
trigger('fadeInOut', [
|
|
2503
2503
|
state('in', style({ opacity: 1, transform: 'translateX(0)' })),
|
|
2504
2504
|
transition('void => *', [style({ opacity: 0, transform: 'translateY(-30%)' }), animate('300ms ease-in')]),
|
|
@@ -2512,7 +2512,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
|
|
|
2512
2512
|
state('in', style({ opacity: 1, transform: 'translateX(0)' })),
|
|
2513
2513
|
transition('void => *', [style({ opacity: 0, transform: 'translateY(-30%)' }), animate('300ms ease-in')]),
|
|
2514
2514
|
]),
|
|
2515
|
-
], 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"] }]
|
|
2515
|
+
], template: "<mat-error class=\"mat-error\" [@fadeInOut]>\r\n <div class=\"error\">\r\n <ads-icon [name]=\"'warning'\" [size]=\"'xxs'\" [theme]=\"'warn'\" [stroke]=\"'warn'\" />\r\n <span [innerHTML]=\"error()\"></span>\r\n </div>\r\n</mat-error>\r\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"] }]
|
|
2516
2516
|
}] });
|
|
2517
2517
|
|
|
2518
2518
|
class AdsHintComponent {
|
|
@@ -2552,7 +2552,7 @@ class AdsSuccessComponent {
|
|
|
2552
2552
|
this.success = input.required();
|
|
2553
2553
|
}
|
|
2554
2554
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsSuccessComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2555
|
-
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: [
|
|
2555
|
+
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\">\r\n <div class=\"success\">\r\n <ads-icon name=\"check_circle_filled\" size=\"xxs\" color=\"--color-success\" stroke=\"white\" />\r\n <span [innerHTML]=\"success()\"></span>\r\n </div>\r\n</div>\r\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: [
|
|
2556
2556
|
trigger('fadeInOut', [
|
|
2557
2557
|
state('in', style({ opacity: 1, transform: 'translateX(0)' })),
|
|
2558
2558
|
transition('void => *', [style({ opacity: 0, transform: 'translateY(-30%)' }), animate('300ms ease-in')]),
|
|
@@ -2566,7 +2566,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
|
|
|
2566
2566
|
state('in', style({ opacity: 1, transform: 'translateX(0)' })),
|
|
2567
2567
|
transition('void => *', [style({ opacity: 0, transform: 'translateY(-30%)' }), animate('300ms ease-in')]),
|
|
2568
2568
|
]),
|
|
2569
|
-
], 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"] }]
|
|
2569
|
+
], template: "<div [@fadeInOut] class=\"container\">\r\n <div class=\"success\">\r\n <ads-icon name=\"check_circle_filled\" size=\"xxs\" color=\"--color-success\" stroke=\"white\" />\r\n <span [innerHTML]=\"success()\"></span>\r\n </div>\r\n</div>\r\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"] }]
|
|
2570
2570
|
}] });
|
|
2571
2571
|
|
|
2572
2572
|
class AdsCheckboxComponent extends AbstractBaseComponent {
|
|
@@ -2597,11 +2597,11 @@ class AdsCheckboxComponent extends AbstractBaseComponent {
|
|
|
2597
2597
|
this.valueControl.setValue(!this.valueControl.value);
|
|
2598
2598
|
}
|
|
2599
2599
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
2600
|
-
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"] }] }); }
|
|
2600
|
+
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 }\">\r\n <div class=\"ads-checkbox\" (click)=\"toggleCheck()\" [ngClass]=\"{ disabled: valueControl.disabled }\">\r\n <div class=\"checkbox-ripple\">\r\n <div class=\"checkbox-container\">\r\n @if (valueControl.value && !indeterminate) {\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"14\"\r\n height=\"12\"\r\n viewBox=\"0 0 14 12\"\r\n fill=\"none\"\r\n class=\"check-icon\"\r\n >\r\n <path d=\"M2 6L5.75 10.5L12 1.5\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n }\r\n\r\n @if (indeterminate) {\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"12\"\r\n height=\"4\"\r\n viewBox=\"0 0 12 4\"\r\n fill=\"none\"\r\n class=\"indeterminate-icon\"\r\n >\r\n <path\r\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\"\r\n />\r\n </svg>\r\n }\r\n </div>\r\n </div>\r\n @if (label) {\r\n <span class=\"checkbox-label\">{{ label }}</span>\r\n }\r\n </div>\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", 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"] }] }); }
|
|
2601
2601
|
}
|
|
2602
2602
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsCheckboxComponent, decorators: [{
|
|
2603
2603
|
type: Component,
|
|
2604
|
-
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"] }]
|
|
2604
|
+
args: [{ selector: 'ads-checkbox', standalone: false, template: "<div [ngStyle]=\"{ width: width }\">\r\n <div class=\"ads-checkbox\" (click)=\"toggleCheck()\" [ngClass]=\"{ disabled: valueControl.disabled }\">\r\n <div class=\"checkbox-ripple\">\r\n <div class=\"checkbox-container\">\r\n @if (valueControl.value && !indeterminate) {\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"14\"\r\n height=\"12\"\r\n viewBox=\"0 0 14 12\"\r\n fill=\"none\"\r\n class=\"check-icon\"\r\n >\r\n <path d=\"M2 6L5.75 10.5L12 1.5\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n }\r\n\r\n @if (indeterminate) {\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"12\"\r\n height=\"4\"\r\n viewBox=\"0 0 12 4\"\r\n fill=\"none\"\r\n class=\"indeterminate-icon\"\r\n >\r\n <path\r\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\"\r\n />\r\n </svg>\r\n }\r\n </div>\r\n </div>\r\n @if (label) {\r\n <span class=\"checkbox-label\">{{ label }}</span>\r\n }\r\n </div>\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", 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"] }]
|
|
2605
2605
|
}], propDecorators: { indeterminate: [{
|
|
2606
2606
|
type: Input
|
|
2607
2607
|
}], width: [{
|
|
@@ -2761,11 +2761,11 @@ class AdsDropdownComponent extends AbstractDropdownComponent {
|
|
|
2761
2761
|
this.toggleOption(option); // Update the option on checkbox change
|
|
2762
2762
|
}
|
|
2763
2763
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2764
|
-
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"] }] }); }
|
|
2764
|
+
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"] }] }); }
|
|
2765
2765
|
}
|
|
2766
2766
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsDropdownComponent, decorators: [{
|
|
2767
2767
|
type: Component,
|
|
2768
|
-
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"] }]
|
|
2768
|
+
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"] }]
|
|
2769
2769
|
}], ctorParameters: () => [], propDecorators: { displayValueFormatter: [{
|
|
2770
2770
|
type: Input
|
|
2771
2771
|
}], mode: [{
|
|
@@ -2907,11 +2907,11 @@ class AdsMultiSelectDropdownComponent extends AdsDropdownComponent {
|
|
|
2907
2907
|
});
|
|
2908
2908
|
}
|
|
2909
2909
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsMultiSelectDropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
2910
|
-
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"] }] }); }
|
|
2910
|
+
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"] }] }); }
|
|
2911
2911
|
}
|
|
2912
2912
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsMultiSelectDropdownComponent, decorators: [{
|
|
2913
2913
|
type: Component,
|
|
2914
|
-
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"] }]
|
|
2914
|
+
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"] }]
|
|
2915
2915
|
}], propDecorators: { showChips: [{
|
|
2916
2916
|
type: Input
|
|
2917
2917
|
}] } });
|
|
@@ -3022,11 +3022,11 @@ class AdsInputComponent extends AbstractInputComponent {
|
|
|
3022
3022
|
}
|
|
3023
3023
|
}
|
|
3024
3024
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
3025
|
-
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"] }] }); }
|
|
3025
|
+
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"] }] }); }
|
|
3026
3026
|
}
|
|
3027
3027
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsInputComponent, decorators: [{
|
|
3028
3028
|
type: Component,
|
|
3029
|
-
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"] }]
|
|
3029
|
+
args: [{ selector: 'ads-input', standalone: false, 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"] }]
|
|
3030
3030
|
}], propDecorators: { maxlength: [{
|
|
3031
3031
|
type: Input
|
|
3032
3032
|
}], type: [{
|
|
@@ -3155,11 +3155,11 @@ class AdsPhoneFieldComponent extends AbstractInputComponent {
|
|
|
3155
3155
|
this.valueChangesSubscription?.unsubscribe();
|
|
3156
3156
|
}
|
|
3157
3157
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsPhoneFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
3158
|
-
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"] }] }); }
|
|
3158
|
+
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\r\n [control]=\"valueControl\"\r\n [mask]=\"phoneMask()\"\r\n [onBlur]=\"onBlur\"\r\n [id]=\"id\"\r\n [placeholder]=\"placeholder\"\r\n [label]=\"label\"\r\n [errorMessages]=\"errorMessages\"\r\n [width]=\"width\"\r\n [showClearButton]=\"showClearButton\"\r\n/>\r\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"] }] }); }
|
|
3159
3159
|
}
|
|
3160
3160
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsPhoneFieldComponent, decorators: [{
|
|
3161
3161
|
type: Component,
|
|
3162
|
-
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"] }]
|
|
3162
|
+
args: [{ selector: 'ads-phone-field', standalone: false, template: "<ads-input\r\n [control]=\"valueControl\"\r\n [mask]=\"phoneMask()\"\r\n [onBlur]=\"onBlur\"\r\n [id]=\"id\"\r\n [placeholder]=\"placeholder\"\r\n [label]=\"label\"\r\n [errorMessages]=\"errorMessages\"\r\n [width]=\"width\"\r\n [showClearButton]=\"showClearButton\"\r\n/>\r\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"] }]
|
|
3163
3163
|
}] });
|
|
3164
3164
|
|
|
3165
3165
|
class AdsPhoneFieldModule {
|
|
@@ -3188,11 +3188,11 @@ class AdsTextareaComponent extends AbstractInputComponent {
|
|
|
3188
3188
|
this.canResize = true;
|
|
3189
3189
|
}
|
|
3190
3190
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsTextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
3191
|
-
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"] }] }); }
|
|
3191
|
+
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"] }] }); }
|
|
3192
3192
|
}
|
|
3193
3193
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsTextareaComponent, decorators: [{
|
|
3194
3194
|
type: Component,
|
|
3195
|
-
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"] }]
|
|
3195
|
+
args: [{ selector: 'ads-textarea', 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': 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"] }]
|
|
3196
3196
|
}], propDecorators: { maxlength: [{
|
|
3197
3197
|
type: Input
|
|
3198
3198
|
}], rows: [{
|
|
@@ -3297,11 +3297,11 @@ class AdsInputDropdownComponent extends AbstractInputComponent {
|
|
|
3297
3297
|
}
|
|
3298
3298
|
}
|
|
3299
3299
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsInputDropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
3300
|
-
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"] }] }); }
|
|
3300
|
+
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 }\">\r\n <div class=\"form-controls-wrapper\">\r\n <div\r\n class=\"text-box\"\r\n [ngClass]=\"{\r\n invalid: dropdownControl.invalid && dropdownControl.touched,\r\n 'success-label': canShowSuccess(),\r\n 'x-small': smallSize,\r\n }\"\r\n [ngStyle]=\"{ width: inputWidth }\"\r\n >\r\n <ads-input\r\n [control]=\"valueControl\"\r\n [maxlength]=\"maxlength\"\r\n [id]=\"id\"\r\n [pattern]=\"pattern\"\r\n [label]=\"label\"\r\n [type]=\"type\"\r\n [placeholder]=\"placeholder\"\r\n [errorMessages]=\"errorMessages\"\r\n [showExclamationOnError]=\"showExclamationOnError\"\r\n [showClearButton]=\"showClearButton\"\r\n [immediateValidation]=\"immediateValidation\"\r\n [showFooter]=\"false\"\r\n [size]=\"size\"\r\n [successMessage]=\"successMessage\"\r\n [mask]=\"mask\"\r\n />\r\n </div>\r\n <div\r\n class=\"select-box\"\r\n [ngClass]=\"{ invalid: valueControl.invalid && valueControl.touched }\"\r\n [ngStyle]=\"{ width: dropdownWidth }\"\r\n >\r\n @if (isSingleOptionSelected) {\r\n <ads-input\r\n [control]=\"dropdownControl\"\r\n [id]=\"id\"\r\n [readonly]=\"true\"\r\n [label]=\"dropdownLabel\"\r\n [placeholder]=\"dropdownPlaceholder\"\r\n [immediateValidation]=\"immediateValidation\"\r\n [showFooter]=\"false\"\r\n [size]=\"size\"\r\n [successMessage]=\"successMessage\"\r\n [mask]=\"mask\"\r\n />\r\n } @else {\r\n <ads-dropdown\r\n [hasEmptyValue]=\"hasEmptyValue\"\r\n [control]=\"dropdownControl\"\r\n [id]=\"dropdownId\"\r\n [options]=\"options\"\r\n [label]=\"dropdownLabel\"\r\n [placeholder]=\"dropdownPlaceholder\"\r\n [immediateValidation]=\"immediateValidation\"\r\n [displayValueKey]=\"displayValueKey\"\r\n [fitContent]=\"fitContent\"\r\n [showFooter]=\"false\"\r\n [checkSelected]=\"false\"\r\n [size]=\"size\"\r\n [successMessage]=\"successMessage\"\r\n />\r\n }\r\n </div>\r\n </div>\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", 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"] }] }); }
|
|
3301
3301
|
}
|
|
3302
3302
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsInputDropdownComponent, decorators: [{
|
|
3303
3303
|
type: Component,
|
|
3304
|
-
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"] }]
|
|
3304
|
+
args: [{ selector: 'ads-input-dropdown', standalone: false, template: "<div class=\"form-field-wrapper\" [ngStyle]=\"{ width: width }\">\r\n <div class=\"form-controls-wrapper\">\r\n <div\r\n class=\"text-box\"\r\n [ngClass]=\"{\r\n invalid: dropdownControl.invalid && dropdownControl.touched,\r\n 'success-label': canShowSuccess(),\r\n 'x-small': smallSize,\r\n }\"\r\n [ngStyle]=\"{ width: inputWidth }\"\r\n >\r\n <ads-input\r\n [control]=\"valueControl\"\r\n [maxlength]=\"maxlength\"\r\n [id]=\"id\"\r\n [pattern]=\"pattern\"\r\n [label]=\"label\"\r\n [type]=\"type\"\r\n [placeholder]=\"placeholder\"\r\n [errorMessages]=\"errorMessages\"\r\n [showExclamationOnError]=\"showExclamationOnError\"\r\n [showClearButton]=\"showClearButton\"\r\n [immediateValidation]=\"immediateValidation\"\r\n [showFooter]=\"false\"\r\n [size]=\"size\"\r\n [successMessage]=\"successMessage\"\r\n [mask]=\"mask\"\r\n />\r\n </div>\r\n <div\r\n class=\"select-box\"\r\n [ngClass]=\"{ invalid: valueControl.invalid && valueControl.touched }\"\r\n [ngStyle]=\"{ width: dropdownWidth }\"\r\n >\r\n @if (isSingleOptionSelected) {\r\n <ads-input\r\n [control]=\"dropdownControl\"\r\n [id]=\"id\"\r\n [readonly]=\"true\"\r\n [label]=\"dropdownLabel\"\r\n [placeholder]=\"dropdownPlaceholder\"\r\n [immediateValidation]=\"immediateValidation\"\r\n [showFooter]=\"false\"\r\n [size]=\"size\"\r\n [successMessage]=\"successMessage\"\r\n [mask]=\"mask\"\r\n />\r\n } @else {\r\n <ads-dropdown\r\n [hasEmptyValue]=\"hasEmptyValue\"\r\n [control]=\"dropdownControl\"\r\n [id]=\"dropdownId\"\r\n [options]=\"options\"\r\n [label]=\"dropdownLabel\"\r\n [placeholder]=\"dropdownPlaceholder\"\r\n [immediateValidation]=\"immediateValidation\"\r\n [displayValueKey]=\"displayValueKey\"\r\n [fitContent]=\"fitContent\"\r\n [showFooter]=\"false\"\r\n [checkSelected]=\"false\"\r\n [size]=\"size\"\r\n [successMessage]=\"successMessage\"\r\n />\r\n }\r\n </div>\r\n </div>\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", 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"] }]
|
|
3305
3305
|
}], propDecorators: { maxlength: [{
|
|
3306
3306
|
type: Input
|
|
3307
3307
|
}], type: [{
|
|
@@ -4007,11 +4007,11 @@ class AdsSearchDropdownComponent extends AbstractDropdownComponent {
|
|
|
4007
4007
|
}
|
|
4008
4008
|
}
|
|
4009
4009
|
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 }); }
|
|
4010
|
-
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" }] }); }
|
|
4010
|
+
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" }] }); }
|
|
4011
4011
|
}
|
|
4012
4012
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsSearchDropdownComponent, decorators: [{
|
|
4013
4013
|
type: Component,
|
|
4014
|
-
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"] }]
|
|
4014
|
+
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"] }]
|
|
4015
4015
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { maxlength: [{
|
|
4016
4016
|
type: Input
|
|
4017
4017
|
}], panelClass: [{
|
|
@@ -4160,11 +4160,11 @@ class AdsSearchInputComponent extends AdsInputComponent {
|
|
|
4160
4160
|
return this.valueControl.value || this.searchEmptyValue;
|
|
4161
4161
|
}
|
|
4162
4162
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsSearchInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4163
|
-
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"] }] }); }
|
|
4163
|
+
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"] }] }); }
|
|
4164
4164
|
}
|
|
4165
4165
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsSearchInputComponent, decorators: [{
|
|
4166
4166
|
type: Component,
|
|
4167
|
-
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"] }]
|
|
4167
|
+
args: [{ selector: 'ads-search-input', 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 '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"] }]
|
|
4168
4168
|
}], ctorParameters: () => [], propDecorators: { searchCallback: [{
|
|
4169
4169
|
type: Input
|
|
4170
4170
|
}], isIconClickable: [{
|
|
@@ -4331,8 +4331,8 @@ class DatetimeTemplateFormatter {
|
|
|
4331
4331
|
/**
|
|
4332
4332
|
* create arrow down icon
|
|
4333
4333
|
*/
|
|
4334
|
-
const arrowSVG = `<svg xmlns="http://www.w3.org/2000/svg" width="11" height="8" viewBox="0 0 11 8" fill="none">
|
|
4335
|
-
<path d="M0.5 0.0178223L10.5 0.0178224L5.5 7.01782L0.5 0.0178223Z" />
|
|
4334
|
+
const arrowSVG = `<svg xmlns="http://www.w3.org/2000/svg" width="11" height="8" viewBox="0 0 11 8" fill="none">
|
|
4335
|
+
<path d="M0.5 0.0178223L10.5 0.0178224L5.5 7.01782L0.5 0.0178223Z" />
|
|
4336
4336
|
</svg>`;
|
|
4337
4337
|
const arrowDiv = document.createElement('div');
|
|
4338
4338
|
arrowDiv.className = 'arrow-down';
|
|
@@ -4837,11 +4837,11 @@ class AdsDatetimepickerComponent extends AbstractInputComponent {
|
|
|
4837
4837
|
return this.removeOffset(value, this.getRequiredOffset(value));
|
|
4838
4838
|
}
|
|
4839
4839
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsDatetimepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4840
|
-
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"] }] }); }
|
|
4840
|
+
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"] }] }); }
|
|
4841
4841
|
}
|
|
4842
4842
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsDatetimepickerComponent, decorators: [{
|
|
4843
4843
|
type: Component,
|
|
4844
|
-
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"] }]
|
|
4844
|
+
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"] }]
|
|
4845
4845
|
}], ctorParameters: () => [], propDecorators: { picker: [{
|
|
4846
4846
|
type: ViewChild,
|
|
4847
4847
|
args: [MatDatetimepickerComponent]
|
|
@@ -5020,11 +5020,11 @@ class AdsDatepickerComponent extends AdsDatetimepickerComponent {
|
|
|
5020
5020
|
this.setControlValue(this.displayControl, valueToApply);
|
|
5021
5021
|
}
|
|
5022
5022
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsDatepickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
5023
|
-
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"] }] }); }
|
|
5023
|
+
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"] }] }); }
|
|
5024
5024
|
}
|
|
5025
5025
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsDatepickerComponent, decorators: [{
|
|
5026
5026
|
type: Component,
|
|
5027
|
-
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"] }]
|
|
5027
|
+
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"] }]
|
|
5028
5028
|
}], propDecorators: { customDisplayFormat: [{
|
|
5029
5029
|
type: Input
|
|
5030
5030
|
}] } });
|
|
@@ -5150,11 +5150,11 @@ class AdsTimepickerComponent extends AdsDatetimepickerComponent {
|
|
|
5150
5150
|
super.onSyncDisplayedValue(valueToApply);
|
|
5151
5151
|
}
|
|
5152
5152
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsTimepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5153
|
-
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"] }] }); }
|
|
5153
|
+
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"] }] }); }
|
|
5154
5154
|
}
|
|
5155
5155
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsTimepickerComponent, decorators: [{
|
|
5156
5156
|
type: Component,
|
|
5157
|
-
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"] }]
|
|
5157
|
+
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"] }]
|
|
5158
5158
|
}], ctorParameters: () => [], propDecorators: { customDisplayFormat: [{
|
|
5159
5159
|
type: Input
|
|
5160
5160
|
}] } });
|
|
@@ -5259,11 +5259,11 @@ class AdsRadioButtonComponent extends AdsDropdownComponent {
|
|
|
5259
5259
|
}
|
|
5260
5260
|
}
|
|
5261
5261
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsRadioButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
5262
|
-
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" }] }); }
|
|
5262
|
+
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\">\r\n <div>\r\n <mat-radio-group\r\n [id]=\"id\"\r\n [ngClass]=\"{\r\n vertical: vertical,\r\n 'radio-invalid': valueControl.invalid && (valueControl.touched || immediateValidation),\r\n }\"\r\n [formControl]=\"valueControl\"\r\n [ngStyle]=\"{ width: width }\"\r\n >\r\n @for (option of displayedOptions | keyvalue: applySorting; track $index) {\r\n <mat-radio-button [value]=\"option.key\">\r\n @if (useOptionTemplate) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"optionRef()\"\r\n [ngTemplateOutletContext]=\"{ $implicit: option.key, value: option.value }\"\r\n ></ng-template>\r\n } @else {\r\n {{ displayValueFormatter ? displayValueFormatter(option.key) : option.value }}\r\n }\r\n </mat-radio-button>\r\n }\r\n </mat-radio-group>\r\n @if (showFooter) {\r\n <div class=\"footer-container\">\r\n @if (canShowError()) {\r\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (canShowSuccess()) {\r\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (hint) {\r\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n }\r\n </div>\r\n }\r\n </div>\r\n @if (tooltip) {\r\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\r\n }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}mat-radio-group{display:flex;gap:10px;height:48px;align-items:center}mat-radio-group.radio-invalid .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" }] }); }
|
|
5263
5263
|
}
|
|
5264
5264
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsRadioButtonComponent, decorators: [{
|
|
5265
5265
|
type: Component,
|
|
5266
|
-
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"] }]
|
|
5266
|
+
args: [{ selector: 'ads-radio-button', standalone: false, template: "<div [ngStyle]=\"{ minWidth: width }\" class=\"ads-field-container\">\r\n <div>\r\n <mat-radio-group\r\n [id]=\"id\"\r\n [ngClass]=\"{\r\n vertical: vertical,\r\n 'radio-invalid': valueControl.invalid && (valueControl.touched || immediateValidation),\r\n }\"\r\n [formControl]=\"valueControl\"\r\n [ngStyle]=\"{ width: width }\"\r\n >\r\n @for (option of displayedOptions | keyvalue: applySorting; track $index) {\r\n <mat-radio-button [value]=\"option.key\">\r\n @if (useOptionTemplate) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"optionRef()\"\r\n [ngTemplateOutletContext]=\"{ $implicit: option.key, value: option.value }\"\r\n ></ng-template>\r\n } @else {\r\n {{ displayValueFormatter ? displayValueFormatter(option.key) : option.value }}\r\n }\r\n </mat-radio-button>\r\n }\r\n </mat-radio-group>\r\n @if (showFooter) {\r\n <div class=\"footer-container\">\r\n @if (canShowError()) {\r\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (canShowSuccess()) {\r\n <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (hint) {\r\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n }\r\n </div>\r\n }\r\n </div>\r\n @if (tooltip) {\r\n <ads-input-tooltip [tooltip]=\"tooltip\" [href]=\"tooltipHref\" />\r\n }\r\n</div>\r\n", styles: [".ads-field-container{display:flex;gap:12px;align-items:flex-start}mat-radio-group{display:flex;gap:10px;height:48px;align-items:center}mat-radio-group.radio-invalid .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"] }]
|
|
5267
5267
|
}], propDecorators: { vertical: [{
|
|
5268
5268
|
type: Input
|
|
5269
5269
|
}], sortOptions: [{
|
|
@@ -5354,11 +5354,11 @@ class AdsSlideToggleComponent extends AbstractBaseComponent {
|
|
|
5354
5354
|
return enabled ? titles[0] : titles[1];
|
|
5355
5355
|
}
|
|
5356
5356
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsSlideToggleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
5357
|
-
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"] }] }); }
|
|
5357
|
+
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 }\">\r\n <div class=\"toggle-container\" [class.checked]=\"valueControl.value\" [class.enable-yes-no]=\"enableYesOrNo\">\r\n <div class=\"toggle-track\">\r\n <span class=\"toggle-label\"> {{ getTitle(valueControl.value) }} </span>\r\n </div>\r\n <div class=\"toggle-handle\"></div>\r\n </div>\r\n\r\n @if (label) {\r\n <span class=\"label\"> {{ label }} </span>\r\n }\r\n</div>\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", 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"] }] }); }
|
|
5358
5358
|
}
|
|
5359
5359
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsSlideToggleComponent, decorators: [{
|
|
5360
5360
|
type: Component,
|
|
5361
|
-
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"] }]
|
|
5361
|
+
args: [{ selector: 'ads-slide-toggle', standalone: false, template: "<div class=\"ads-toggle\" [class.disabled]=\"valueControl.disabled\" (click)=\"toggle()\" [ngStyle]=\"{ width: width }\">\r\n <div class=\"toggle-container\" [class.checked]=\"valueControl.value\" [class.enable-yes-no]=\"enableYesOrNo\">\r\n <div class=\"toggle-track\">\r\n <span class=\"toggle-label\"> {{ getTitle(valueControl.value) }} </span>\r\n </div>\r\n <div class=\"toggle-handle\"></div>\r\n </div>\r\n\r\n @if (label) {\r\n <span class=\"label\"> {{ label }} </span>\r\n }\r\n</div>\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", 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"] }]
|
|
5362
5362
|
}], propDecorators: { enableYesOrNo: [{
|
|
5363
5363
|
type: Input
|
|
5364
5364
|
}], control: [{
|
|
@@ -5418,11 +5418,11 @@ class AdsSliderComponent extends AdsCheckboxComponent {
|
|
|
5418
5418
|
this.label = '';
|
|
5419
5419
|
}
|
|
5420
5420
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsSliderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
5421
|
-
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"] }] }); }
|
|
5421
|
+
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>\r\n <mat-slider [id]=\"id\" [ngStyle]=\"{ width: width }\" [min]=\"min\" [max]=\"max\" [step]=\"step\" aria-label=\"slider\"\r\n ><input matSliderThumb [formControl]=\"valueControl\" />\r\n </mat-slider>\r\n @if (valueControl.touched && valueControl.errors) {\r\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (hint) {\r\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n }\r\n</div>\r\n", styles: ["mat-slider{--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"] }] }); }
|
|
5422
5422
|
}
|
|
5423
5423
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsSliderComponent, decorators: [{
|
|
5424
5424
|
type: Component,
|
|
5425
|
-
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"] }]
|
|
5425
|
+
args: [{ selector: 'ads-slider', standalone: false, template: "<div>\r\n <mat-slider [id]=\"id\" [ngStyle]=\"{ width: width }\" [min]=\"min\" [max]=\"max\" [step]=\"step\" aria-label=\"slider\"\r\n ><input matSliderThumb [formControl]=\"valueControl\" />\r\n </mat-slider>\r\n @if (valueControl.touched && valueControl.errors) {\r\n <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\r\n } @else if (hint) {\r\n <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\r\n }\r\n</div>\r\n", styles: ["mat-slider{--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"] }]
|
|
5426
5426
|
}], propDecorators: { min: [{
|
|
5427
5427
|
type: Input
|
|
5428
5428
|
}], max: [{
|
|
@@ -5502,11 +5502,11 @@ class AdsSnackbarComponent {
|
|
|
5502
5502
|
}
|
|
5503
5503
|
}
|
|
5504
5504
|
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 }); }
|
|
5505
|
-
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"] }] }); }
|
|
5505
|
+
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\">\r\n <div class=\"snackbar-container\">\r\n <span class=\"snackbar-text\" [innerHTML]=\"data.message\" [id]=\"id + '-details'\"></span>\r\n </div>\r\n @if (!data.hideActionButton) {\r\n <ads-button\r\n [id]=\"id + '-button'\"\r\n [variant]=\"buttonPanelClass\"\r\n (click)=\"data.onButtonClick ? data.onButtonClick() : snackBarRef.dismissWithAction(); $event.stopPropagation()\"\r\n >\r\n {{ data.buttonCaption ?? defaultButtonCaption }}\r\n </ads-button>\r\n }\r\n</div>\r\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"] }] }); }
|
|
5506
5506
|
}
|
|
5507
5507
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsSnackbarComponent, decorators: [{
|
|
5508
5508
|
type: Component,
|
|
5509
|
-
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"] }]
|
|
5509
|
+
args: [{ selector: 'ads-snackbar', standalone: false, template: "<div class=\"container\" (click)=\"onSnackbarClick()\" [id]=\"id\">\r\n <div class=\"snackbar-container\">\r\n <span class=\"snackbar-text\" [innerHTML]=\"data.message\" [id]=\"id + '-details'\"></span>\r\n </div>\r\n @if (!data.hideActionButton) {\r\n <ads-button\r\n [id]=\"id + '-button'\"\r\n [variant]=\"buttonPanelClass\"\r\n (click)=\"data.onButtonClick ? data.onButtonClick() : snackBarRef.dismissWithAction(); $event.stopPropagation()\"\r\n >\r\n {{ data.buttonCaption ?? defaultButtonCaption }}\r\n </ads-button>\r\n }\r\n</div>\r\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"] }]
|
|
5510
5510
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { onSnackbarClick: [{
|
|
5511
5511
|
type: HostListener,
|
|
5512
5512
|
args: ['click']
|
|
@@ -5673,11 +5673,11 @@ class AdsModalComponent extends AbstractWindowResizeComponent {
|
|
|
5673
5673
|
this.dialogRef.close(ModalActionType.Delete);
|
|
5674
5674
|
}
|
|
5675
5675
|
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 }); }
|
|
5676
|
-
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"] }] }); }
|
|
5676
|
+
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'\">\r\n @if (data.headerTemplate) {\r\n <ng-container *ngTemplateOutlet=\"data.headerTemplate; context: { data: data.templateData }\" />\r\n }\r\n\r\n <span class=\"header-text\">{{ data.title }}</span>\r\n\r\n\r\n @if (!data.hideCrossIcon) {\r\n <div class=\"cross-icon-container\" [id]=\"id + '-cross-icon'\">\r\n <ads-icon name=\"cross\" size=\"xxs\" stroke=\"iconPrimary\" (click)=\"onCancel()\" />\r\n </div>\r\n }\r\n</div>\r\n\r\n<div mat-dialog-content [id]=\"id + '-content'\" [class.mobile]=\"isMobile()\">\r\n @if (data.contentTemplate) {\r\n <ng-container *ngTemplateOutlet=\"data.contentTemplate; context: { data: data.templateData }\" />\r\n }\r\n {{ data.content }}\r\n</div>\r\n\r\n<div mat-dialog-actions [class.actions-centered]=\"data.actionsCentered\" [class.mobile]=\"isMobile()\">\r\n @if (data.actionsTemplate) {\r\n <ng-container *ngTemplateOutlet=\"data.actionsTemplate; context: { data: data.templateData }\" />\r\n } @else {\r\n @if (data.actionHint) {\r\n <div class=\"action-hint\" [class.mobile]=\"isMobile()\" [id]=\"id + '-action-hint'\">{{ data.actionHint }}</div>\r\n }\r\n <div class=\"actions-container\" [class.mobile]=\"isMobile()\">\r\n @if (data.showDeleteButton) {\r\n <ads-button\r\n variant=\"error\"\r\n (click)=\"onDelete()\"\r\n [id]=\"id + '-action-delete'\"\r\n [size]=\"isMobile() ? 'sm' : 'base'\"\r\n > Delete\r\n </ads-button>\r\n }\r\n @if (!data.hideCancelButton) {\r\n <ads-button\r\n variant=\"secondary\"\r\n (click)=\"onCancel()\"\r\n [id]=\"id + '-action-secondary'\"\r\n [size]=\"isMobile() ? 'sm' : 'base'\"\r\n >\r\n @if (data.cancelButtonText) {\r\n {{ data.cancelButtonText }}\r\n } @else {\r\n {{ 'Cancel' }}\r\n }\r\n </ads-button>\r\n }\r\n <ads-button\r\n [disabled]=\"!!data.disabledConfirmButton\"\r\n [variant]=\"data.confirmButtonVariant ?? 'primary'\"\r\n (click)=\"onSubmit()\"\r\n [id]=\"id + '-action-primary'\"\r\n [size]=\"isMobile() ? 'sm' : 'base'\"\r\n >\r\n @if (data.confirmButtonText) {\r\n {{ data.confirmButtonText }}\r\n } @else {\r\n Save\r\n }\r\n </ads-button>\r\n </div>\r\n }\r\n</div>\r\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"] }] }); }
|
|
5677
5677
|
}
|
|
5678
5678
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsModalComponent, decorators: [{
|
|
5679
5679
|
type: Component,
|
|
5680
|
-
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"] }]
|
|
5680
|
+
args: [{ selector: 'ads-modal', standalone: false, template: "<div mat-dialog-title [id]=\"id + '-title'\">\r\n @if (data.headerTemplate) {\r\n <ng-container *ngTemplateOutlet=\"data.headerTemplate; context: { data: data.templateData }\" />\r\n }\r\n\r\n <span class=\"header-text\">{{ data.title }}</span>\r\n\r\n\r\n @if (!data.hideCrossIcon) {\r\n <div class=\"cross-icon-container\" [id]=\"id + '-cross-icon'\">\r\n <ads-icon name=\"cross\" size=\"xxs\" stroke=\"iconPrimary\" (click)=\"onCancel()\" />\r\n </div>\r\n }\r\n</div>\r\n\r\n<div mat-dialog-content [id]=\"id + '-content'\" [class.mobile]=\"isMobile()\">\r\n @if (data.contentTemplate) {\r\n <ng-container *ngTemplateOutlet=\"data.contentTemplate; context: { data: data.templateData }\" />\r\n }\r\n {{ data.content }}\r\n</div>\r\n\r\n<div mat-dialog-actions [class.actions-centered]=\"data.actionsCentered\" [class.mobile]=\"isMobile()\">\r\n @if (data.actionsTemplate) {\r\n <ng-container *ngTemplateOutlet=\"data.actionsTemplate; context: { data: data.templateData }\" />\r\n } @else {\r\n @if (data.actionHint) {\r\n <div class=\"action-hint\" [class.mobile]=\"isMobile()\" [id]=\"id + '-action-hint'\">{{ data.actionHint }}</div>\r\n }\r\n <div class=\"actions-container\" [class.mobile]=\"isMobile()\">\r\n @if (data.showDeleteButton) {\r\n <ads-button\r\n variant=\"error\"\r\n (click)=\"onDelete()\"\r\n [id]=\"id + '-action-delete'\"\r\n [size]=\"isMobile() ? 'sm' : 'base'\"\r\n > Delete\r\n </ads-button>\r\n }\r\n @if (!data.hideCancelButton) {\r\n <ads-button\r\n variant=\"secondary\"\r\n (click)=\"onCancel()\"\r\n [id]=\"id + '-action-secondary'\"\r\n [size]=\"isMobile() ? 'sm' : 'base'\"\r\n >\r\n @if (data.cancelButtonText) {\r\n {{ data.cancelButtonText }}\r\n } @else {\r\n {{ 'Cancel' }}\r\n }\r\n </ads-button>\r\n }\r\n <ads-button\r\n [disabled]=\"!!data.disabledConfirmButton\"\r\n [variant]=\"data.confirmButtonVariant ?? 'primary'\"\r\n (click)=\"onSubmit()\"\r\n [id]=\"id + '-action-primary'\"\r\n [size]=\"isMobile() ? 'sm' : 'base'\"\r\n >\r\n @if (data.confirmButtonText) {\r\n {{ data.confirmButtonText }}\r\n } @else {\r\n Save\r\n }\r\n </ads-button>\r\n </div>\r\n }\r\n</div>\r\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"] }]
|
|
5681
5681
|
}], ctorParameters: () => [{ type: i1$4.MatDialogRef }, { type: i1.AdsIconRegistry }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: undefined, decorators: [{
|
|
5682
5682
|
type: Inject,
|
|
5683
5683
|
args: [MAT_DIALOG_DATA]
|
|
@@ -5730,11 +5730,11 @@ class AdsChipComponent {
|
|
|
5730
5730
|
}
|
|
5731
5731
|
}
|
|
5732
5732
|
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 }); }
|
|
5733
|
-
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"] }] }); }
|
|
5733
|
+
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\">\r\n @if (showCheckedIcon()) {\r\n <ads-icon name=\"check\" />\r\n }\r\n <span (click)=\"onSelected()\">{{ title() }}</span>\r\n @if (deletable()) {\r\n <ads-icon name=\"cross\" class=\"chip-delete\" (click)=\"onDelete()\" />\r\n }\r\n</div>\r\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"] }] }); }
|
|
5734
5734
|
}
|
|
5735
5735
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsChipComponent, decorators: [{
|
|
5736
5736
|
type: Component,
|
|
5737
|
-
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"] }]
|
|
5737
|
+
args: [{ selector: 'ads-chip', standalone: false, template: "<div class=\"chip\" [class.disabled]=\"disabled()\" tabindex=\"0\">\r\n @if (showCheckedIcon()) {\r\n <ads-icon name=\"check\" />\r\n }\r\n <span (click)=\"onSelected()\">{{ title() }}</span>\r\n @if (deletable()) {\r\n <ads-icon name=\"cross\" class=\"chip-delete\" (click)=\"onDelete()\" />\r\n }\r\n</div>\r\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"] }]
|
|
5738
5738
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }] });
|
|
5739
5739
|
|
|
5740
5740
|
class AdsChipModule {
|
|
@@ -5773,11 +5773,11 @@ class AdsExpansionPanelComponent {
|
|
|
5773
5773
|
this.registry.register([adsIconChevronDown, adsIconChevronUp]);
|
|
5774
5774
|
}
|
|
5775
5775
|
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 }); }
|
|
5776
|
-
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"] }] }); }
|
|
5776
|
+
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()\">\r\n <mat-expansion-panel-header>\r\n <mat-panel-title>\r\n @if (!!headerTemplate()) {\r\n <ng-container *ngTemplateOutlet=\"headerTemplate()!; context: { data: headerTemplateData() }\" />\r\n } @else {\r\n {{ header() }}\r\n }\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]=\"chevronColor()\" />\r\n } @else {\r\n <ads-icon size=\"xs\" name=\"chevron_down\" [theme]=\"chevronColor()\" />\r\n }\r\n </mat-panel-description>\r\n </mat-expansion-panel-header>\r\n <ng-content />\r\n</mat-expansion-panel>\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"], 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"] }] }); }
|
|
5777
5777
|
}
|
|
5778
5778
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsExpansionPanelComponent, decorators: [{
|
|
5779
5779
|
type: Component,
|
|
5780
|
-
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"] }]
|
|
5780
|
+
args: [{ selector: 'ads-expansion-panel', standalone: false, template: "<mat-expansion-panel [expanded]=\"isExpanded()\" [ngStyle]=\"{ width: width() }\" #panel [disabled]=\"disabled()\">\r\n <mat-expansion-panel-header>\r\n <mat-panel-title>\r\n @if (!!headerTemplate()) {\r\n <ng-container *ngTemplateOutlet=\"headerTemplate()!; context: { data: headerTemplateData() }\" />\r\n } @else {\r\n {{ header() }}\r\n }\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]=\"chevronColor()\" />\r\n } @else {\r\n <ads-icon size=\"xs\" name=\"chevron_down\" [theme]=\"chevronColor()\" />\r\n }\r\n </mat-panel-description>\r\n </mat-expansion-panel-header>\r\n <ng-content />\r\n</mat-expansion-panel>\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"] }]
|
|
5781
5781
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }] });
|
|
5782
5782
|
|
|
5783
5783
|
class AdsExpansionPanelModule {
|
|
@@ -5960,11 +5960,11 @@ class AdsTableComponent {
|
|
|
5960
5960
|
this.resizeObserver?.disconnect();
|
|
5961
5961
|
}
|
|
5962
5962
|
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 }); }
|
|
5963
|
-
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"] }] }); }
|
|
5963
|
+
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"] }] }); }
|
|
5964
5964
|
}
|
|
5965
5965
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsTableComponent, decorators: [{
|
|
5966
5966
|
type: Component,
|
|
5967
|
-
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"] }]
|
|
5967
|
+
args: [{ selector: 'ads-table', standalone: false, 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"] }]
|
|
5968
5968
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { width: [{
|
|
5969
5969
|
type: Input
|
|
5970
5970
|
}], height: [{
|
|
@@ -6020,11 +6020,11 @@ class AdsNavMenuComponent {
|
|
|
6020
6020
|
this.router.navigate([this.userProfilePath()]);
|
|
6021
6021
|
}
|
|
6022
6022
|
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 }); }
|
|
6023
|
-
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"] }] }); }
|
|
6023
|
+
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\">\r\n @if (iconUrl()) {\r\n <img [src]=\"iconUrl()!\" alt=\"User Logo\" height=\"48\" width=\"48\" />\r\n } @else {\r\n <ads-icon name=\"user_circle\" theme=\"secondary\" />\r\n }\r\n @if (label()) {\r\n <span (click)=\"onUserProfileClick()\" [class.navigate]=\"userProfilePath()\">{{ label() }}</span>\r\n }\r\n\r\n <ads-icon class=\"more-info-icon\" name=\"menu_more_info\" theme=\"secondary\" [matMenuTriggerFor]=\"menu\" />\r\n</div>\r\n\r\n<mat-menu #menu=\"matMenu\" [class]=\"'ads-mat-menu'\">\r\n @for (item of navMenuItems(); track $index) {\r\n @if (item.template) {\r\n <ng-container *ngTemplateOutlet=\"item.template; context: { menuItem: item }\" />\r\n } @else if (item.href) {\r\n <button mat-menu-item [routerLink]=\"item.href!\" routerLinkActive=\"selected\">\r\n <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\r\n </button>\r\n } @else {\r\n <button mat-menu-item (click)=\"item.onClick ? item.onClick() : null\">\r\n <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\r\n </button>\r\n }\r\n }\r\n</mat-menu>\r\n\r\n<ng-template #text let-item=\"menuItem\">\r\n <div class=\"ads-menu-item-container\">\r\n @if (item.icon) {\r\n <ads-icon [id]=\"item.id\" [name]=\"item.icon\" size=\"sm\" theme=\"iconPrimary\"></ads-icon>\r\n }\r\n <span>{{ item.label }}</span>\r\n </div>\r\n</ng-template>\r\n", styles: [".mat-mdc-icon-button.mat-mdc-button-base{display:flex}::ng-deep .mat-mdc-menu-panel{max-width:none!important;--mat-menu-container-shape: 12px !important;--mat-menu-container-color: var(--color-white) !important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content{padding:0!important;--mat-menu-item-label-text-line-height: 21px;--mat-menu-item-label-text-tracking: normal}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item{--mat-menu-item-leading-spacing: 0;--mat-menu-item-trailing-spacing: 0;--mat-menu-item-label-text-color: var(--color-medium);background-color:var(--color-white)}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item[disabled]{opacity:1!important;background-color:var(--color-muted)!important;color:var(--color-medium)}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not([disabled]):hover{background-color:var(--color-secondary-hover)!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not([disabled]):active{background-color:var(--color-secondary-pressed)!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not([disabled]).selected{background-color:var(--color-secondary)}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not([disabled]):hover,::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"] }] }); }
|
|
6024
6024
|
}
|
|
6025
6025
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNavMenuComponent, decorators: [{
|
|
6026
6026
|
type: Component,
|
|
6027
|
-
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"] }]
|
|
6027
|
+
args: [{ selector: 'ads-nav-menu', standalone: false, template: "<div class=\"ads-avatar-container\">\r\n @if (iconUrl()) {\r\n <img [src]=\"iconUrl()!\" alt=\"User Logo\" height=\"48\" width=\"48\" />\r\n } @else {\r\n <ads-icon name=\"user_circle\" theme=\"secondary\" />\r\n }\r\n @if (label()) {\r\n <span (click)=\"onUserProfileClick()\" [class.navigate]=\"userProfilePath()\">{{ label() }}</span>\r\n }\r\n\r\n <ads-icon class=\"more-info-icon\" name=\"menu_more_info\" theme=\"secondary\" [matMenuTriggerFor]=\"menu\" />\r\n</div>\r\n\r\n<mat-menu #menu=\"matMenu\" [class]=\"'ads-mat-menu'\">\r\n @for (item of navMenuItems(); track $index) {\r\n @if (item.template) {\r\n <ng-container *ngTemplateOutlet=\"item.template; context: { menuItem: item }\" />\r\n } @else if (item.href) {\r\n <button mat-menu-item [routerLink]=\"item.href!\" routerLinkActive=\"selected\">\r\n <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\r\n </button>\r\n } @else {\r\n <button mat-menu-item (click)=\"item.onClick ? item.onClick() : null\">\r\n <ng-container *ngTemplateOutlet=\"text; context: { menuItem: item }\" />\r\n </button>\r\n }\r\n }\r\n</mat-menu>\r\n\r\n<ng-template #text let-item=\"menuItem\">\r\n <div class=\"ads-menu-item-container\">\r\n @if (item.icon) {\r\n <ads-icon [id]=\"item.id\" [name]=\"item.icon\" size=\"sm\" theme=\"iconPrimary\"></ads-icon>\r\n }\r\n <span>{{ item.label }}</span>\r\n </div>\r\n</ng-template>\r\n", styles: [".mat-mdc-icon-button.mat-mdc-button-base{display:flex}::ng-deep .mat-mdc-menu-panel{max-width:none!important;--mat-menu-container-shape: 12px !important;--mat-menu-container-color: var(--color-white) !important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content{padding:0!important;--mat-menu-item-label-text-line-height: 21px;--mat-menu-item-label-text-tracking: normal}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item{--mat-menu-item-leading-spacing: 0;--mat-menu-item-trailing-spacing: 0;--mat-menu-item-label-text-color: var(--color-medium);background-color:var(--color-white)}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item[disabled]{opacity:1!important;background-color:var(--color-muted)!important;color:var(--color-medium)}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not([disabled]):hover{background-color:var(--color-secondary-hover)!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not([disabled]):active{background-color:var(--color-secondary-pressed)!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not([disabled]).selected{background-color:var(--color-secondary)}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not([disabled]):hover,::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"] }]
|
|
6028
6028
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }, { type: i1$2.Router }] });
|
|
6029
6029
|
|
|
6030
6030
|
class AdsNavMenuModule {
|
|
@@ -6148,11 +6148,11 @@ class AdsSideNavBarComponent extends AbstractSideNavBarComponent {
|
|
|
6148
6148
|
this.registry.register([adsIconSearch]);
|
|
6149
6149
|
}
|
|
6150
6150
|
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 }); }
|
|
6151
|
-
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"] }] }); }
|
|
6151
|
+
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\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=\"left-side-content-container\">\r\n <div class=\"logo-container\">\r\n <a [routerLink]=\"'/'\">\r\n <ads-primary-logo [mobileWidth]=\"70\" [isCollapsed]=\"true\" class=\"show-on-collapsed\" />\r\n <ads-primary-logo [mobileWidth]=\"70\" [isCollapsed]=\"false\" class=\"hide-on-collapsed\" />\r\n </a>\r\n </div>\r\n\r\n <div class=\"nav-items-container\">\r\n @for (item of navItems(); track $index) {\r\n <a\r\n [routerLink]=\"item.href\"\r\n routerLinkActive=\"active-nav-link\"\r\n [routerLinkActiveOptions]=\"{ exact: true }\"\r\n class=\"ads-nav-link\"\r\n >\r\n <div class=\"ads-nav-item-container\">\r\n @if (!!item.icon) {\r\n <ads-icon [name]=\"item.icon!\" size=\"sm\" theme=\"iconPrimary\" stroke=\"iconPrimary\" />\r\n }\r\n\r\n <span class=\"hide-on-collapsed\">{{ item.label }}</span>\r\n </div>\r\n </a>\r\n }\r\n </div>\r\n <div class=\"bottom-container\" (click)=\"!!searchTemplate() && isCollapsed() ? expandSidebar() : null\">\r\n @if (!!searchTemplate()) {\r\n <ads-icon name=\"search\" size=\"sm\" theme=\"iconPrimary\" class=\"show-on-collapsed\" />\r\n <div class=\"hide-on-collapsed\">\r\n <ng-container *ngTemplateOutlet=\"searchTemplate()!\" />\r\n </div>\r\n }\r\n\r\n @if (!!extraDataTemplate()) {\r\n <div class=\"hide-on-collapsed\">\r\n <ng-container *ngTemplateOutlet=\"extraDataTemplate()!\" />\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n </as-split-area>\r\n\r\n <as-split-area>\r\n <ng-content></ng-content>\r\n </as-split-area>\r\n</as-split>\r\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"] }] }); }
|
|
6152
6152
|
}
|
|
6153
6153
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsSideNavBarComponent, decorators: [{
|
|
6154
6154
|
type: Component,
|
|
6155
|
-
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"] }]
|
|
6155
|
+
args: [{ selector: 'ads-side-nav-bar', standalone: false, template: "<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=\"left-side-content-container\">\r\n <div class=\"logo-container\">\r\n <a [routerLink]=\"'/'\">\r\n <ads-primary-logo [mobileWidth]=\"70\" [isCollapsed]=\"true\" class=\"show-on-collapsed\" />\r\n <ads-primary-logo [mobileWidth]=\"70\" [isCollapsed]=\"false\" class=\"hide-on-collapsed\" />\r\n </a>\r\n </div>\r\n\r\n <div class=\"nav-items-container\">\r\n @for (item of navItems(); track $index) {\r\n <a\r\n [routerLink]=\"item.href\"\r\n routerLinkActive=\"active-nav-link\"\r\n [routerLinkActiveOptions]=\"{ exact: true }\"\r\n class=\"ads-nav-link\"\r\n >\r\n <div class=\"ads-nav-item-container\">\r\n @if (!!item.icon) {\r\n <ads-icon [name]=\"item.icon!\" size=\"sm\" theme=\"iconPrimary\" stroke=\"iconPrimary\" />\r\n }\r\n\r\n <span class=\"hide-on-collapsed\">{{ item.label }}</span>\r\n </div>\r\n </a>\r\n }\r\n </div>\r\n <div class=\"bottom-container\" (click)=\"!!searchTemplate() && isCollapsed() ? expandSidebar() : null\">\r\n @if (!!searchTemplate()) {\r\n <ads-icon name=\"search\" size=\"sm\" theme=\"iconPrimary\" class=\"show-on-collapsed\" />\r\n <div class=\"hide-on-collapsed\">\r\n <ng-container *ngTemplateOutlet=\"searchTemplate()!\" />\r\n </div>\r\n }\r\n\r\n @if (!!extraDataTemplate()) {\r\n <div class=\"hide-on-collapsed\">\r\n <ng-container *ngTemplateOutlet=\"extraDataTemplate()!\" />\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n </as-split-area>\r\n\r\n <as-split-area>\r\n <ng-content></ng-content>\r\n </as-split-area>\r\n</as-split>\r\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"] }]
|
|
6156
6156
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { splitter: [{
|
|
6157
6157
|
type: ViewChild,
|
|
6158
6158
|
args: ['splitter']
|
|
@@ -6257,11 +6257,11 @@ class AdsScmsSideNavBarComponent extends AbstractSideNavBarComponent {
|
|
|
6257
6257
|
}
|
|
6258
6258
|
}
|
|
6259
6259
|
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 }); }
|
|
6260
|
-
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"] }] }); }
|
|
6260
|
+
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"] }] }); }
|
|
6261
6261
|
}
|
|
6262
6262
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsScmsSideNavBarComponent, decorators: [{
|
|
6263
6263
|
type: Component,
|
|
6264
|
-
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"] }]
|
|
6264
|
+
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"] }]
|
|
6265
6265
|
}], ctorParameters: () => [{ type: i1$2.Router }, { type: i1.AdsIconRegistry }], propDecorators: { splitter: [{
|
|
6266
6266
|
type: ViewChild,
|
|
6267
6267
|
args: ['splitter']
|
|
@@ -6350,11 +6350,11 @@ class AdsNumericStepComponent {
|
|
|
6350
6350
|
return this.index() === 0;
|
|
6351
6351
|
}
|
|
6352
6352
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNumericStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6353
|
-
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"] }] }); }
|
|
6353
|
+
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\r\n class=\"circle-container\"\r\n [ngClass]=\"{\r\n 'dash-line': !isMobile(),\r\n outermost: isFirst || isLast() || isMobile(),\r\n 'circle-container-mobile': isMobile(),\r\n }\"\r\n>\r\n @if(!isMobile()) {\r\n <div\r\n class=\"dash-line top\"\r\n [ngClass]=\"{\r\n top: isLast(),\r\n bottom: isFirst,\r\n }\"\r\n ></div>\r\n @if (!isLast() && distance()) {\r\n <div class=\"distance-text\">\r\n {{ distance() }}\r\n </div>\r\n }\r\n }\r\n <div class=\"stop-circle\" [ngClass]=\"{ delivery: isDelivery() }\">{{ index() + 1 }}</div>\r\n</div>\r\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"] }] }); }
|
|
6354
6354
|
}
|
|
6355
6355
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNumericStepComponent, decorators: [{
|
|
6356
6356
|
type: Component,
|
|
6357
|
-
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"] }]
|
|
6357
|
+
args: [{ selector: 'ads-numeric-step', imports: [NgClass], template: "<div\r\n class=\"circle-container\"\r\n [ngClass]=\"{\r\n 'dash-line': !isMobile(),\r\n outermost: isFirst || isLast() || isMobile(),\r\n 'circle-container-mobile': isMobile(),\r\n }\"\r\n>\r\n @if(!isMobile()) {\r\n <div\r\n class=\"dash-line top\"\r\n [ngClass]=\"{\r\n top: isLast(),\r\n bottom: isFirst,\r\n }\"\r\n ></div>\r\n @if (!isLast() && distance()) {\r\n <div class=\"distance-text\">\r\n {{ distance() }}\r\n </div>\r\n }\r\n }\r\n <div class=\"stop-circle\" [ngClass]=\"{ delivery: isDelivery() }\">{{ index() + 1 }}</div>\r\n</div>\r\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"] }]
|
|
6358
6358
|
}] });
|
|
6359
6359
|
|
|
6360
6360
|
class AdsNumericStepperComponent extends AbstractWindowResizeComponent {
|
|
@@ -6364,11 +6364,11 @@ class AdsNumericStepperComponent extends AbstractWindowResizeComponent {
|
|
|
6364
6364
|
this.steps = input.required();
|
|
6365
6365
|
}
|
|
6366
6366
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNumericStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6367
|
-
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"] }] }); }
|
|
6367
|
+
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\">\r\n @for (step of steps(); track i; let i = $index) {\r\n <div class=\"step-item\" [class.step-item-mobile]=\"isMobile()\">\r\n <ads-numeric-step\r\n [isLast]=\"i === steps().length - 1\"\r\n [index]=\"i\"\r\n [isDelivery]=\"step.isDelivery\"\r\n [distance]=\"step.distance\"\r\n [isMobile]=\"isMobile()\"\r\n />\r\n <ng-container *ngTemplateOutlet=\"step.template; context: { data: step.templateData }\" />\r\n </div>\r\n @if (!$last) {\r\n <div class=\"dash-container\" [class.dash-container-mobile]=\"isMobile()\">\r\n <div class=\"dash-line\"></div>\r\n </div>\r\n }\r\n }\r\n</mat-accordion>\r\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"] }] }); }
|
|
6368
6368
|
}
|
|
6369
6369
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNumericStepperComponent, decorators: [{
|
|
6370
6370
|
type: Component,
|
|
6371
|
-
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"] }]
|
|
6371
|
+
args: [{ selector: 'ads-numeric-stepper', standalone: false, template: "<mat-accordion multi=\"true\" class=\"stepper-container\">\r\n @for (step of steps(); track i; let i = $index) {\r\n <div class=\"step-item\" [class.step-item-mobile]=\"isMobile()\">\r\n <ads-numeric-step\r\n [isLast]=\"i === steps().length - 1\"\r\n [index]=\"i\"\r\n [isDelivery]=\"step.isDelivery\"\r\n [distance]=\"step.distance\"\r\n [isMobile]=\"isMobile()\"\r\n />\r\n <ng-container *ngTemplateOutlet=\"step.template; context: { data: step.templateData }\" />\r\n </div>\r\n @if (!$last) {\r\n <div class=\"dash-container\" [class.dash-container-mobile]=\"isMobile()\">\r\n <div class=\"dash-line\"></div>\r\n </div>\r\n }\r\n }\r\n</mat-accordion>\r\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"] }]
|
|
6372
6372
|
}], ctorParameters: () => [] });
|
|
6373
6373
|
|
|
6374
6374
|
class AdsNumericStepperModule {
|
|
@@ -6407,11 +6407,11 @@ class AdsWizardStepperComponent extends AbstractWindowResizeComponent {
|
|
|
6407
6407
|
this.focusedStepIndex = this.steps().findIndex((step) => step.status === WizardStepStatus.Current);
|
|
6408
6408
|
}
|
|
6409
6409
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsWizardStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6410
|
-
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"] }] }); }
|
|
6410
|
+
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()\">\r\n @for (step of steps(); track index; let first = $first; let last = $last; let index = $index) {\r\n @if(!first && isMobile()) {\r\n <div class=\"line-container-mobile\">\r\n <div></div>\r\n </div>\r\n }\r\n\r\n <div\r\n class=\"step\"\r\n [class.step-mobile]=\"isMobile()\"\r\n [class.focused]=\"step.status === WizardStepStatus.Current\"\r\n [ngClass]=\"{ clickable: step.onClick }\"\r\n >\r\n @if (!first && !isMobile()) {\r\n <div class=\"line-container\" [class.line-container-mobile]=\"isMobile()\">\r\n <div></div>\r\n <div></div>\r\n </div>\r\n }\r\n\r\n <div\r\n [id]=\"step.id\"\r\n class=\"step-icon-wrapper\"\r\n (click)=\"step.onClick && step.status !== WizardStepStatus.Disabled ? step.onClick!(step) : null\"\r\n [ngClass]=\"step.status\"\r\n [class.clickable]=\"step.onClick && step.status !== WizardStepStatus.Disabled\"\r\n >\r\n <div class=\"step-icon\" [class.step-icon-mobile]=\"isMobile()\" [matTooltip]=\"step.tooltip || ''\" [matTooltipDisabled]=\"!step.tooltip\">\r\n <ads-icon [name]=\"step.icon\" size=\"sm\" stroke=\"white\" theme=\"white\" />\r\n </div>\r\n\r\n <span class=\"title\" [class.title-mobile]=\"isMobile()\">{{ step.title }}</span>\r\n </div>\r\n </div>\r\n }\r\n</div>\r\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"] }] }); }
|
|
6411
6411
|
}
|
|
6412
6412
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsWizardStepperComponent, decorators: [{
|
|
6413
6413
|
type: Component,
|
|
6414
|
-
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"] }]
|
|
6414
|
+
args: [{ selector: 'ads-wizard-stepper', standalone: false, template: "<div class=\"wizard-stepper\" [class.wizard-stepper-mobile]=\"isMobile()\">\r\n @for (step of steps(); track index; let first = $first; let last = $last; let index = $index) {\r\n @if(!first && isMobile()) {\r\n <div class=\"line-container-mobile\">\r\n <div></div>\r\n </div>\r\n }\r\n\r\n <div\r\n class=\"step\"\r\n [class.step-mobile]=\"isMobile()\"\r\n [class.focused]=\"step.status === WizardStepStatus.Current\"\r\n [ngClass]=\"{ clickable: step.onClick }\"\r\n >\r\n @if (!first && !isMobile()) {\r\n <div class=\"line-container\" [class.line-container-mobile]=\"isMobile()\">\r\n <div></div>\r\n <div></div>\r\n </div>\r\n }\r\n\r\n <div\r\n [id]=\"step.id\"\r\n class=\"step-icon-wrapper\"\r\n (click)=\"step.onClick && step.status !== WizardStepStatus.Disabled ? step.onClick!(step) : null\"\r\n [ngClass]=\"step.status\"\r\n [class.clickable]=\"step.onClick && step.status !== WizardStepStatus.Disabled\"\r\n >\r\n <div class=\"step-icon\" [class.step-icon-mobile]=\"isMobile()\" [matTooltip]=\"step.tooltip || ''\" [matTooltipDisabled]=\"!step.tooltip\">\r\n <ads-icon [name]=\"step.icon\" size=\"sm\" stroke=\"white\" theme=\"white\" />\r\n </div>\r\n\r\n <span class=\"title\" [class.title-mobile]=\"isMobile()\">{{ step.title }}</span>\r\n </div>\r\n </div>\r\n }\r\n</div>\r\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"] }]
|
|
6415
6415
|
}], ctorParameters: () => [] });
|
|
6416
6416
|
|
|
6417
6417
|
class AdsWizardStepperModule {
|
|
@@ -6447,11 +6447,11 @@ class AdsStepperComponent {
|
|
|
6447
6447
|
this.registry.register([adsIconCheck]);
|
|
6448
6448
|
}
|
|
6449
6449
|
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 }); }
|
|
6450
|
-
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"] }] }); }
|
|
6450
|
+
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\">\r\n @for (step of steps(); track i; let i = $index) {\r\n <div class=\"step-item\">\r\n <div class=\"step-circle-container\">\r\n <div class=\"step-circle\" [ngClass]=\"[step.status]\">\r\n @if (step.status === StepStatus.Completed) {\r\n <ads-icon name=\"check\" size=\"xxxs\" class=\"check-icon\" />\r\n }\r\n </div>\r\n @if (i !== steps().length - 1) {\r\n <div class=\"dash-line\" [ngClass]=\"[step.status]\"></div>\r\n }\r\n </div>\r\n <ng-container *ngTemplateOutlet=\"step.template; context: { data: step.templateData }\" />\r\n </div>\r\n }\r\n</div>\r\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"] }] }); }
|
|
6451
6451
|
}
|
|
6452
6452
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsStepperComponent, decorators: [{
|
|
6453
6453
|
type: Component,
|
|
6454
|
-
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"] }]
|
|
6454
|
+
args: [{ selector: 'ads-stepper', standalone: false, template: "<div class=\"stepper-container\">\r\n @for (step of steps(); track i; let i = $index) {\r\n <div class=\"step-item\">\r\n <div class=\"step-circle-container\">\r\n <div class=\"step-circle\" [ngClass]=\"[step.status]\">\r\n @if (step.status === StepStatus.Completed) {\r\n <ads-icon name=\"check\" size=\"xxxs\" class=\"check-icon\" />\r\n }\r\n </div>\r\n @if (i !== steps().length - 1) {\r\n <div class=\"dash-line\" [ngClass]=\"[step.status]\"></div>\r\n }\r\n </div>\r\n <ng-container *ngTemplateOutlet=\"step.template; context: { data: step.templateData }\" />\r\n </div>\r\n }\r\n</div>\r\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"] }]
|
|
6455
6455
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }] });
|
|
6456
6456
|
|
|
6457
6457
|
class AdsStepperModule {
|
|
@@ -6486,11 +6486,11 @@ class AdsHorizontalNavBarComponent {
|
|
|
6486
6486
|
}
|
|
6487
6487
|
}
|
|
6488
6488
|
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 }); }
|
|
6489
|
-
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"] }] }); }
|
|
6489
|
+
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\">\r\n @for (link of links; track $index) {\r\n <a mat-tab-link [routerLink]=\"link.route\" routerLinkActive=\"active\" [disabled]=\"link.disabled\">\r\n {{ link.text }}\r\n </a>\r\n }\r\n</nav>\r\n\r\n<mat-tab-nav-panel #tabPanel>\r\n <router-outlet></router-outlet>\r\n</mat-tab-nav-panel>\r\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"] }] }); }
|
|
6490
6490
|
}
|
|
6491
6491
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsHorizontalNavBarComponent, decorators: [{
|
|
6492
6492
|
type: Component,
|
|
6493
|
-
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"] }]
|
|
6493
|
+
args: [{ selector: 'ads-horizontal-nav-bar', standalone: false, template: "<nav mat-tab-nav-bar [disableRipple]=\"true\" [tabPanel]=\"tabPanel\" [disablePagination]=\"true\">\r\n @for (link of links; track $index) {\r\n <a mat-tab-link [routerLink]=\"link.route\" routerLinkActive=\"active\" [disabled]=\"link.disabled\">\r\n {{ link.text }}\r\n </a>\r\n }\r\n</nav>\r\n\r\n<mat-tab-nav-panel #tabPanel>\r\n <router-outlet></router-outlet>\r\n</mat-tab-nav-panel>\r\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"] }]
|
|
6494
6494
|
}], ctorParameters: () => [{ type: i1$2.Router }], propDecorators: { links: [{
|
|
6495
6495
|
type: Input
|
|
6496
6496
|
}] } });
|
|
@@ -6552,11 +6552,11 @@ class AdsBubbleComponent {
|
|
|
6552
6552
|
link.click();
|
|
6553
6553
|
}
|
|
6554
6554
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsBubbleComponent, deps: [{ token: i1$5.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6555
|
-
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"] }] }); }
|
|
6555
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AdsBubbleComponent, isStandalone: false, selector: "ads-bubble", viewQueries: [{ propertyName: "svgBackgroundElement", first: true, predicate: ["svgBackground"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #svgBackground class=\"svg-background\"></div>\r\n@if (svgContent) {\r\n <div class=\"button-container\">\r\n <ads-button (click)=\"downloadSvg()\">Download SVG</ads-button>\r\n </div>\r\n}\r\n", styles: [".svg-background{width:100%;height:657px;background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:8px}.button-container{display:flex;justify-content:center;padding-top:32px}\n"], dependencies: [{ kind: "component", type: AdsButtonComponent, selector: "ads-button", inputs: ["id", "variant", "disabled", "size", "type"] }] }); }
|
|
6556
6556
|
}
|
|
6557
6557
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsBubbleComponent, decorators: [{
|
|
6558
6558
|
type: Component,
|
|
6559
|
-
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"] }]
|
|
6559
|
+
args: [{ selector: 'ads-bubble', standalone: false, template: "<div #svgBackground class=\"svg-background\"></div>\r\n@if (svgContent) {\r\n <div class=\"button-container\">\r\n <ads-button (click)=\"downloadSvg()\">Download SVG</ads-button>\r\n </div>\r\n}\r\n", styles: [".svg-background{width:100%;height:657px;background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:8px}.button-container{display:flex;justify-content:center;padding-top:32px}\n"] }]
|
|
6560
6560
|
}], ctorParameters: () => [{ type: i1$5.HttpClient }] });
|
|
6561
6561
|
|
|
6562
6562
|
class AdsBubbleModule {
|
|
@@ -6674,11 +6674,11 @@ class AdsTimeFieldComponent extends AdsInputDropdownComponent {
|
|
|
6674
6674
|
}
|
|
6675
6675
|
}
|
|
6676
6676
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsTimeFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
6677
|
-
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"] }] }); }
|
|
6677
|
+
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()) {\r\n <ads-input\r\n [control]=\"valueControl\"\r\n mask=\"Hh:m0\"\r\n [onBlur]=\"onBlurUpdateTime\"\r\n [id]=\"id\"\r\n [placeholder]=\"placeholder\"\r\n [label]=\"label\"\r\n [errorMessages]=\"errorMessages\"\r\n [width]=\"width\"\r\n [showClockIcon]=\"!hideClockIcon()\"\r\n [showClearButton]=\"showClearButton\"\r\n />\r\n} @else {\r\n <ads-input-dropdown\r\n [width]=\"width\"\r\n [label]=\"label\"\r\n [options]=\"periodOptions\"\r\n [hasEmptyValue]=\"false\"\r\n [control]=\"timeControl\"\r\n [dropdownControl]=\"periodControl\"\r\n [placeholder]=\"placeholder\"\r\n [id]=\"id\"\r\n [dropdownId]=\"dropdownId\"\r\n [dropdownLabel]=\"'AM/PM'\"\r\n [dropdownPlaceholder]=\"dropdownPlaceholder\"\r\n [dropdownWidth]=\"'128px'\"\r\n [inputWidth]=\"inputWidth\"\r\n [tooltip]=\"tooltip\"\r\n [size]=\"size\"\r\n [successMessage]=\"successMessage\"\r\n [errorMessages]=\"errorMessages\"\r\n [showExclamationOnError]=\"showExclamationOnError\"\r\n [showClearButton]=\"showClearButton\"\r\n [immediateValidation]=\"immediateValidation\"\r\n mask=\"Hh:m0\"\r\n />\r\n}\r\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"] }] }); }
|
|
6678
6678
|
}
|
|
6679
6679
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsTimeFieldComponent, decorators: [{
|
|
6680
6680
|
type: Component,
|
|
6681
|
-
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"] }]
|
|
6681
|
+
args: [{ selector: 'ads-time-field', standalone: false, template: "@if (militaryTime()) {\r\n <ads-input\r\n [control]=\"valueControl\"\r\n mask=\"Hh:m0\"\r\n [onBlur]=\"onBlurUpdateTime\"\r\n [id]=\"id\"\r\n [placeholder]=\"placeholder\"\r\n [label]=\"label\"\r\n [errorMessages]=\"errorMessages\"\r\n [width]=\"width\"\r\n [showClockIcon]=\"!hideClockIcon()\"\r\n [showClearButton]=\"showClearButton\"\r\n />\r\n} @else {\r\n <ads-input-dropdown\r\n [width]=\"width\"\r\n [label]=\"label\"\r\n [options]=\"periodOptions\"\r\n [hasEmptyValue]=\"false\"\r\n [control]=\"timeControl\"\r\n [dropdownControl]=\"periodControl\"\r\n [placeholder]=\"placeholder\"\r\n [id]=\"id\"\r\n [dropdownId]=\"dropdownId\"\r\n [dropdownLabel]=\"'AM/PM'\"\r\n [dropdownPlaceholder]=\"dropdownPlaceholder\"\r\n [dropdownWidth]=\"'128px'\"\r\n [inputWidth]=\"inputWidth\"\r\n [tooltip]=\"tooltip\"\r\n [size]=\"size\"\r\n [successMessage]=\"successMessage\"\r\n [errorMessages]=\"errorMessages\"\r\n [showExclamationOnError]=\"showExclamationOnError\"\r\n [showClearButton]=\"showClearButton\"\r\n [immediateValidation]=\"immediateValidation\"\r\n mask=\"Hh:m0\"\r\n />\r\n}\r\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"] }]
|
|
6682
6682
|
}] });
|
|
6683
6683
|
|
|
6684
6684
|
class AdsTimeFieldModule {
|
|
@@ -6726,11 +6726,11 @@ class AdsNavigationComponent {
|
|
|
6726
6726
|
this.isMobile = false;
|
|
6727
6727
|
}
|
|
6728
6728
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6729
|
-
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"] }); }
|
|
6729
|
+
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\">\r\n <ng-content></ng-content>\r\n</nav>\r\n<div class=\"overlay\" [class.mobile]=\"isMobile\"></div>\r\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"] }); }
|
|
6730
6730
|
}
|
|
6731
6731
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNavigationComponent, decorators: [{
|
|
6732
6732
|
type: Component,
|
|
6733
|
-
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"] }]
|
|
6733
|
+
args: [{ selector: 'ads-navigation', standalone: false, template: "<nav [class.collapsed]=\"isCollapsed\" [class.mobile]=\"isMobile\">\r\n <ng-content></ng-content>\r\n</nav>\r\n<div class=\"overlay\" [class.mobile]=\"isMobile\"></div>\r\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"] }]
|
|
6734
6734
|
}], propDecorators: { isCollapsed: [{
|
|
6735
6735
|
type: Input
|
|
6736
6736
|
}], isMobile: [{
|
|
@@ -6762,11 +6762,11 @@ class AdsNavigationHeaderComponent {
|
|
|
6762
6762
|
this.isMobile = false;
|
|
6763
6763
|
}
|
|
6764
6764
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNavigationHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6765
|
-
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"] }); }
|
|
6765
|
+
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\">\r\n <ng-content></ng-content>\r\n</header>\r\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"] }); }
|
|
6766
6766
|
}
|
|
6767
6767
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNavigationHeaderComponent, decorators: [{
|
|
6768
6768
|
type: Component,
|
|
6769
|
-
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"] }]
|
|
6769
|
+
args: [{ selector: 'ads-navigation-header', standalone: false, template: "<header [class.collapsed]=\"isCollapsed\" [class.mobile]=\"isMobile\">\r\n <ng-content></ng-content>\r\n</header>\r\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"] }]
|
|
6770
6770
|
}], propDecorators: { isCollapsed: [{
|
|
6771
6771
|
type: Input
|
|
6772
6772
|
}], isMobile: [{
|
|
@@ -6812,11 +6812,11 @@ class AdsNavigationCollapseHandleComponent {
|
|
|
6812
6812
|
this.handleClicked.emit();
|
|
6813
6813
|
}
|
|
6814
6814
|
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 }); }
|
|
6815
|
-
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"] }] }); }
|
|
6815
|
+
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\r\n class=\"handle\"\r\n tabindex=\"0\"\r\n (keyup.enter)=\"onHandleClick()\"\r\n (click)=\"onHandleClick()\"\r\n [class.collapsed]=\"isCollapsed\"\r\n [class.mobile]=\"isMobile\"\r\n [id]=\"id\"\r\n>\r\n <ads-icon class=\"handle-icon\" name=\"menu_more_info\" size=\"sm\"></ads-icon>\r\n <span class=\"handle-text\">{{ handleText }}</span>\r\n</div>\r\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"] }] }); }
|
|
6816
6816
|
}
|
|
6817
6817
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNavigationCollapseHandleComponent, decorators: [{
|
|
6818
6818
|
type: Component,
|
|
6819
|
-
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"] }]
|
|
6819
|
+
args: [{ selector: 'ads-navigation-collapse-handle', standalone: false, template: "<div\r\n class=\"handle\"\r\n tabindex=\"0\"\r\n (keyup.enter)=\"onHandleClick()\"\r\n (click)=\"onHandleClick()\"\r\n [class.collapsed]=\"isCollapsed\"\r\n [class.mobile]=\"isMobile\"\r\n [id]=\"id\"\r\n>\r\n <ads-icon class=\"handle-icon\" name=\"menu_more_info\" size=\"sm\"></ads-icon>\r\n <span class=\"handle-text\">{{ handleText }}</span>\r\n</div>\r\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"] }]
|
|
6820
6820
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { id: [{
|
|
6821
6821
|
type: Input
|
|
6822
6822
|
}], isCollapsed: [{
|
|
@@ -6902,11 +6902,11 @@ class AdsNavigationItemComponent {
|
|
|
6902
6902
|
this.displaySubNavigation = !this.displaySubNavigation;
|
|
6903
6903
|
}
|
|
6904
6904
|
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 }); }
|
|
6905
|
-
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"] }] }); }
|
|
6905
|
+
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\r\n class=\"navigation-item\"\r\n [class.active]=\"active\"\r\n [class.collapsed]=\"isCollapsed\"\r\n [routerLink]=\"[path]\"\r\n (click)=\"onItemSelected()\"\r\n routerLinkActive=\"active\"\r\n #tooltip=\"matTooltip\"\r\n [matTooltip]=\"label\"\r\n [matTooltipDisabled]=\"!isCollapsed\"\r\n matTooltipPosition=\"right\"\r\n [id]=\"id\"\r\n>\r\n <div class=\"navigation-item-text\">\r\n {{ label }}\r\n </div>\r\n <div *ngIf=\"hasSubmenu\" class=\"navigation-submenu-icon\">\r\n <ads-icon\r\n *ngIf=\"displaySubNavigation; else subNavCollapsed\"\r\n class=\"center\"\r\n name=\"chevron_down\"\r\n size=\"xxs\"\r\n ></ads-icon>\r\n <ng-template #subNavCollapsed>\r\n <ads-icon class=\"center\" name=\"chevron_right\" size=\"xxs\"></ads-icon>\r\n </ng-template>\r\n </div>\r\n</a>\r\n\r\n@if (displaySubNavigation && !isCollapsed) {\r\n <ng-content></ng-content>\r\n}\r\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"] }] }); }
|
|
6906
6906
|
}
|
|
6907
6907
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsNavigationItemComponent, decorators: [{
|
|
6908
6908
|
type: Component,
|
|
6909
|
-
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"] }]
|
|
6909
|
+
args: [{ selector: 'ads-navigation-item', standalone: false, template: "<a\r\n class=\"navigation-item\"\r\n [class.active]=\"active\"\r\n [class.collapsed]=\"isCollapsed\"\r\n [routerLink]=\"[path]\"\r\n (click)=\"onItemSelected()\"\r\n routerLinkActive=\"active\"\r\n #tooltip=\"matTooltip\"\r\n [matTooltip]=\"label\"\r\n [matTooltipDisabled]=\"!isCollapsed\"\r\n matTooltipPosition=\"right\"\r\n [id]=\"id\"\r\n>\r\n <div class=\"navigation-item-text\">\r\n {{ label }}\r\n </div>\r\n <div *ngIf=\"hasSubmenu\" class=\"navigation-submenu-icon\">\r\n <ads-icon\r\n *ngIf=\"displaySubNavigation; else subNavCollapsed\"\r\n class=\"center\"\r\n name=\"chevron_down\"\r\n size=\"xxs\"\r\n ></ads-icon>\r\n <ng-template #subNavCollapsed>\r\n <ads-icon class=\"center\" name=\"chevron_right\" size=\"xxs\"></ads-icon>\r\n </ng-template>\r\n </div>\r\n</a>\r\n\r\n@if (displaySubNavigation && !isCollapsed) {\r\n <ng-content></ng-content>\r\n}\r\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"] }]
|
|
6910
6910
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { active: [{
|
|
6911
6911
|
type: Input
|
|
6912
6912
|
}], displaySubNavigation: [{
|
|
@@ -6947,11 +6947,11 @@ class AdsOrgDisplayTextComponent {
|
|
|
6947
6947
|
this.isMobile = false;
|
|
6948
6948
|
}
|
|
6949
6949
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsOrgDisplayTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6950
|
-
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"] }] }); }
|
|
6950
|
+
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>\r\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"] }] }); }
|
|
6951
6951
|
}
|
|
6952
6952
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AdsOrgDisplayTextComponent, decorators: [{
|
|
6953
6953
|
type: Component,
|
|
6954
|
-
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"] }]
|
|
6954
|
+
args: [{ selector: 'ads-org-display-text', standalone: false, template: "<span *ngIf=\"!isMobile\" class=\"org-display-text\">{{ text }}</span>\r\n", styles: [".org-display-text{padding:0 24px;color:var(--color-primary);font-size:14px;font-weight:500;white-space:nowrap}\n"] }]
|
|
6955
6955
|
}], propDecorators: { text: [{
|
|
6956
6956
|
type: Input
|
|
6957
6957
|
}], isMobile: [{
|