@ascentgl/ads-ui 0.0.78 → 0.0.80
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 +164 -164
- package/fesm2022/ascentgl-ads-ui.mjs.map +1 -1
- package/lib/components/snackbars/snackbar/snackbar.component.d.ts +1 -0
- package/package.json +5 -5
- 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 +7 -7
- 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 +17 -17
- package/src/assets/sass/ads-ui/overrides/angular-material/_mat-list.scss +47 -47
- 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 +36 -36
- 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
|
@@ -93,11 +93,11 @@ class AdsAvatarComponent {
|
|
|
93
93
|
}
|
|
94
94
|
}
|
|
95
95
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsAvatarComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
96
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.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"] }] }); }
|
|
96
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.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"] }] }); }
|
|
97
97
|
}
|
|
98
98
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsAvatarComponent, decorators: [{
|
|
99
99
|
type: Component,
|
|
100
|
-
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"] }]
|
|
100
|
+
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"] }]
|
|
101
101
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { alt: [{
|
|
102
102
|
type: Input
|
|
103
103
|
}], id: [{
|
|
@@ -146,11 +146,11 @@ class AdsIconHoverComponent {
|
|
|
146
146
|
this.clicked.emit();
|
|
147
147
|
}
|
|
148
148
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsIconHoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
149
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.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"] }); }
|
|
149
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.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"] }); }
|
|
150
150
|
}
|
|
151
151
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsIconHoverComponent, decorators: [{
|
|
152
152
|
type: Component,
|
|
153
|
-
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"] }]
|
|
153
|
+
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"] }]
|
|
154
154
|
}] });
|
|
155
155
|
|
|
156
156
|
class AdsIconHoverModule {
|
|
@@ -189,11 +189,11 @@ class AdsNumericBadgeComponent extends AdsIconHoverComponent {
|
|
|
189
189
|
});
|
|
190
190
|
}
|
|
191
191
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsNumericBadgeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
192
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.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"] }] }); }
|
|
192
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.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"] }] }); }
|
|
193
193
|
}
|
|
194
194
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsNumericBadgeComponent, decorators: [{
|
|
195
195
|
type: Component,
|
|
196
|
-
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"] }]
|
|
196
|
+
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"] }]
|
|
197
197
|
}] });
|
|
198
198
|
|
|
199
199
|
class AdsNumericBadgeModule {
|
|
@@ -378,11 +378,11 @@ class AdsIconButtonComponent {
|
|
|
378
378
|
this.disabled = input(false);
|
|
379
379
|
}
|
|
380
380
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
381
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.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"] }] }); }
|
|
381
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.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"] }] }); }
|
|
382
382
|
}
|
|
383
383
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsIconButtonComponent, decorators: [{
|
|
384
384
|
type: Component,
|
|
385
|
-
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"] }]
|
|
385
|
+
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"] }]
|
|
386
386
|
}] });
|
|
387
387
|
|
|
388
388
|
class AdsBreadcrumbComponent {
|
|
@@ -422,11 +422,11 @@ class AdsBreadcrumbComponent {
|
|
|
422
422
|
this.visualProcessor?.onScrollRight();
|
|
423
423
|
}
|
|
424
424
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsBreadcrumbComponent, deps: [{ token: i1.AdsIconRegistry }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
425
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: AdsBreadcrumbComponent, isStandalone: false, selector: "ads-breadcrumb", inputs: { breadcrumbs: { classPropertyName: "breadcrumbs", publicName: "breadcrumbs", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "window:resize": "resize()" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, isSignal: true }, { propertyName: "listRef", first: true, predicate: ["list"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "@if (breadcrumbs().length > 1 && visualProcessor?.canScrollLeft()) {\n <div class=\"scroller-wrapper\">\n <ads-icon-button class=\"scroller left\" [size]=\"'xl'\" (click)=\"scrollLeft()\">\n <ads-icon [name]=\"'chevron_left'\" [theme]=\"'primary'\" />\n </ads-icon-button>\n </div>\n}\n<div\n class=\"container\"\n #container\n [ngClass]=\"{\n 'can-scroll-left': visualProcessor?.canScrollLeft(),\n 'can-scroll-right': visualProcessor?.canScrollRight(),\n }\"\n>\n <div class=\"list\" #list>\n @for (breadcrumb of breadcrumbs(); track $index) {\n @if (!$last) {\n <a class=\"breadcrumb\" [routerLink]=\"breadcrumb.url\">\n <span>{{ breadcrumb.label }}</span>\n </a>\n } @else {\n <div class=\"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@if (breadcrumbs().length > 1 && visualProcessor?.canScrollRight()) {\n <div class=\"scroller-wrapper right\">\n <ads-icon-button class=\"scroller\" [size]=\"'xl'\" (click)=\"scrollRight()\">\n <ads-icon [name]=\"'chevron_right'\" [theme]=\"'primary'\" />\n </ads-icon-button>\n </div>\n}\n", styles: [":host{display:flex;align-items:center;position:relative;min-width:192px;height:24px}.container{display:flex;overflow:hidden;position:relative}.container.can-scroll-left{mask:linear-gradient(to right,transparent 28px,black 72px)}.container.can-scroll-right{mask:linear-gradient(to left,transparent 28px,black 72px)}.container.can-scroll-left.can-scroll-right{mask:linear-gradient(to right,transparent 28px,black 72px,black calc(100% - 72px),transparent calc(100% - 28px))}.scroller-wrapper{position:absolute;top:50%;transform:translateY(-50%);z-index:1;width:32px;display:flex}.scroller-wrapper.left{left:0;justify-content:flex-start}.scroller-wrapper.right{right:0;justify-content:flex-end}.scroller{cursor:pointer}.scroller:hover ::ng-deep button{transition:box-shadow linear .1s;box-shadow:0 3px 3px #6c49ac40}.scroller ::ng-deep button{width:24px;height:24px;box-shadow:0 3px 3px #6c49ac1a}.list{display:flex;align-items:center;gap:16px;white-space:nowrap;position:relative;left:0}.list .separator{fill:var(--color-dark-50)}.list .breadcrumb{text-decoration:unset;padding:4px;color:var(--color-link);cursor:pointer;font-size:12px;font-weight:400;line-height:16px;border-radius:5px}.list .breadcrumb:not(.active):hover{color:var(--color-link-hover);background-color:var(--color-light-30);text-decoration:underline}.list .breadcrumb:not(.active):active{color:var(--color-link-pressed);background-color:var(--color-light-80);text-decoration:underline}.list .breadcrumb.active{color:var(--color-dark);cursor:default}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: AdsIconButtonComponent, selector: "ads-icon-button", inputs: ["size", "ariaLabel", "id", "disabled"] }] }); }
|
|
425
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: AdsBreadcrumbComponent, isStandalone: false, selector: "ads-breadcrumb", inputs: { breadcrumbs: { classPropertyName: "breadcrumbs", publicName: "breadcrumbs", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "window:resize": "resize()" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, isSignal: true }, { propertyName: "listRef", first: true, predicate: ["list"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "@if (breadcrumbs().length > 1 && visualProcessor?.canScrollLeft()) {\r\n <div class=\"scroller-wrapper\">\r\n <ads-icon-button class=\"scroller left\" [size]=\"'xl'\" (click)=\"scrollLeft()\">\r\n <ads-icon [name]=\"'chevron_left'\" [theme]=\"'primary'\" />\r\n </ads-icon-button>\r\n </div>\r\n}\r\n<div\r\n class=\"container\"\r\n #container\r\n [ngClass]=\"{\r\n 'can-scroll-left': visualProcessor?.canScrollLeft(),\r\n 'can-scroll-right': visualProcessor?.canScrollRight(),\r\n }\"\r\n>\r\n <div class=\"list\" #list>\r\n @for (breadcrumb of breadcrumbs(); track $index) {\r\n @if (!$last) {\r\n <a class=\"breadcrumb\" [routerLink]=\"breadcrumb.url\">\r\n <span>{{ breadcrumb.label }}</span>\r\n </a>\r\n } @else {\r\n <div class=\"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@if (breadcrumbs().length > 1 && visualProcessor?.canScrollRight()) {\r\n <div class=\"scroller-wrapper right\">\r\n <ads-icon-button class=\"scroller\" [size]=\"'xl'\" (click)=\"scrollRight()\">\r\n <ads-icon [name]=\"'chevron_right'\" [theme]=\"'primary'\" />\r\n </ads-icon-button>\r\n </div>\r\n}\r\n", styles: [":host{display:flex;align-items:center;position:relative;min-width:192px;height:24px}.container{display:flex;overflow:hidden;position:relative}.container.can-scroll-left{mask:linear-gradient(to right,transparent 28px,black 72px)}.container.can-scroll-right{mask:linear-gradient(to left,transparent 28px,black 72px)}.container.can-scroll-left.can-scroll-right{mask:linear-gradient(to right,transparent 28px,black 72px,black calc(100% - 72px),transparent calc(100% - 28px))}.scroller-wrapper{position:absolute;top:50%;transform:translateY(-50%);z-index:1;width:32px;display:flex}.scroller-wrapper.left{left:0;justify-content:flex-start}.scroller-wrapper.right{right:0;justify-content:flex-end}.scroller{cursor:pointer}.scroller:hover ::ng-deep button{transition:box-shadow linear .1s;box-shadow:0 3px 3px #6c49ac40}.scroller ::ng-deep button{width:24px;height:24px;box-shadow:0 3px 3px #6c49ac1a}.list{display:flex;align-items:center;gap:16px;white-space:nowrap;position:relative;left:0}.list .separator{fill:var(--color-dark-50)}.list .breadcrumb{text-decoration:unset;padding:4px;color:var(--color-link);cursor:pointer;font-size:12px;font-weight:400;line-height:16px;border-radius:5px}.list .breadcrumb:not(.active):hover{color:var(--color-link-hover);background-color:var(--color-light-30);text-decoration:underline}.list .breadcrumb:not(.active):active{color:var(--color-link-pressed);background-color:var(--color-light-80);text-decoration:underline}.list .breadcrumb.active{color:var(--color-dark);cursor:default}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: AdsIconButtonComponent, selector: "ads-icon-button", inputs: ["size", "ariaLabel", "id", "disabled"] }] }); }
|
|
426
426
|
}
|
|
427
427
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsBreadcrumbComponent, decorators: [{
|
|
428
428
|
type: Component,
|
|
429
|
-
args: [{ selector: 'ads-breadcrumb', standalone: false, template: "@if (breadcrumbs().length > 1 && visualProcessor?.canScrollLeft()) {\n <div class=\"scroller-wrapper\">\n <ads-icon-button class=\"scroller left\" [size]=\"'xl'\" (click)=\"scrollLeft()\">\n <ads-icon [name]=\"'chevron_left'\" [theme]=\"'primary'\" />\n </ads-icon-button>\n </div>\n}\n<div\n class=\"container\"\n #container\n [ngClass]=\"{\n 'can-scroll-left': visualProcessor?.canScrollLeft(),\n 'can-scroll-right': visualProcessor?.canScrollRight(),\n }\"\n>\n <div class=\"list\" #list>\n @for (breadcrumb of breadcrumbs(); track $index) {\n @if (!$last) {\n <a class=\"breadcrumb\" [routerLink]=\"breadcrumb.url\">\n <span>{{ breadcrumb.label }}</span>\n </a>\n } @else {\n <div class=\"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@if (breadcrumbs().length > 1 && visualProcessor?.canScrollRight()) {\n <div class=\"scroller-wrapper right\">\n <ads-icon-button class=\"scroller\" [size]=\"'xl'\" (click)=\"scrollRight()\">\n <ads-icon [name]=\"'chevron_right'\" [theme]=\"'primary'\" />\n </ads-icon-button>\n </div>\n}\n", styles: [":host{display:flex;align-items:center;position:relative;min-width:192px;height:24px}.container{display:flex;overflow:hidden;position:relative}.container.can-scroll-left{mask:linear-gradient(to right,transparent 28px,black 72px)}.container.can-scroll-right{mask:linear-gradient(to left,transparent 28px,black 72px)}.container.can-scroll-left.can-scroll-right{mask:linear-gradient(to right,transparent 28px,black 72px,black calc(100% - 72px),transparent calc(100% - 28px))}.scroller-wrapper{position:absolute;top:50%;transform:translateY(-50%);z-index:1;width:32px;display:flex}.scroller-wrapper.left{left:0;justify-content:flex-start}.scroller-wrapper.right{right:0;justify-content:flex-end}.scroller{cursor:pointer}.scroller:hover ::ng-deep button{transition:box-shadow linear .1s;box-shadow:0 3px 3px #6c49ac40}.scroller ::ng-deep button{width:24px;height:24px;box-shadow:0 3px 3px #6c49ac1a}.list{display:flex;align-items:center;gap:16px;white-space:nowrap;position:relative;left:0}.list .separator{fill:var(--color-dark-50)}.list .breadcrumb{text-decoration:unset;padding:4px;color:var(--color-link);cursor:pointer;font-size:12px;font-weight:400;line-height:16px;border-radius:5px}.list .breadcrumb:not(.active):hover{color:var(--color-link-hover);background-color:var(--color-light-30);text-decoration:underline}.list .breadcrumb:not(.active):active{color:var(--color-link-pressed);background-color:var(--color-light-80);text-decoration:underline}.list .breadcrumb.active{color:var(--color-dark);cursor:default}\n"] }]
|
|
429
|
+
args: [{ selector: 'ads-breadcrumb', standalone: false, template: "@if (breadcrumbs().length > 1 && visualProcessor?.canScrollLeft()) {\r\n <div class=\"scroller-wrapper\">\r\n <ads-icon-button class=\"scroller left\" [size]=\"'xl'\" (click)=\"scrollLeft()\">\r\n <ads-icon [name]=\"'chevron_left'\" [theme]=\"'primary'\" />\r\n </ads-icon-button>\r\n </div>\r\n}\r\n<div\r\n class=\"container\"\r\n #container\r\n [ngClass]=\"{\r\n 'can-scroll-left': visualProcessor?.canScrollLeft(),\r\n 'can-scroll-right': visualProcessor?.canScrollRight(),\r\n }\"\r\n>\r\n <div class=\"list\" #list>\r\n @for (breadcrumb of breadcrumbs(); track $index) {\r\n @if (!$last) {\r\n <a class=\"breadcrumb\" [routerLink]=\"breadcrumb.url\">\r\n <span>{{ breadcrumb.label }}</span>\r\n </a>\r\n } @else {\r\n <div class=\"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@if (breadcrumbs().length > 1 && visualProcessor?.canScrollRight()) {\r\n <div class=\"scroller-wrapper right\">\r\n <ads-icon-button class=\"scroller\" [size]=\"'xl'\" (click)=\"scrollRight()\">\r\n <ads-icon [name]=\"'chevron_right'\" [theme]=\"'primary'\" />\r\n </ads-icon-button>\r\n </div>\r\n}\r\n", styles: [":host{display:flex;align-items:center;position:relative;min-width:192px;height:24px}.container{display:flex;overflow:hidden;position:relative}.container.can-scroll-left{mask:linear-gradient(to right,transparent 28px,black 72px)}.container.can-scroll-right{mask:linear-gradient(to left,transparent 28px,black 72px)}.container.can-scroll-left.can-scroll-right{mask:linear-gradient(to right,transparent 28px,black 72px,black calc(100% - 72px),transparent calc(100% - 28px))}.scroller-wrapper{position:absolute;top:50%;transform:translateY(-50%);z-index:1;width:32px;display:flex}.scroller-wrapper.left{left:0;justify-content:flex-start}.scroller-wrapper.right{right:0;justify-content:flex-end}.scroller{cursor:pointer}.scroller:hover ::ng-deep button{transition:box-shadow linear .1s;box-shadow:0 3px 3px #6c49ac40}.scroller ::ng-deep button{width:24px;height:24px;box-shadow:0 3px 3px #6c49ac1a}.list{display:flex;align-items:center;gap:16px;white-space:nowrap;position:relative;left:0}.list .separator{fill:var(--color-dark-50)}.list .breadcrumb{text-decoration:unset;padding:4px;color:var(--color-link);cursor:pointer;font-size:12px;font-weight:400;line-height:16px;border-radius:5px}.list .breadcrumb:not(.active):hover{color:var(--color-link-hover);background-color:var(--color-light-30);text-decoration:underline}.list .breadcrumb:not(.active):active{color:var(--color-link-pressed);background-color:var(--color-light-80);text-decoration:underline}.list .breadcrumb.active{color:var(--color-dark);cursor:default}\n"] }]
|
|
430
430
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }, { type: i0.ChangeDetectorRef }], propDecorators: { resize: [{
|
|
431
431
|
type: HostListener,
|
|
432
432
|
args: ['window:resize']
|
|
@@ -474,11 +474,11 @@ class AdsButtonComponent {
|
|
|
474
474
|
this.type = input('button');
|
|
475
475
|
}
|
|
476
476
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
477
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.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}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: 8px;--mdc-filled-button-label-text-size: 14px}.xs{--mdc-filled-button-container-height: 24px;--mat-filled-button-horizontal-padding: 8px;--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: i8.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }] }); }
|
|
477
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.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}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: 8px;--mdc-filled-button-label-text-size: 14px}.xs{--mdc-filled-button-container-height: 24px;--mat-filled-button-horizontal-padding: 8px;--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: i8.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }] }); }
|
|
478
478
|
}
|
|
479
479
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsButtonComponent, decorators: [{
|
|
480
480
|
type: Component,
|
|
481
|
-
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}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: 8px;--mdc-filled-button-label-text-size: 14px}.xs{--mdc-filled-button-container-height: 24px;--mat-filled-button-horizontal-padding: 8px;--mdc-filled-button-label-text-size: 12px}:host::ng-deep .mdc-button__label{white-space:nowrap}\n"] }]
|
|
481
|
+
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}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: 8px;--mdc-filled-button-label-text-size: 14px}.xs{--mdc-filled-button-container-height: 24px;--mat-filled-button-horizontal-padding: 8px;--mdc-filled-button-label-text-size: 12px}:host::ng-deep .mdc-button__label{white-space:nowrap}\n"] }]
|
|
482
482
|
}] });
|
|
483
483
|
|
|
484
484
|
class AdsButtonModule {
|
|
@@ -503,11 +503,11 @@ class AdsButtonContainerComponent {
|
|
|
503
503
|
this.gap = input(16);
|
|
504
504
|
}
|
|
505
505
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsButtonContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
506
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.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"] }); }
|
|
506
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.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"] }); }
|
|
507
507
|
}
|
|
508
508
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsButtonContainerComponent, decorators: [{
|
|
509
509
|
type: Component,
|
|
510
|
-
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"] }]
|
|
510
|
+
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"] }]
|
|
511
511
|
}] });
|
|
512
512
|
|
|
513
513
|
class AdsButtonContainerModule {
|
|
@@ -584,11 +584,11 @@ class AdsCardComponent {
|
|
|
584
584
|
return `var(--color-${color})`;
|
|
585
585
|
}
|
|
586
586
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
587
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: AdsCardComponent, isStandalone: false, selector: "ads-card", inputs: { borderColor: "borderColor", borderWidth: "borderWidth", borderRadius: "borderRadius" }, ngImport: i0, template: "<div\n class=\"card\"\n [ngStyle]=\"{\n borderWidth: borderWidth + 'px',\n borderColor: getBorderColor(borderColor),\n borderRadius: borderRadius + 'px',\n }\"\n>\n <ng-content />\n</div>\n", styles: [".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"] }] }); }
|
|
587
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: AdsCardComponent, isStandalone: false, selector: "ads-card", inputs: { borderColor: "borderColor", borderWidth: "borderWidth", borderRadius: "borderRadius" }, ngImport: i0, template: "<div\r\n class=\"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: [".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"] }] }); }
|
|
588
588
|
}
|
|
589
589
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsCardComponent, decorators: [{
|
|
590
590
|
type: Component,
|
|
591
|
-
args: [{ selector: 'ads-card', standalone: false, template: "<div\n class=\"card\"\n [ngStyle]=\"{\n borderWidth: borderWidth + 'px',\n borderColor: getBorderColor(borderColor),\n borderRadius: borderRadius + 'px',\n }\"\n>\n <ng-content />\n</div>\n", styles: [".card{padding:24px;border:1px solid var(--color-light);border-radius:10px;color:var(--color-dark)}\n"] }]
|
|
591
|
+
args: [{ selector: 'ads-card', standalone: false, template: "<div\r\n class=\"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: [".card{padding:24px;border:1px solid var(--color-light);border-radius:10px;color:var(--color-dark)}\n"] }]
|
|
592
592
|
}], propDecorators: { borderColor: [{
|
|
593
593
|
type: Input
|
|
594
594
|
}], borderWidth: [{
|
|
@@ -613,11 +613,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
|
|
|
613
613
|
|
|
614
614
|
class AdsTagContainerComponent {
|
|
615
615
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsTagContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
616
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.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"] }); }
|
|
616
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.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"] }); }
|
|
617
617
|
}
|
|
618
618
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsTagContainerComponent, decorators: [{
|
|
619
619
|
type: Component,
|
|
620
|
-
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"] }]
|
|
620
|
+
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"] }]
|
|
621
621
|
}] });
|
|
622
622
|
|
|
623
623
|
class AdsTagComponent {
|
|
@@ -674,11 +674,11 @@ class AdsTagComponent {
|
|
|
674
674
|
return `var(--color-${Colors.White})`;
|
|
675
675
|
}
|
|
676
676
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsTagComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
677
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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 }); }
|
|
677
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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 }); }
|
|
678
678
|
}
|
|
679
679
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsTagComponent, decorators: [{
|
|
680
680
|
type: Component,
|
|
681
|
-
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"] }]
|
|
681
|
+
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"] }]
|
|
682
682
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }] });
|
|
683
683
|
|
|
684
684
|
class AdsCreateTagComponent {
|
|
@@ -912,11 +912,11 @@ class AdsCreateTagComponent {
|
|
|
912
912
|
this.tags = this.tags.filter((existingTag) => existingTag.id !== id); // Remove tag from the list of tags
|
|
913
913
|
}
|
|
914
914
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsCreateTagComponent, deps: [{ token: i4.FormBuilder }, { token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
915
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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"] }] }); }
|
|
915
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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"] }] }); }
|
|
916
916
|
}
|
|
917
917
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsCreateTagComponent, decorators: [{
|
|
918
918
|
type: Component,
|
|
919
|
-
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"] }]
|
|
919
|
+
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"] }]
|
|
920
920
|
}], ctorParameters: () => [{ type: i4.FormBuilder }, { type: i1.AdsIconRegistry }], propDecorators: { tags: [{
|
|
921
921
|
type: Input
|
|
922
922
|
}], addInput: [{
|
|
@@ -1015,11 +1015,11 @@ class DividerComponent {
|
|
|
1015
1015
|
};
|
|
1016
1016
|
}
|
|
1017
1017
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1018
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.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"] }] }); }
|
|
1018
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.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"] }] }); }
|
|
1019
1019
|
}
|
|
1020
1020
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DividerComponent, decorators: [{
|
|
1021
1021
|
type: Component,
|
|
1022
|
-
args: [{ selector: 'ads-divider', standalone: false, template: "<div [ngStyle]=\"style\" class=\"ads-divider\"></div>\n", styles: [".ads-divider{height:1px}\n"] }]
|
|
1022
|
+
args: [{ selector: 'ads-divider', standalone: false, template: "<div [ngStyle]=\"style\" class=\"ads-divider\"></div>\r\n", styles: [".ads-divider{height:1px}\n"] }]
|
|
1023
1023
|
}], propDecorators: { margin: [{
|
|
1024
1024
|
type: Input
|
|
1025
1025
|
}], color: [{
|
|
@@ -1485,11 +1485,11 @@ class AdsDragAndDropListComponent {
|
|
|
1485
1485
|
return this.draggedElement?.dom === element?.dom;
|
|
1486
1486
|
}
|
|
1487
1487
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsDragAndDropListComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1488
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.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"] }); }
|
|
1488
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.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"] }); }
|
|
1489
1489
|
}
|
|
1490
1490
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsDragAndDropListComponent, decorators: [{
|
|
1491
1491
|
type: Component,
|
|
1492
|
-
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"] }]
|
|
1492
|
+
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"] }]
|
|
1493
1493
|
}], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { draggableList: [{
|
|
1494
1494
|
type: ViewChild,
|
|
1495
1495
|
args: ['draggableList', { read: ElementRef, static: true }]
|
|
@@ -1602,11 +1602,11 @@ class AdsErrorPageComponent {
|
|
|
1602
1602
|
}
|
|
1603
1603
|
}
|
|
1604
1604
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsErrorPageComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.AdsIconRegistry }, { token: i1$1.Location }, { token: i3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1605
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.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"] }] }); }
|
|
1605
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.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"] }] }); }
|
|
1606
1606
|
}
|
|
1607
1607
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsErrorPageComponent, decorators: [{
|
|
1608
1608
|
type: Component,
|
|
1609
|
-
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"] }]
|
|
1609
|
+
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"] }]
|
|
1610
1610
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.AdsIconRegistry }, { type: i1$1.Location }, { type: i3.DomSanitizer }], propDecorators: { logoSrc: [{
|
|
1611
1611
|
type: Input
|
|
1612
1612
|
}], logoAlt: [{
|
|
@@ -1690,11 +1690,11 @@ class AdsFooterComponent {
|
|
|
1690
1690
|
this.links = [];
|
|
1691
1691
|
}
|
|
1692
1692
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1693
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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}a:not(:last-child):after{padding:0 8px;content:\"|\"}.copyright{height:100%;font-size:12px}.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"] }); }
|
|
1693
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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}a:not(:last-child):after{padding:0 8px;content:\"|\"}.copyright{height:100%;font-size:12px}.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"] }); }
|
|
1694
1694
|
}
|
|
1695
1695
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsFooterComponent, decorators: [{
|
|
1696
1696
|
type: Component,
|
|
1697
|
-
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}a:not(:last-child):after{padding:0 8px;content:\"|\"}.copyright{height:100%;font-size:12px}.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"] }]
|
|
1697
|
+
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}a:not(:last-child):after{padding:0 8px;content:\"|\"}.copyright{height:100%;font-size:12px}.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"] }]
|
|
1698
1698
|
}], propDecorators: { alt: [{
|
|
1699
1699
|
type: Input
|
|
1700
1700
|
}], copyright: [{
|
|
@@ -1721,11 +1721,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
|
|
|
1721
1721
|
|
|
1722
1722
|
class AdsFooterContainerComponent {
|
|
1723
1723
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsFooterContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1724
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.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"] }); }
|
|
1724
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.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"] }); }
|
|
1725
1725
|
}
|
|
1726
1726
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsFooterContainerComponent, decorators: [{
|
|
1727
1727
|
type: Component,
|
|
1728
|
-
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"] }]
|
|
1728
|
+
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"] }]
|
|
1729
1729
|
}] });
|
|
1730
1730
|
|
|
1731
1731
|
class AdsFooterContainerModule {
|
|
@@ -1743,11 +1743,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
|
|
|
1743
1743
|
|
|
1744
1744
|
class AdsHeaderComponent {
|
|
1745
1745
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1746
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.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"] }); }
|
|
1746
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.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"] }); }
|
|
1747
1747
|
}
|
|
1748
1748
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsHeaderComponent, decorators: [{
|
|
1749
1749
|
type: Component,
|
|
1750
|
-
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"] }]
|
|
1750
|
+
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"] }]
|
|
1751
1751
|
}] });
|
|
1752
1752
|
|
|
1753
1753
|
class AdsHeaderModule {
|
|
@@ -1771,11 +1771,11 @@ class AdsHeaderContainerComponent {
|
|
|
1771
1771
|
this.isMobile = false;
|
|
1772
1772
|
}
|
|
1773
1773
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsHeaderContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1774
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.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"] }); }
|
|
1774
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.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"] }); }
|
|
1775
1775
|
}
|
|
1776
1776
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsHeaderContainerComponent, decorators: [{
|
|
1777
1777
|
type: Component,
|
|
1778
|
-
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"] }]
|
|
1778
|
+
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"] }]
|
|
1779
1779
|
}], propDecorators: { isMobile: [{
|
|
1780
1780
|
type: Input
|
|
1781
1781
|
}] } });
|
|
@@ -1801,11 +1801,11 @@ class AdsLinkButtonComponent {
|
|
|
1801
1801
|
this.disabled = input(false);
|
|
1802
1802
|
}
|
|
1803
1803
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsLinkButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1804
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.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: i8.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }] }); }
|
|
1804
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.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: i8.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }] }); }
|
|
1805
1805
|
}
|
|
1806
1806
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsLinkButtonComponent, decorators: [{
|
|
1807
1807
|
type: Component,
|
|
1808
|
-
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"] }]
|
|
1808
|
+
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"] }]
|
|
1809
1809
|
}] });
|
|
1810
1810
|
|
|
1811
1811
|
class AdsLinkButtonModule {
|
|
@@ -1862,11 +1862,11 @@ class AdsPrimaryLogoComponent extends AbstractLogoComponent {
|
|
|
1862
1862
|
super();
|
|
1863
1863
|
}
|
|
1864
1864
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsPrimaryLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1865
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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"] }] }); }
|
|
1865
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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"] }] }); }
|
|
1866
1866
|
}
|
|
1867
1867
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsPrimaryLogoComponent, decorators: [{
|
|
1868
1868
|
type: Component,
|
|
1869
|
-
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"] }]
|
|
1869
|
+
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"] }]
|
|
1870
1870
|
}], ctorParameters: () => [] });
|
|
1871
1871
|
|
|
1872
1872
|
class AdsPrimaryLogoModule {
|
|
@@ -1923,11 +1923,11 @@ class AdsAscentLogoComponent extends AbstractLogoComponent {
|
|
|
1923
1923
|
this.isDarkMode = root.classList.contains('dark-theme');
|
|
1924
1924
|
}
|
|
1925
1925
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsAscentLogoComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1926
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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"] }] }); }
|
|
1926
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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"] }] }); }
|
|
1927
1927
|
}
|
|
1928
1928
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsAscentLogoComponent, decorators: [{
|
|
1929
1929
|
type: Component,
|
|
1930
|
-
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"] }]
|
|
1930
|
+
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"] }]
|
|
1931
1931
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { invertTheme: [{
|
|
1932
1932
|
type: Input
|
|
1933
1933
|
}] } });
|
|
@@ -2001,11 +2001,11 @@ class AdsProgressBarComponent {
|
|
|
2001
2001
|
return `calc(${(value / max) * 100}% + 5.5px)`;
|
|
2002
2002
|
}
|
|
2003
2003
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsProgressBarComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2004
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.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"] }] }); }
|
|
2004
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.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"] }] }); }
|
|
2005
2005
|
}
|
|
2006
2006
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsProgressBarComponent, decorators: [{
|
|
2007
2007
|
type: Component,
|
|
2008
|
-
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"] }]
|
|
2008
|
+
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"] }]
|
|
2009
2009
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { id: [{
|
|
2010
2010
|
type: Input
|
|
2011
2011
|
}], disabled: [{
|
|
@@ -2104,11 +2104,11 @@ class AdsProgressSpinnerComponent {
|
|
|
2104
2104
|
this.cdr.detectChanges();
|
|
2105
2105
|
}
|
|
2106
2106
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsProgressSpinnerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2107
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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"] }] }); }
|
|
2107
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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"] }] }); }
|
|
2108
2108
|
}
|
|
2109
2109
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsProgressSpinnerComponent, decorators: [{
|
|
2110
2110
|
type: Component,
|
|
2111
|
-
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"] }]
|
|
2111
|
+
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"] }]
|
|
2112
2112
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { zIndex: [{
|
|
2113
2113
|
type: Input
|
|
2114
2114
|
}], scrollContainer: [{
|
|
@@ -2204,11 +2204,11 @@ class AdsProgressIndicatorSpinnerComponent {
|
|
|
2204
2204
|
}
|
|
2205
2205
|
}
|
|
2206
2206
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsProgressIndicatorSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2207
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.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"] }] }); }
|
|
2207
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.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"] }] }); }
|
|
2208
2208
|
}
|
|
2209
2209
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsProgressIndicatorSpinnerComponent, decorators: [{
|
|
2210
2210
|
type: Component,
|
|
2211
|
-
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"] }]
|
|
2211
|
+
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"] }]
|
|
2212
2212
|
}], propDecorators: { diameter: [{
|
|
2213
2213
|
type: Input
|
|
2214
2214
|
}], max: [{
|
|
@@ -2245,11 +2245,11 @@ class ShellLayoutComponent {
|
|
|
2245
2245
|
this.isMobile = false;
|
|
2246
2246
|
}
|
|
2247
2247
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ShellLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2248
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.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"] }); }
|
|
2248
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.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"] }); }
|
|
2249
2249
|
}
|
|
2250
2250
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ShellLayoutComponent, decorators: [{
|
|
2251
2251
|
type: Component,
|
|
2252
|
-
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"] }]
|
|
2252
|
+
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"] }]
|
|
2253
2253
|
}], propDecorators: { isCollapsed: [{
|
|
2254
2254
|
type: Input
|
|
2255
2255
|
}], isMobile: [{
|
|
@@ -2275,11 +2275,11 @@ class AdsSplashPageComponent {
|
|
|
2275
2275
|
this.text = 'Coming Soon';
|
|
2276
2276
|
}
|
|
2277
2277
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsSplashPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2278
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.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"] }); }
|
|
2278
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.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"] }); }
|
|
2279
2279
|
}
|
|
2280
2280
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsSplashPageComponent, decorators: [{
|
|
2281
2281
|
type: Component,
|
|
2282
|
-
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"] }]
|
|
2282
|
+
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"] }]
|
|
2283
2283
|
}], propDecorators: { alt: [{
|
|
2284
2284
|
type: Input
|
|
2285
2285
|
}], imageSrc: [{
|
|
@@ -2619,56 +2619,56 @@ class AdsInputTooltipComponent {
|
|
|
2619
2619
|
return this.smallSize() ? '3px' : '12px';
|
|
2620
2620
|
}
|
|
2621
2621
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsInputTooltipComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2622
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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: `
|
|
2623
|
-
@if (href()) {
|
|
2624
|
-
<a [href]="href()" target="_blank" rel="noopener noreferrer">
|
|
2625
|
-
<ads-icon
|
|
2626
|
-
[matTooltip]="tooltip()"
|
|
2627
|
-
[matTooltipPosition]="'above'"
|
|
2628
|
-
[name]="'information'"
|
|
2629
|
-
[size]="smallSize() ? 'xxs' : 'sm'"
|
|
2630
|
-
[theme]="'secondary'"
|
|
2631
|
-
[style.top]="iconPosition"
|
|
2632
|
-
class="clickable"
|
|
2633
|
-
/>
|
|
2634
|
-
</a>
|
|
2635
|
-
} @else {
|
|
2636
|
-
<ads-icon
|
|
2637
|
-
[matTooltip]="tooltip()"
|
|
2638
|
-
[matTooltipPosition]="'above'"
|
|
2639
|
-
[name]="'information'"
|
|
2640
|
-
[size]="smallSize() ? 'xxs' : 'sm'"
|
|
2641
|
-
[theme]="'secondary'"
|
|
2642
|
-
[style.top]="iconPosition"
|
|
2643
|
-
/>
|
|
2644
|
-
}
|
|
2622
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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: `
|
|
2623
|
+
@if (href()) {
|
|
2624
|
+
<a [href]="href()" target="_blank" rel="noopener noreferrer">
|
|
2625
|
+
<ads-icon
|
|
2626
|
+
[matTooltip]="tooltip()"
|
|
2627
|
+
[matTooltipPosition]="'above'"
|
|
2628
|
+
[name]="'information'"
|
|
2629
|
+
[size]="smallSize() ? 'xxs' : 'sm'"
|
|
2630
|
+
[theme]="'secondary'"
|
|
2631
|
+
[style.top]="iconPosition"
|
|
2632
|
+
class="clickable"
|
|
2633
|
+
/>
|
|
2634
|
+
</a>
|
|
2635
|
+
} @else {
|
|
2636
|
+
<ads-icon
|
|
2637
|
+
[matTooltip]="tooltip()"
|
|
2638
|
+
[matTooltipPosition]="'above'"
|
|
2639
|
+
[name]="'information'"
|
|
2640
|
+
[size]="smallSize() ? 'xxs' : 'sm'"
|
|
2641
|
+
[theme]="'secondary'"
|
|
2642
|
+
[style.top]="iconPosition"
|
|
2643
|
+
/>
|
|
2644
|
+
}
|
|
2645
2645
|
`, 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"] }] }); }
|
|
2646
2646
|
}
|
|
2647
2647
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsInputTooltipComponent, decorators: [{
|
|
2648
2648
|
type: Component,
|
|
2649
|
-
args: [{ selector: 'ads-input-tooltip', template: `
|
|
2650
|
-
@if (href()) {
|
|
2651
|
-
<a [href]="href()" target="_blank" rel="noopener noreferrer">
|
|
2652
|
-
<ads-icon
|
|
2653
|
-
[matTooltip]="tooltip()"
|
|
2654
|
-
[matTooltipPosition]="'above'"
|
|
2655
|
-
[name]="'information'"
|
|
2656
|
-
[size]="smallSize() ? 'xxs' : 'sm'"
|
|
2657
|
-
[theme]="'secondary'"
|
|
2658
|
-
[style.top]="iconPosition"
|
|
2659
|
-
class="clickable"
|
|
2660
|
-
/>
|
|
2661
|
-
</a>
|
|
2662
|
-
} @else {
|
|
2663
|
-
<ads-icon
|
|
2664
|
-
[matTooltip]="tooltip()"
|
|
2665
|
-
[matTooltipPosition]="'above'"
|
|
2666
|
-
[name]="'information'"
|
|
2667
|
-
[size]="smallSize() ? 'xxs' : 'sm'"
|
|
2668
|
-
[theme]="'secondary'"
|
|
2669
|
-
[style.top]="iconPosition"
|
|
2670
|
-
/>
|
|
2671
|
-
}
|
|
2649
|
+
args: [{ selector: 'ads-input-tooltip', template: `
|
|
2650
|
+
@if (href()) {
|
|
2651
|
+
<a [href]="href()" target="_blank" rel="noopener noreferrer">
|
|
2652
|
+
<ads-icon
|
|
2653
|
+
[matTooltip]="tooltip()"
|
|
2654
|
+
[matTooltipPosition]="'above'"
|
|
2655
|
+
[name]="'information'"
|
|
2656
|
+
[size]="smallSize() ? 'xxs' : 'sm'"
|
|
2657
|
+
[theme]="'secondary'"
|
|
2658
|
+
[style.top]="iconPosition"
|
|
2659
|
+
class="clickable"
|
|
2660
|
+
/>
|
|
2661
|
+
</a>
|
|
2662
|
+
} @else {
|
|
2663
|
+
<ads-icon
|
|
2664
|
+
[matTooltip]="tooltip()"
|
|
2665
|
+
[matTooltipPosition]="'above'"
|
|
2666
|
+
[name]="'information'"
|
|
2667
|
+
[size]="smallSize() ? 'xxs' : 'sm'"
|
|
2668
|
+
[theme]="'secondary'"
|
|
2669
|
+
[style.top]="iconPosition"
|
|
2670
|
+
/>
|
|
2671
|
+
}
|
|
2672
2672
|
`, imports: [AdsIconModule, MatTooltip], styles: ["ads-icon{position:relative;top:12px}.clickable{cursor:pointer}a{text-decoration:none}\n"] }]
|
|
2673
2673
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }] });
|
|
2674
2674
|
|
|
@@ -2678,7 +2678,7 @@ class AdsErrorComponent {
|
|
|
2678
2678
|
this.error = input.required();
|
|
2679
2679
|
}
|
|
2680
2680
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2681
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.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: [
|
|
2681
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.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: [
|
|
2682
2682
|
trigger('fadeInOut', [
|
|
2683
2683
|
state('in', style({ opacity: 1, transform: 'translateX(0)' })),
|
|
2684
2684
|
transition('void => *', [style({ opacity: 0, transform: 'translateY(-30%)' }), animate('300ms ease-in')]),
|
|
@@ -2692,7 +2692,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
|
|
|
2692
2692
|
state('in', style({ opacity: 1, transform: 'translateX(0)' })),
|
|
2693
2693
|
transition('void => *', [style({ opacity: 0, transform: 'translateY(-30%)' }), animate('300ms ease-in')]),
|
|
2694
2694
|
]),
|
|
2695
|
-
], 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"] }]
|
|
2695
|
+
], 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"] }]
|
|
2696
2696
|
}] });
|
|
2697
2697
|
|
|
2698
2698
|
class AdsHintComponent {
|
|
@@ -2732,7 +2732,7 @@ class AdsSuccessComponent {
|
|
|
2732
2732
|
this.success = input.required();
|
|
2733
2733
|
}
|
|
2734
2734
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsSuccessComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2735
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.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: [
|
|
2735
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.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: [
|
|
2736
2736
|
trigger('fadeInOut', [
|
|
2737
2737
|
state('in', style({ opacity: 1, transform: 'translateX(0)' })),
|
|
2738
2738
|
transition('void => *', [style({ opacity: 0, transform: 'translateY(-30%)' }), animate('300ms ease-in')]),
|
|
@@ -2746,7 +2746,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
|
|
|
2746
2746
|
state('in', style({ opacity: 1, transform: 'translateX(0)' })),
|
|
2747
2747
|
transition('void => *', [style({ opacity: 0, transform: 'translateY(-30%)' }), animate('300ms ease-in')]),
|
|
2748
2748
|
]),
|
|
2749
|
-
], 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"] }]
|
|
2749
|
+
], 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"] }]
|
|
2750
2750
|
}] });
|
|
2751
2751
|
|
|
2752
2752
|
class AdsCheckboxComponent extends AbstractBaseComponent {
|
|
@@ -2777,11 +2777,11 @@ class AdsCheckboxComponent extends AbstractBaseComponent {
|
|
|
2777
2777
|
this.valueControl.setValue(!this.valueControl.value);
|
|
2778
2778
|
}
|
|
2779
2779
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
2780
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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}\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"] }] }); }
|
|
2780
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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}\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"] }] }); }
|
|
2781
2781
|
}
|
|
2782
2782
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsCheckboxComponent, decorators: [{
|
|
2783
2783
|
type: Component,
|
|
2784
|
-
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}\n"] }]
|
|
2784
|
+
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}\n"] }]
|
|
2785
2785
|
}], propDecorators: { indeterminate: [{
|
|
2786
2786
|
type: Input
|
|
2787
2787
|
}], width: [{
|
|
@@ -2941,11 +2941,11 @@ class AdsDropdownComponent extends AbstractDropdownComponent {
|
|
|
2941
2941
|
this.toggleOption(option); // Update the option on checkbox change
|
|
2942
2942
|
}
|
|
2943
2943
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2944
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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-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}\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: i5.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: i8.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"] }] }); }
|
|
2944
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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-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}\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: i5.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: i8.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"] }] }); }
|
|
2945
2945
|
}
|
|
2946
2946
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsDropdownComponent, decorators: [{
|
|
2947
2947
|
type: Component,
|
|
2948
|
-
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-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}\n"] }]
|
|
2948
|
+
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-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}\n"] }]
|
|
2949
2949
|
}], ctorParameters: () => [], propDecorators: { displayValueFormatter: [{
|
|
2950
2950
|
type: Input
|
|
2951
2951
|
}], mode: [{
|
|
@@ -3087,11 +3087,11 @@ class AdsMultiSelectDropdownComponent extends AdsDropdownComponent {
|
|
|
3087
3087
|
});
|
|
3088
3088
|
}
|
|
3089
3089
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsMultiSelectDropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
3090
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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-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}\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: i5.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: i8.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"] }] }); }
|
|
3090
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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-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}\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: i5.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: i8.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"] }] }); }
|
|
3091
3091
|
}
|
|
3092
3092
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsMultiSelectDropdownComponent, decorators: [{
|
|
3093
3093
|
type: Component,
|
|
3094
|
-
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-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}\n"] }]
|
|
3094
|
+
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-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}\n"] }]
|
|
3095
3095
|
}], propDecorators: { showChips: [{
|
|
3096
3096
|
type: Input
|
|
3097
3097
|
}] } });
|
|
@@ -3193,11 +3193,11 @@ class AdsInputComponent extends AbstractInputComponent {
|
|
|
3193
3193
|
this.hidePassword = !this.hidePassword;
|
|
3194
3194
|
}
|
|
3195
3195
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
3196
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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 />\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-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}\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: i8.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"] }] }); }
|
|
3196
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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 />\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-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}\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: i8.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"] }] }); }
|
|
3197
3197
|
}
|
|
3198
3198
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsInputComponent, decorators: [{
|
|
3199
3199
|
type: Component,
|
|
3200
|
-
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 />\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-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}\n"] }]
|
|
3200
|
+
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 />\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-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}\n"] }]
|
|
3201
3201
|
}], propDecorators: { maxlength: [{
|
|
3202
3202
|
type: Input
|
|
3203
3203
|
}], type: [{
|
|
@@ -3325,11 +3325,11 @@ class AdsPhoneFieldComponent extends AbstractInputComponent {
|
|
|
3325
3325
|
this.valueChangesSubscription?.unsubscribe();
|
|
3326
3326
|
}
|
|
3327
3327
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsPhoneFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
3328
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.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/>\n", styles: [".footer-container{min-height:20px}\n"], dependencies: [{ kind: "component", type: AdsInputComponent, selector: "ads-input", inputs: ["maxlength", "type", "pattern", "defaultValue", "readonly", "isPasswordField", "showClockIcon", "mask", "onBlur"] }] }); }
|
|
3328
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.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/>\r\n", styles: [".footer-container{min-height:20px}\n"], dependencies: [{ kind: "component", type: AdsInputComponent, selector: "ads-input", inputs: ["maxlength", "type", "pattern", "defaultValue", "readonly", "isPasswordField", "showClockIcon", "mask", "onBlur"] }] }); }
|
|
3329
3329
|
}
|
|
3330
3330
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsPhoneFieldComponent, decorators: [{
|
|
3331
3331
|
type: Component,
|
|
3332
|
-
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/>\n", styles: [".footer-container{min-height:20px}\n"] }]
|
|
3332
|
+
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/>\r\n", styles: [".footer-container{min-height:20px}\n"] }]
|
|
3333
3333
|
}] });
|
|
3334
3334
|
|
|
3335
3335
|
class AdsPhoneFieldModule {
|
|
@@ -3358,11 +3358,11 @@ class AdsTextareaComponent extends AbstractInputComponent {
|
|
|
3358
3358
|
this.canResize = true;
|
|
3359
3359
|
}
|
|
3360
3360
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsTextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
3361
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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-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}\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: i8.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"] }] }); }
|
|
3361
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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-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}\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: i8.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"] }] }); }
|
|
3362
3362
|
}
|
|
3363
3363
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsTextareaComponent, decorators: [{
|
|
3364
3364
|
type: Component,
|
|
3365
|
-
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-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}\n"] }]
|
|
3365
|
+
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-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}\n"] }]
|
|
3366
3366
|
}], propDecorators: { maxlength: [{
|
|
3367
3367
|
type: Input
|
|
3368
3368
|
}], rows: [{
|
|
@@ -3467,11 +3467,11 @@ class AdsInputDropdownComponent extends AbstractInputComponent {
|
|
|
3467
3467
|
}
|
|
3468
3468
|
}
|
|
3469
3469
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsInputDropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
3470
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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}\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"] }] }); }
|
|
3470
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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}\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"] }] }); }
|
|
3471
3471
|
}
|
|
3472
3472
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsInputDropdownComponent, decorators: [{
|
|
3473
3473
|
type: Component,
|
|
3474
|
-
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}\n"] }]
|
|
3474
|
+
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}\n"] }]
|
|
3475
3475
|
}], propDecorators: { maxlength: [{
|
|
3476
3476
|
type: Input
|
|
3477
3477
|
}], type: [{
|
|
@@ -4177,11 +4177,11 @@ class AdsSearchDropdownComponent extends AbstractDropdownComponent {
|
|
|
4177
4177
|
}
|
|
4178
4178
|
}
|
|
4179
4179
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsSearchDropdownComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4180
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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 <mat-spinner matTextSuffix diameter=\"22\" />\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-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}mat-spinner{margin:13px}\n", ".footer-container{min-height:20px}\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: i2$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i6.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: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i8.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" }] }); }
|
|
4180
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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 <mat-spinner matTextSuffix diameter=\"22\" />\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-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}mat-spinner{margin:13px}\n", ".footer-container{min-height:20px}\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: i2$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i6.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: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i8.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" }] }); }
|
|
4181
4181
|
}
|
|
4182
4182
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsSearchDropdownComponent, decorators: [{
|
|
4183
4183
|
type: Component,
|
|
4184
|
-
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 <mat-spinner matTextSuffix diameter=\"22\" />\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-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}mat-spinner{margin:13px}\n", ".footer-container{min-height:20px}\n"] }]
|
|
4184
|
+
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 <mat-spinner matTextSuffix diameter=\"22\" />\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-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}mat-spinner{margin:13px}\n", ".footer-container{min-height:20px}\n"] }]
|
|
4185
4185
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { maxlength: [{
|
|
4186
4186
|
type: Input
|
|
4187
4187
|
}], panelClass: [{
|
|
@@ -4325,11 +4325,11 @@ class AdsSearchInputComponent extends AdsInputComponent {
|
|
|
4325
4325
|
}
|
|
4326
4326
|
}
|
|
4327
4327
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsSearchInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4328
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: AdsSearchInputComponent, isStandalone: false, selector: "ads-search-input", inputs: { searchCallback: "searchCallback", isIconClickable: "isIconClickable" }, 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 <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 </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-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}\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: i8.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"] }] }); }
|
|
4328
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: AdsSearchInputComponent, isStandalone: false, selector: "ads-search-input", inputs: { searchCallback: "searchCallback", isIconClickable: "isIconClickable" }, 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 <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 </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-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}\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: i8.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"] }] }); }
|
|
4329
4329
|
}
|
|
4330
4330
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsSearchInputComponent, decorators: [{
|
|
4331
4331
|
type: Component,
|
|
4332
|
-
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 <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 </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-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}\n"] }]
|
|
4332
|
+
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 <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 </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-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}\n"] }]
|
|
4333
4333
|
}], ctorParameters: () => [], propDecorators: { searchCallback: [{
|
|
4334
4334
|
type: Input
|
|
4335
4335
|
}], isIconClickable: [{
|
|
@@ -4492,8 +4492,8 @@ class DatetimeTemplateFormatter {
|
|
|
4492
4492
|
/**
|
|
4493
4493
|
* create arrow down icon
|
|
4494
4494
|
*/
|
|
4495
|
-
const arrowSVG = `<svg xmlns="http://www.w3.org/2000/svg" width="11" height="8" viewBox="0 0 11 8" fill="none">
|
|
4496
|
-
<path d="M0.5 0.0178223L10.5 0.0178224L5.5 7.01782L0.5 0.0178223Z" />
|
|
4495
|
+
const arrowSVG = `<svg xmlns="http://www.w3.org/2000/svg" width="11" height="8" viewBox="0 0 11 8" fill="none">
|
|
4496
|
+
<path d="M0.5 0.0178223L10.5 0.0178224L5.5 7.01782L0.5 0.0178223Z" />
|
|
4497
4497
|
</svg>`;
|
|
4498
4498
|
const arrowDiv = document.createElement('div');
|
|
4499
4499
|
arrowDiv.className = 'arrow-down';
|
|
@@ -5002,11 +5002,11 @@ class AdsDatetimepickerComponent extends AbstractInputComponent {
|
|
|
5002
5002
|
return this.removeOffset(value, this.getRequiredOffset(value));
|
|
5003
5003
|
}
|
|
5004
5004
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsDatetimepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5005
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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 (input)=\"touchControls()\"\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 @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\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 </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-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}\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$1.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$1.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: i8.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"] }] }); }
|
|
5005
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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 (input)=\"touchControls()\"\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 @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\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 </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-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}\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$1.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$1.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: i8.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"] }] }); }
|
|
5006
5006
|
}
|
|
5007
5007
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsDatetimepickerComponent, decorators: [{
|
|
5008
5008
|
type: Component,
|
|
5009
|
-
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 (input)=\"touchControls()\"\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 @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\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 </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-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}\n"] }]
|
|
5009
|
+
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 (input)=\"touchControls()\"\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 @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\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 </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-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}\n"] }]
|
|
5010
5010
|
}], ctorParameters: () => [], propDecorators: { picker: [{
|
|
5011
5011
|
type: ViewChild,
|
|
5012
5012
|
args: [MatDatetimepickerComponent]
|
|
@@ -5178,11 +5178,11 @@ class AdsDatepickerComponent extends AdsDatetimepickerComponent {
|
|
|
5178
5178
|
this.setControlValue(this.displayControl, valueToApply);
|
|
5179
5179
|
}
|
|
5180
5180
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsDatepickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
5181
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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 (input)=\"touchControls()\"\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 @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\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 </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-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}\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$1.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$1.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: i8.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"] }] }); }
|
|
5181
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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 (input)=\"touchControls()\"\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 @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\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 </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-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}\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$1.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$1.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: i8.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"] }] }); }
|
|
5182
5182
|
}
|
|
5183
5183
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsDatepickerComponent, decorators: [{
|
|
5184
5184
|
type: Component,
|
|
5185
|
-
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 (input)=\"touchControls()\"\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 @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\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 </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-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}\n"] }]
|
|
5185
|
+
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 (input)=\"touchControls()\"\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 @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\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 </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-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}\n"] }]
|
|
5186
5186
|
}], propDecorators: { customDisplayFormat: [{
|
|
5187
5187
|
type: Input
|
|
5188
5188
|
}] } });
|
|
@@ -5308,11 +5308,11 @@ class AdsTimepickerComponent extends AdsDatetimepickerComponent {
|
|
|
5308
5308
|
super.onSyncDisplayedValue(valueToApply);
|
|
5309
5309
|
}
|
|
5310
5310
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsTimepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5311
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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 (input)=\"touchControls()\"\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 @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\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 </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-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}\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$1.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$1.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: i8.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"] }] }); }
|
|
5311
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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 (input)=\"touchControls()\"\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 @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\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 </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-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}\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$1.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$1.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: i8.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"] }] }); }
|
|
5312
5312
|
}
|
|
5313
5313
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsTimepickerComponent, decorators: [{
|
|
5314
5314
|
type: Component,
|
|
5315
|
-
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 (input)=\"touchControls()\"\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 @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\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 </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-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}\n"] }]
|
|
5315
|
+
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 (input)=\"touchControls()\"\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 @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\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 </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-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}\n"] }]
|
|
5316
5316
|
}], ctorParameters: () => [], propDecorators: { customDisplayFormat: [{
|
|
5317
5317
|
type: Input
|
|
5318
5318
|
}] } });
|
|
@@ -5417,11 +5417,11 @@ class AdsRadioButtonComponent extends AdsDropdownComponent {
|
|
|
5417
5417
|
}
|
|
5418
5418
|
}
|
|
5419
5419
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsRadioButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
5420
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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}\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" }] }); }
|
|
5420
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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}\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" }] }); }
|
|
5421
5421
|
}
|
|
5422
5422
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsRadioButtonComponent, decorators: [{
|
|
5423
5423
|
type: Component,
|
|
5424
|
-
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}\n"] }]
|
|
5424
|
+
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}\n"] }]
|
|
5425
5425
|
}], propDecorators: { vertical: [{
|
|
5426
5426
|
type: Input
|
|
5427
5427
|
}], sortOptions: [{
|
|
@@ -5512,11 +5512,11 @@ class AdsSlideToggleComponent extends AbstractBaseComponent {
|
|
|
5512
5512
|
return enabled ? titles[0] : titles[1];
|
|
5513
5513
|
}
|
|
5514
5514
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsSlideToggleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
5515
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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}\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"] }] }); }
|
|
5515
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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}\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"] }] }); }
|
|
5516
5516
|
}
|
|
5517
5517
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsSlideToggleComponent, decorators: [{
|
|
5518
5518
|
type: Component,
|
|
5519
|
-
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}\n"] }]
|
|
5519
|
+
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}\n"] }]
|
|
5520
5520
|
}], propDecorators: { enableYesOrNo: [{
|
|
5521
5521
|
type: Input
|
|
5522
5522
|
}], control: [{
|
|
@@ -5576,11 +5576,11 @@ class AdsSliderComponent extends AdsCheckboxComponent {
|
|
|
5576
5576
|
this.label = '';
|
|
5577
5577
|
}
|
|
5578
5578
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsSliderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
5579
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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"] }] }); }
|
|
5579
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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"] }] }); }
|
|
5580
5580
|
}
|
|
5581
5581
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsSliderComponent, decorators: [{
|
|
5582
5582
|
type: Component,
|
|
5583
|
-
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"] }]
|
|
5583
|
+
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"] }]
|
|
5584
5584
|
}], propDecorators: { min: [{
|
|
5585
5585
|
type: Input
|
|
5586
5586
|
}], max: [{
|
|
@@ -5660,11 +5660,11 @@ class AdsSnackbarComponent {
|
|
|
5660
5660
|
}
|
|
5661
5661
|
}
|
|
5662
5662
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsSnackbarComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5663
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: AdsSnackbarComponent, isStandalone: false, selector: "ads-snackbar", host: { listeners: { "click": "onSnackbarClick()" } }, ngImport: i0, template: "<div class=\"container\" (click)=\"onSnackbarClick()\" [id]=\"id\">\n <div>\n @if (data.title) {\n <div class=\"snackbar-title\" [innerHTML]=\"data.title\" [id]=\"id + '-title'\"></div>\n }\n <span class=\"snackbar-details\" [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)=\"snackBarRef.dismissWithAction(); $event.stopPropagation()\"\n >\n {{ data.buttonCaption ?? defaultButtonCaption }}\n </ads-button>\n }\n</div>\n", styles: [".container{display:flex;justify-content:space-between;gap:24px;width:80vw}.container .snackbar-title{color:var(--color-white);font-size:16px;font-weight:400;line-height:21px}.container .snackbar-details{color:var(--color-white);font-size:14px;font-weight:400;line-height:18px}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"] }] }); }
|
|
5663
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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>\r\n @if (data.title) {\r\n <div class=\"snackbar-title\" [innerHTML]=\"data.title\" [id]=\"id + '-title'\"></div>\r\n }\r\n <span class=\"snackbar-details\" [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;gap:24px;width:80vw}.container .snackbar-title{color:var(--color-white);font-size:16px;font-weight:400;line-height:21px}.container .snackbar-details{color:var(--color-white);font-size:14px;font-weight:400;line-height:18px}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"] }] }); }
|
|
5664
5664
|
}
|
|
5665
5665
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsSnackbarComponent, decorators: [{
|
|
5666
5666
|
type: Component,
|
|
5667
|
-
args: [{ selector: 'ads-snackbar', standalone: false, template: "<div class=\"container\" (click)=\"onSnackbarClick()\" [id]=\"id\">\n <div>\n @if (data.title) {\n <div class=\"snackbar-title\" [innerHTML]=\"data.title\" [id]=\"id + '-title'\"></div>\n }\n <span class=\"snackbar-details\" [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)=\"snackBarRef.dismissWithAction(); $event.stopPropagation()\"\n >\n {{ data.buttonCaption ?? defaultButtonCaption }}\n </ads-button>\n }\n</div>\n", styles: [".container{display:flex;justify-content:space-between;gap:24px;width:80vw}.container .snackbar-title{color:var(--color-white);font-size:16px;font-weight:400;line-height:21px}.container .snackbar-details{color:var(--color-white);font-size:14px;font-weight:400;line-height:18px}ads-button{white-space:nowrap}@media (width <= 500px){.container{width:100%}}\n"] }]
|
|
5667
|
+
args: [{ selector: 'ads-snackbar', standalone: false, template: "<div class=\"container\" (click)=\"onSnackbarClick()\" [id]=\"id\">\r\n <div>\r\n @if (data.title) {\r\n <div class=\"snackbar-title\" [innerHTML]=\"data.title\" [id]=\"id + '-title'\"></div>\r\n }\r\n <span class=\"snackbar-details\" [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;gap:24px;width:80vw}.container .snackbar-title{color:var(--color-white);font-size:16px;font-weight:400;line-height:21px}.container .snackbar-details{color:var(--color-white);font-size:14px;font-weight:400;line-height:18px}ads-button{white-space:nowrap}@media (width <= 500px){.container{width:100%}}\n"] }]
|
|
5668
5668
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { onSnackbarClick: [{
|
|
5669
5669
|
type: HostListener,
|
|
5670
5670
|
args: ['click']
|
|
@@ -5803,11 +5803,11 @@ class AdsModalComponent {
|
|
|
5803
5803
|
this.dialogRef.close(ModalActionType.Delete);
|
|
5804
5804
|
}
|
|
5805
5805
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.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 }); }
|
|
5806
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: AdsModalComponent, isStandalone: false, selector: "ads-modal", 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 {{ data.title }}\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'\">\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>\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\" [id]=\"id + '-action-hint'\">{{ data.actionHint }}</div>\n }\n <div class=\"actions-container\">\n @if (data.showDeleteButton) {\n <ads-button variant=\"error\" (click)=\"onDelete()\" [id]=\"id + '-action-delete'\"> Delete </ads-button>\n }\n @if (!data.hideCancelButton) {\n <ads-button variant=\"secondary\" (click)=\"onCancel()\" [id]=\"id + '-action-secondary'\">\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 >\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)}::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 .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-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-container{gap:16px;display:flex;justify-content:flex-end}::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}\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"] }] }); }
|
|
5806
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: AdsModalComponent, isStandalone: false, selector: "ads-modal", 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 {{ data.title }}\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'\">\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>\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\" [id]=\"id + '-action-hint'\">{{ data.actionHint }}</div>\r\n }\r\n <div class=\"actions-container\">\r\n @if (data.showDeleteButton) {\r\n <ads-button variant=\"error\" (click)=\"onDelete()\" [id]=\"id + '-action-delete'\"> Delete </ads-button>\r\n }\r\n @if (!data.hideCancelButton) {\r\n <ads-button variant=\"secondary\" (click)=\"onCancel()\" [id]=\"id + '-action-secondary'\">\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 >\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)}::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 .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-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-container{gap:16px;display:flex;justify-content:flex-end}::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}\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"] }] }); }
|
|
5807
5807
|
}
|
|
5808
5808
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsModalComponent, decorators: [{
|
|
5809
5809
|
type: Component,
|
|
5810
|
-
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 {{ data.title }}\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'\">\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>\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\" [id]=\"id + '-action-hint'\">{{ data.actionHint }}</div>\n }\n <div class=\"actions-container\">\n @if (data.showDeleteButton) {\n <ads-button variant=\"error\" (click)=\"onDelete()\" [id]=\"id + '-action-delete'\"> Delete </ads-button>\n }\n @if (!data.hideCancelButton) {\n <ads-button variant=\"secondary\" (click)=\"onCancel()\" [id]=\"id + '-action-secondary'\">\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 >\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)}::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 .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-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-container{gap:16px;display:flex;justify-content:flex-end}::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}\n"] }]
|
|
5810
|
+
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 {{ data.title }}\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'\">\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>\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\" [id]=\"id + '-action-hint'\">{{ data.actionHint }}</div>\r\n }\r\n <div class=\"actions-container\">\r\n @if (data.showDeleteButton) {\r\n <ads-button variant=\"error\" (click)=\"onDelete()\" [id]=\"id + '-action-delete'\"> Delete </ads-button>\r\n }\r\n @if (!data.hideCancelButton) {\r\n <ads-button variant=\"secondary\" (click)=\"onCancel()\" [id]=\"id + '-action-secondary'\">\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 >\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)}::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 .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-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-container{gap:16px;display:flex;justify-content:flex-end}::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}\n"] }]
|
|
5811
5811
|
}], ctorParameters: () => [{ type: i1$4.MatDialogRef }, { type: i1.AdsIconRegistry }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: undefined, decorators: [{
|
|
5812
5812
|
type: Inject,
|
|
5813
5813
|
args: [MAT_DIALOG_DATA]
|
|
@@ -5860,11 +5860,11 @@ class AdsChipComponent {
|
|
|
5860
5860
|
}
|
|
5861
5861
|
}
|
|
5862
5862
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsChipComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5863
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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"] }] }); }
|
|
5863
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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"] }] }); }
|
|
5864
5864
|
}
|
|
5865
5865
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsChipComponent, decorators: [{
|
|
5866
5866
|
type: Component,
|
|
5867
|
-
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"] }]
|
|
5867
|
+
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"] }]
|
|
5868
5868
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }] });
|
|
5869
5869
|
|
|
5870
5870
|
class AdsChipModule {
|
|
@@ -5903,11 +5903,11 @@ class AdsExpansionPanelComponent {
|
|
|
5903
5903
|
this.registry.register([adsIconChevronDown, adsIconChevronUp]);
|
|
5904
5904
|
}
|
|
5905
5905
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsExpansionPanelComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5906
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "directive", type: i6$2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: i6$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i6$2.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
5906
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "directive", type: i6$2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: i6$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i6$2.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
5907
5907
|
}
|
|
5908
5908
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsExpansionPanelComponent, decorators: [{
|
|
5909
5909
|
type: Component,
|
|
5910
|
-
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"] }]
|
|
5910
|
+
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"] }]
|
|
5911
5911
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }] });
|
|
5912
5912
|
|
|
5913
5913
|
class AdsExpansionPanelModule {
|
|
@@ -6018,11 +6018,11 @@ class AdsTableComponent {
|
|
|
6018
6018
|
this.resizeObserver?.disconnect();
|
|
6019
6019
|
}
|
|
6020
6020
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsTableComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6021
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: AdsTableComponent, isStandalone: false, selector: "ads-table", inputs: { width: "width", height: "height", gridOptions: "gridOptions", rowData: "rowData", columnDefs: "columnDefs", defaultColDef: "defaultColDef", loading: "loading" }, 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]=\"columnDefs\"\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", "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", "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", "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", "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", "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", "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"] }] }); }
|
|
6021
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: AdsTableComponent, isStandalone: false, selector: "ads-table", inputs: { width: "width", height: "height", gridOptions: "gridOptions", rowData: "rowData", columnDefs: "columnDefs", defaultColDef: "defaultColDef", loading: "loading" }, 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]=\"columnDefs\"\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", "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", "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", "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", "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", "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", "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"] }] }); }
|
|
6022
6022
|
}
|
|
6023
6023
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsTableComponent, decorators: [{
|
|
6024
6024
|
type: Component,
|
|
6025
|
-
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]=\"columnDefs\"\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"] }]
|
|
6025
|
+
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]=\"columnDefs\"\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"] }]
|
|
6026
6026
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { width: [{
|
|
6027
6027
|
type: Input
|
|
6028
6028
|
}], height: [{
|
|
@@ -6067,11 +6067,11 @@ class AdsNavMenuComponent {
|
|
|
6067
6067
|
this.registry.register([adsIconUserCircle, adsIconMenuMoreInfo]);
|
|
6068
6068
|
}
|
|
6069
6069
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsNavMenuComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6070
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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 } }, ngImport: i0, template: "<div class=\"ads-avatar-container\">\n @if (iconUrl()) {\n <img [ngSrc]=\"iconUrl()!\" alt=\"User Logo\" height=\"48\" width=\"48\" />\n } @else {\n <ads-icon name=\"user_circle\" theme=\"secondary\" />\n }\n @if (label()) {\n <span>{{ 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 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: "directive", type: i1$1.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: i3$4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i3$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i3$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
|
|
6070
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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 } }, ngImport: i0, template: "<div class=\"ads-avatar-container\">\r\n @if (iconUrl()) {\r\n <img [ngSrc]=\"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>{{ 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 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: "directive", type: i1$1.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: i3$4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i3$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i3$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
|
|
6071
6071
|
}
|
|
6072
6072
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsNavMenuComponent, decorators: [{
|
|
6073
6073
|
type: Component,
|
|
6074
|
-
args: [{ selector: 'ads-nav-menu', standalone: false, template: "<div class=\"ads-avatar-container\">\n @if (iconUrl()) {\n <img [ngSrc]=\"iconUrl()!\" alt=\"User Logo\" height=\"48\" width=\"48\" />\n } @else {\n <ads-icon name=\"user_circle\" theme=\"secondary\" />\n }\n @if (label()) {\n <span>{{ 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 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"] }]
|
|
6074
|
+
args: [{ selector: 'ads-nav-menu', standalone: false, template: "<div class=\"ads-avatar-container\">\r\n @if (iconUrl()) {\r\n <img [ngSrc]=\"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>{{ 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 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"] }]
|
|
6075
6075
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }] });
|
|
6076
6076
|
|
|
6077
6077
|
class AdsNavMenuModule {
|
|
@@ -6180,11 +6180,11 @@ class AdsSideNavBarComponent extends AbstractSideNavBarComponent {
|
|
|
6180
6180
|
this.registry.register([adsIconSearch]);
|
|
6181
6181
|
}
|
|
6182
6182
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsSideNavBarComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6183
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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 <router-outlet></router-outlet>\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:20px 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:21px;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$3.SplitComponent, selector: "as-split", inputs: ["gutterSize", "gutterStep", "disabled", "gutterClickDeltaPx", "direction", "dir", "unit", "gutterAriaLabel", "restrictMove", "useTransition", "gutterDblClickDuration"], outputs: ["gutterClick", "gutterDblClick", "dragStart", "dragEnd", "transitionEnd"], exportAs: ["asSplit"] }, { kind: "component", type: i4$3.SplitAreaComponent, selector: "as-split-area", inputs: ["size", "minSize", "maxSize", "lockSize", "visible"], exportAs: ["asSplitArea"] }, { kind: "directive", type: i1$2.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "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"] }] }); }
|
|
6183
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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 <router-outlet></router-outlet>\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:20px 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:21px;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$3.SplitComponent, selector: "as-split", inputs: ["gutterSize", "gutterStep", "disabled", "gutterClickDeltaPx", "direction", "dir", "unit", "gutterAriaLabel", "restrictMove", "useTransition", "gutterDblClickDuration"], outputs: ["gutterClick", "gutterDblClick", "dragStart", "dragEnd", "transitionEnd"], exportAs: ["asSplit"] }, { kind: "component", type: i4$3.SplitAreaComponent, selector: "as-split-area", inputs: ["size", "minSize", "maxSize", "lockSize", "visible"], exportAs: ["asSplitArea"] }, { kind: "directive", type: i1$2.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "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"] }] }); }
|
|
6184
6184
|
}
|
|
6185
6185
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsSideNavBarComponent, decorators: [{
|
|
6186
6186
|
type: Component,
|
|
6187
|
-
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 <router-outlet></router-outlet>\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:20px 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:21px;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"] }]
|
|
6187
|
+
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 <router-outlet></router-outlet>\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:20px 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:21px;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"] }]
|
|
6188
6188
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { splitter: [{
|
|
6189
6189
|
type: ViewChild,
|
|
6190
6190
|
args: ['splitter']
|
|
@@ -6270,11 +6270,11 @@ class AdsScmsSideNavBarComponent extends AbstractSideNavBarComponent {
|
|
|
6270
6270
|
});
|
|
6271
6271
|
}
|
|
6272
6272
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsScmsSideNavBarComponent, deps: [{ token: i1$2.Router }, { token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6273
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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 } }, 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: "<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-ascent-logo size=\"small\" [mobileWidth]=\"70\" [isCollapsed]=\"isCollapsed()\" />\n </a>\n </div>\n\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()\"\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 </div>\n </as-split-area>\n\n <as-split-area>\n @if (showBreadcrumbs()) {\n <div class=\"breadcrumbs-container\">\n <ads-breadcrumb [breadcrumbs]=\"breadcrumbs()\" />\n </div>\n }\n <router-outlet></router-outlet>\n </as-split-area>\n</as-split>\n\n<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()\">\n @if (!!item.icon) {\n <ads-icon [name]=\"item.icon!\" size=\"sm\" theme=\"iconPrimary\" stroke=\"iconPrimary\" />\n }\n @if (!isCollapsed()) {\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:20px 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:21px;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}:host::ng-deep .left-side-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header{background-color:var(--color-secondary)!important}:host::ng-deep .left-side-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container{background-color:var(--color-secondary)!important}:host::ng-deep .left-side-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container span{color:var(--color-white)!important}:host::ng-deep .left-side-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}:host::ng-deep .left-side-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header mat-panel-description ads-icon{fill:var(--color-white)!important}:host::ng-deep .left-side-content-container .panel-expanded mat-expansion-panel-header,:host::ng-deep .left-side-content-container .panel-expanded .ads-nav-item-container{background-color:var(--color-secondary-10)!important}:host::ng-deep .left-side-content-container .panel-expanded mat-panel-title .ads-nav-item-container{background-color:transparent!important}:host::ng-deep .left-side-content-container .panel-expanded mat-panel-title .ads-nav-item-container span{font-weight:600!important}:host::ng-deep .left-side-content-container mat-expansion-panel{border:none!important;border-radius:unset!important;margin:unset!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-body{padding:0!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-body a .ads-nav-item-container{padding-left:48px!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header{padding:7px 12px 7px 0!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-description ads-icon{width:16px!important;height:auto!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-width:50px}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-title .ads-nav-item-container span{font-size:1rem}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:hover,:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:focus{background-color:var(--color-secondary-hover)!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container,:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container{background-color:var(--color-secondary-hover)!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container ads-icon ::ng-deep svg,:host::ng-deep .left-side-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}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container span,:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container span{color:var(--color-white)!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:hover mat-panel-description ads-icon,:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:focus mat-panel-description ads-icon{fill:var(--color-white)!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:active{background-color:var(--color-secondary-pressed)!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:active .ads-nav-item-container{background-color:var(--color-secondary-pressed)!important}:host::ng-deep .left-side-content-container .main-item .ads-nav-item-container{padding:20px 12px!important}:host::ng-deep .left-side-content-container .main-item .ads-nav-item-container .hide-on-collapsed{font-size:1rem}:host::ng-deep .left-side-content-container .ads-nav-link:focus{background-color:var(--color-secondary-hover)!important;outline:none}:host::ng-deep .left-side-content-container .ads-nav-link:focus .ads-nav-item-container{background-color:var(--color-secondary-hover)!important}:host::ng-deep .left-side-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}:host::ng-deep .left-side-content-container .ads-nav-link:focus .ads-nav-item-container span{color:var(--color-white)!important}:host::ng-deep .left-side-content-container .logo-container{padding-left:8px;padding-right:7px}.breadcrumbs-container{padding:72px 48px 48px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4$3.SplitComponent, selector: "as-split", inputs: ["gutterSize", "gutterStep", "disabled", "gutterClickDeltaPx", "direction", "dir", "unit", "gutterAriaLabel", "restrictMove", "useTransition", "gutterDblClickDuration"], outputs: ["gutterClick", "gutterDblClick", "dragStart", "dragEnd", "transitionEnd"], exportAs: ["asSplit"] }, { kind: "component", type: i4$3.SplitAreaComponent, selector: "as-split-area", inputs: ["size", "minSize", "maxSize", "lockSize", "visible"], exportAs: ["asSplitArea"] }, { kind: "directive", type: i1$2.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: DividerComponent, selector: "ads-divider", inputs: ["margin", "color"] }, { kind: "directive", type: i6$2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i6$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "directive", type: i6$2.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i6$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i6$2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: AdsAscentLogoComponent, selector: "ads-ascent-logo", inputs: ["invertTheme", "size"] }, { kind: "directive", type: i8$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: AdsBreadcrumbComponent, selector: "ads-breadcrumb", inputs: ["breadcrumbs"] }] }); }
|
|
6273
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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 } }, 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: "<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-ascent-logo size=\"small\" [mobileWidth]=\"70\" [isCollapsed]=\"isCollapsed()\" />\r\n </a>\r\n </div>\r\n\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()\"\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 </div>\r\n </as-split-area>\r\n\r\n <as-split-area>\r\n @if (showBreadcrumbs()) {\r\n <div class=\"breadcrumbs-container\">\r\n <ads-breadcrumb [breadcrumbs]=\"breadcrumbs()\" />\r\n </div>\r\n }\r\n <router-outlet></router-outlet>\r\n </as-split-area>\r\n</as-split>\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()\">\r\n @if (!!item.icon) {\r\n <ads-icon [name]=\"item.icon!\" size=\"sm\" theme=\"iconPrimary\" stroke=\"iconPrimary\" />\r\n }\r\n @if (!isCollapsed()) {\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:20px 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:21px;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}:host::ng-deep .left-side-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header{background-color:var(--color-secondary)!important}:host::ng-deep .left-side-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container{background-color:var(--color-secondary)!important}:host::ng-deep .left-side-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container span{color:var(--color-white)!important}:host::ng-deep .left-side-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}:host::ng-deep .left-side-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header mat-panel-description ads-icon{fill:var(--color-white)!important}:host::ng-deep .left-side-content-container .panel-expanded mat-expansion-panel-header,:host::ng-deep .left-side-content-container .panel-expanded .ads-nav-item-container{background-color:var(--color-secondary-10)!important}:host::ng-deep .left-side-content-container .panel-expanded mat-panel-title .ads-nav-item-container{background-color:transparent!important}:host::ng-deep .left-side-content-container .panel-expanded mat-panel-title .ads-nav-item-container span{font-weight:600!important}:host::ng-deep .left-side-content-container mat-expansion-panel{border:none!important;border-radius:unset!important;margin:unset!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-body{padding:0!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-body a .ads-nav-item-container{padding-left:48px!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header{padding:7px 12px 7px 0!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-description ads-icon{width:16px!important;height:auto!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-width:50px}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-title .ads-nav-item-container span{font-size:1rem}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:hover,:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:focus{background-color:var(--color-secondary-hover)!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container,:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container{background-color:var(--color-secondary-hover)!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container ads-icon ::ng-deep svg,:host::ng-deep .left-side-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}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container span,:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container span{color:var(--color-white)!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:hover mat-panel-description ads-icon,:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:focus mat-panel-description ads-icon{fill:var(--color-white)!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:active{background-color:var(--color-secondary-pressed)!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:active .ads-nav-item-container{background-color:var(--color-secondary-pressed)!important}:host::ng-deep .left-side-content-container .main-item .ads-nav-item-container{padding:20px 12px!important}:host::ng-deep .left-side-content-container .main-item .ads-nav-item-container .hide-on-collapsed{font-size:1rem}:host::ng-deep .left-side-content-container .ads-nav-link:focus{background-color:var(--color-secondary-hover)!important;outline:none}:host::ng-deep .left-side-content-container .ads-nav-link:focus .ads-nav-item-container{background-color:var(--color-secondary-hover)!important}:host::ng-deep .left-side-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}:host::ng-deep .left-side-content-container .ads-nav-link:focus .ads-nav-item-container span{color:var(--color-white)!important}:host::ng-deep .left-side-content-container .logo-container{padding-left:8px;padding-right:7px}.breadcrumbs-container{padding:72px 48px 48px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4$3.SplitComponent, selector: "as-split", inputs: ["gutterSize", "gutterStep", "disabled", "gutterClickDeltaPx", "direction", "dir", "unit", "gutterAriaLabel", "restrictMove", "useTransition", "gutterDblClickDuration"], outputs: ["gutterClick", "gutterDblClick", "dragStart", "dragEnd", "transitionEnd"], exportAs: ["asSplit"] }, { kind: "component", type: i4$3.SplitAreaComponent, selector: "as-split-area", inputs: ["size", "minSize", "maxSize", "lockSize", "visible"], exportAs: ["asSplitArea"] }, { kind: "directive", type: i1$2.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: DividerComponent, selector: "ads-divider", inputs: ["margin", "color"] }, { kind: "directive", type: i6$2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i6$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "directive", type: i6$2.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i6$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i6$2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: AdsAscentLogoComponent, selector: "ads-ascent-logo", inputs: ["invertTheme", "size"] }, { kind: "directive", type: i8$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: AdsBreadcrumbComponent, selector: "ads-breadcrumb", inputs: ["breadcrumbs"] }] }); }
|
|
6274
6274
|
}
|
|
6275
6275
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsScmsSideNavBarComponent, decorators: [{
|
|
6276
6276
|
type: Component,
|
|
6277
|
-
args: [{ selector: 'ads-scms-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-ascent-logo size=\"small\" [mobileWidth]=\"70\" [isCollapsed]=\"isCollapsed()\" />\n </a>\n </div>\n\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()\"\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 </div>\n </as-split-area>\n\n <as-split-area>\n @if (showBreadcrumbs()) {\n <div class=\"breadcrumbs-container\">\n <ads-breadcrumb [breadcrumbs]=\"breadcrumbs()\" />\n </div>\n }\n <router-outlet></router-outlet>\n </as-split-area>\n</as-split>\n\n<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()\">\n @if (!!item.icon) {\n <ads-icon [name]=\"item.icon!\" size=\"sm\" theme=\"iconPrimary\" stroke=\"iconPrimary\" />\n }\n @if (!isCollapsed()) {\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:20px 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:21px;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}:host::ng-deep .left-side-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header{background-color:var(--color-secondary)!important}:host::ng-deep .left-side-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container{background-color:var(--color-secondary)!important}:host::ng-deep .left-side-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container span{color:var(--color-white)!important}:host::ng-deep .left-side-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}:host::ng-deep .left-side-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header mat-panel-description ads-icon{fill:var(--color-white)!important}:host::ng-deep .left-side-content-container .panel-expanded mat-expansion-panel-header,:host::ng-deep .left-side-content-container .panel-expanded .ads-nav-item-container{background-color:var(--color-secondary-10)!important}:host::ng-deep .left-side-content-container .panel-expanded mat-panel-title .ads-nav-item-container{background-color:transparent!important}:host::ng-deep .left-side-content-container .panel-expanded mat-panel-title .ads-nav-item-container span{font-weight:600!important}:host::ng-deep .left-side-content-container mat-expansion-panel{border:none!important;border-radius:unset!important;margin:unset!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-body{padding:0!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-body a .ads-nav-item-container{padding-left:48px!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header{padding:7px 12px 7px 0!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-description ads-icon{width:16px!important;height:auto!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-width:50px}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-title .ads-nav-item-container span{font-size:1rem}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:hover,:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:focus{background-color:var(--color-secondary-hover)!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container,:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container{background-color:var(--color-secondary-hover)!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container ads-icon ::ng-deep svg,:host::ng-deep .left-side-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}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container span,:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container span{color:var(--color-white)!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:hover mat-panel-description ads-icon,:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:focus mat-panel-description ads-icon{fill:var(--color-white)!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:active{background-color:var(--color-secondary-pressed)!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:active .ads-nav-item-container{background-color:var(--color-secondary-pressed)!important}:host::ng-deep .left-side-content-container .main-item .ads-nav-item-container{padding:20px 12px!important}:host::ng-deep .left-side-content-container .main-item .ads-nav-item-container .hide-on-collapsed{font-size:1rem}:host::ng-deep .left-side-content-container .ads-nav-link:focus{background-color:var(--color-secondary-hover)!important;outline:none}:host::ng-deep .left-side-content-container .ads-nav-link:focus .ads-nav-item-container{background-color:var(--color-secondary-hover)!important}:host::ng-deep .left-side-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}:host::ng-deep .left-side-content-container .ads-nav-link:focus .ads-nav-item-container span{color:var(--color-white)!important}:host::ng-deep .left-side-content-container .logo-container{padding-left:8px;padding-right:7px}.breadcrumbs-container{padding:72px 48px 48px}\n"] }]
|
|
6277
|
+
args: [{ selector: 'ads-scms-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-ascent-logo size=\"small\" [mobileWidth]=\"70\" [isCollapsed]=\"isCollapsed()\" />\r\n </a>\r\n </div>\r\n\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()\"\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 </div>\r\n </as-split-area>\r\n\r\n <as-split-area>\r\n @if (showBreadcrumbs()) {\r\n <div class=\"breadcrumbs-container\">\r\n <ads-breadcrumb [breadcrumbs]=\"breadcrumbs()\" />\r\n </div>\r\n }\r\n <router-outlet></router-outlet>\r\n </as-split-area>\r\n</as-split>\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()\">\r\n @if (!!item.icon) {\r\n <ads-icon [name]=\"item.icon!\" size=\"sm\" theme=\"iconPrimary\" stroke=\"iconPrimary\" />\r\n }\r\n @if (!isCollapsed()) {\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:20px 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:21px;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}:host::ng-deep .left-side-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header{background-color:var(--color-secondary)!important}:host::ng-deep .left-side-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container{background-color:var(--color-secondary)!important}:host::ng-deep .left-side-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header .ads-nav-item-container span{color:var(--color-white)!important}:host::ng-deep .left-side-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}:host::ng-deep .left-side-content-container .active-expansion-panel:not(.panel-expanded) mat-expansion-panel-header mat-panel-description ads-icon{fill:var(--color-white)!important}:host::ng-deep .left-side-content-container .panel-expanded mat-expansion-panel-header,:host::ng-deep .left-side-content-container .panel-expanded .ads-nav-item-container{background-color:var(--color-secondary-10)!important}:host::ng-deep .left-side-content-container .panel-expanded mat-panel-title .ads-nav-item-container{background-color:transparent!important}:host::ng-deep .left-side-content-container .panel-expanded mat-panel-title .ads-nav-item-container span{font-weight:600!important}:host::ng-deep .left-side-content-container mat-expansion-panel{border:none!important;border-radius:unset!important;margin:unset!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-body{padding:0!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-body a .ads-nav-item-container{padding-left:48px!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header{padding:7px 12px 7px 0!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-description ads-icon{width:16px!important;height:auto!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-width:50px}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header mat-panel-title .ads-nav-item-container span{font-size:1rem}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:hover,:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:focus{background-color:var(--color-secondary-hover)!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container,:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container{background-color:var(--color-secondary-hover)!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container ads-icon ::ng-deep svg,:host::ng-deep .left-side-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}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:hover .ads-nav-item-container span,:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:focus .ads-nav-item-container span{color:var(--color-white)!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:hover mat-panel-description ads-icon,:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:focus mat-panel-description ads-icon{fill:var(--color-white)!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:active{background-color:var(--color-secondary-pressed)!important}:host::ng-deep .left-side-content-container mat-expansion-panel .mat-expansion-panel-header:active .ads-nav-item-container{background-color:var(--color-secondary-pressed)!important}:host::ng-deep .left-side-content-container .main-item .ads-nav-item-container{padding:20px 12px!important}:host::ng-deep .left-side-content-container .main-item .ads-nav-item-container .hide-on-collapsed{font-size:1rem}:host::ng-deep .left-side-content-container .ads-nav-link:focus{background-color:var(--color-secondary-hover)!important;outline:none}:host::ng-deep .left-side-content-container .ads-nav-link:focus .ads-nav-item-container{background-color:var(--color-secondary-hover)!important}:host::ng-deep .left-side-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}:host::ng-deep .left-side-content-container .ads-nav-link:focus .ads-nav-item-container span{color:var(--color-white)!important}:host::ng-deep .left-side-content-container .logo-container{padding-left:8px;padding-right:7px}.breadcrumbs-container{padding:72px 48px 48px}\n"] }]
|
|
6278
6278
|
}], ctorParameters: () => [{ type: i1$2.Router }, { type: i1.AdsIconRegistry }], propDecorators: { splitter: [{
|
|
6279
6279
|
type: ViewChild,
|
|
6280
6280
|
args: ['splitter']
|
|
@@ -6348,11 +6348,11 @@ class AdsNumericStepComponent {
|
|
|
6348
6348
|
return this.index() === 0;
|
|
6349
6349
|
}
|
|
6350
6350
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsNumericStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6351
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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 } }, ngImport: i0, template: "<div\n class=\"circle-container\"\n [ngClass]=\"{\n 'dash-line': true,\n outermost: isFirst || isLast(),\n }\"\n>\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 <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 .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"] }] }); }
|
|
6351
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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 } }, ngImport: i0, template: "<div\r\n class=\"circle-container\"\r\n [ngClass]=\"{\r\n 'dash-line': true,\r\n outermost: isFirst || isLast(),\r\n }\"\r\n>\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 <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 .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"] }] }); }
|
|
6352
6352
|
}
|
|
6353
6353
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsNumericStepComponent, decorators: [{
|
|
6354
6354
|
type: Component,
|
|
6355
|
-
args: [{ selector: 'ads-numeric-step', imports: [NgClass], template: "<div\n class=\"circle-container\"\n [ngClass]=\"{\n 'dash-line': true,\n outermost: isFirst || isLast(),\n }\"\n>\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 <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 .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"] }]
|
|
6355
|
+
args: [{ selector: 'ads-numeric-step', imports: [NgClass], template: "<div\r\n class=\"circle-container\"\r\n [ngClass]=\"{\r\n 'dash-line': true,\r\n outermost: isFirst || isLast(),\r\n }\"\r\n>\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 <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 .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"] }]
|
|
6356
6356
|
}] });
|
|
6357
6357
|
|
|
6358
6358
|
class AdsNumericStepperComponent {
|
|
@@ -6361,11 +6361,11 @@ class AdsNumericStepperComponent {
|
|
|
6361
6361
|
this.steps = input.required();
|
|
6362
6362
|
}
|
|
6363
6363
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsNumericStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6364
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: AdsNumericStepperComponent, isStandalone: false, selector: "ads-numeric-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null } }, 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\">\n <ads-numeric-step\n [isLast]=\"i === steps().length - 1\"\n [index]=\"i\"\n [isDelivery]=\"step.isDelivery\"\n [distance]=\"step.distance\"\n />\n <ng-container *ngTemplateOutlet=\"step.template; context: { data: step.templateData }\" />\n </div>\n @if (!$last) {\n <div class=\"dash-container\">\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 .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}\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"] }, { kind: "directive", type: i6$2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }] }); }
|
|
6364
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: AdsNumericStepperComponent, isStandalone: false, selector: "ads-numeric-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null } }, 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\">\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 />\r\n <ng-container *ngTemplateOutlet=\"step.template; context: { data: step.templateData }\" />\r\n </div>\r\n @if (!$last) {\r\n <div class=\"dash-container\">\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 .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}\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"] }, { kind: "directive", type: i6$2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }] }); }
|
|
6365
6365
|
}
|
|
6366
6366
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsNumericStepperComponent, decorators: [{
|
|
6367
6367
|
type: Component,
|
|
6368
|
-
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\">\n <ads-numeric-step\n [isLast]=\"i === steps().length - 1\"\n [index]=\"i\"\n [isDelivery]=\"step.isDelivery\"\n [distance]=\"step.distance\"\n />\n <ng-container *ngTemplateOutlet=\"step.template; context: { data: step.templateData }\" />\n </div>\n @if (!$last) {\n <div class=\"dash-container\">\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 .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}\n"] }]
|
|
6368
|
+
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\">\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 />\r\n <ng-container *ngTemplateOutlet=\"step.template; context: { data: step.templateData }\" />\r\n </div>\r\n @if (!$last) {\r\n <div class=\"dash-container\">\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 .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}\n"] }]
|
|
6369
6369
|
}] });
|
|
6370
6370
|
|
|
6371
6371
|
class AdsNumericStepperModule {
|
|
@@ -6403,11 +6403,11 @@ class AdsVerticalStepperComponent {
|
|
|
6403
6403
|
this.focusedStepIndex = this.steps().findIndex((step) => step.status === VerticalStepStatus.Current);
|
|
6404
6404
|
}
|
|
6405
6405
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsVerticalStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6406
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: AdsVerticalStepperComponent, isStandalone: false, selector: "ads-vertical-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"vertical-stepper\">\n @for (step of steps(); track index; let first = $first; let last = $last; let index = $index) {\n <div\n class=\"step\"\n [class.focused]=\"step.status === VerticalStepStatus.Current\"\n [ngClass]=\"{ clickable: step.onClick }\"\n >\n @if (!first) {\n <div class=\"line-container\">\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 !== VerticalStepStatus.Disabled ? step.onClick!(step) : null\"\n [ngClass]=\"step.status\"\n [class.clickable]=\"step.onClick && step.status !== VerticalStepStatus.Disabled\"\n >\n <div class=\"step-icon\" [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\">{{ step.title }}</span>\n </div>\n </div>\n }\n</div>\n", styles: [":host{display:flex}.vertical-stepper{display:flex;flex-direction:column}.vertical-stepper .step{display:flex;justify-content:center;align-items:center;flex-direction:column}.vertical-stepper .step .line-container{display:flex;padding:8px 0}.vertical-stepper .step .line-container div{flex:1;height:40px}.vertical-stepper .step .line-container div:first-child{border-right:1px solid var(--color-light)}.vertical-stepper .step .line-container div:last-child{border-left:1px solid var(--color-light)}.vertical-stepper .step .step-icon-wrapper{display:flex;align-items:center;flex-direction:column}.vertical-stepper .step .step-icon-wrapper .step-icon{border-radius:80px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.vertical-stepper .step .step-icon-wrapper .title{line-height:21px;color:var(--color-primary)}.vertical-stepper .step .step-icon-wrapper.clickable{cursor:pointer}.vertical-stepper .step .step-icon-wrapper.completed .step-icon{background-color:var(--color-primary)}.vertical-stepper .step .step-icon-wrapper.current .step-icon{background-color:var(--color-secondary)}.vertical-stepper .step .step-icon-wrapper.current .title{color:var(--color-dark)}.vertical-stepper .step .step-icon-wrapper.disabled .step-icon{background-color:var(--color-white);border:2px solid var(--color-light)}.vertical-stepper .step .step-icon-wrapper.disabled .step-icon ::ng-deep ads-icon svg{fill:var(--color-light);stroke:var(--color-light)}.vertical-stepper .step .step-icon-wrapper.disabled .title{color:var(--color-medium)}.vertical-stepper .step .step-icon-wrapper.future .step-icon{background-color:transparent;border:2px solid var(--color-primary)}.vertical-stepper .step .step-icon-wrapper.future .step-icon ::ng-deep ads-icon svg{fill:var(--color-primary);stroke:var(--color-primary)}.vertical-stepper .step:not(.focused) ::ng-deep .step-icon{height:40px;width:40px}.vertical-stepper .step:not(.focused) ::ng-deep .step-icon ads-icon,.vertical-stepper .step:not(.focused) ::ng-deep .step-icon svg{width:16px!important;height:16px!important}.vertical-stepper .step:not(.focused) .title{color:var(--color-medium)}.vertical-stepper .step.focused .step-icon{height:72px;width:72px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i8$1.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"] }] }); }
|
|
6406
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: AdsVerticalStepperComponent, isStandalone: false, selector: "ads-vertical-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"vertical-stepper\">\r\n @for (step of steps(); track index; let first = $first; let last = $last; let index = $index) {\r\n <div\r\n class=\"step\"\r\n [class.focused]=\"step.status === VerticalStepStatus.Current\"\r\n [ngClass]=\"{ clickable: step.onClick }\"\r\n >\r\n @if (!first) {\r\n <div class=\"line-container\">\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 !== VerticalStepStatus.Disabled ? step.onClick!(step) : null\"\r\n [ngClass]=\"step.status\"\r\n [class.clickable]=\"step.onClick && step.status !== VerticalStepStatus.Disabled\"\r\n >\r\n <div class=\"step-icon\" [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\">{{ step.title }}</span>\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n", styles: [":host{display:flex}.vertical-stepper{display:flex;flex-direction:column}.vertical-stepper .step{display:flex;justify-content:center;align-items:center;flex-direction:column}.vertical-stepper .step .line-container{display:flex;padding:8px 0}.vertical-stepper .step .line-container div{flex:1;height:40px}.vertical-stepper .step .line-container div:first-child{border-right:1px solid var(--color-light)}.vertical-stepper .step .line-container div:last-child{border-left:1px solid var(--color-light)}.vertical-stepper .step .step-icon-wrapper{display:flex;align-items:center;flex-direction:column}.vertical-stepper .step .step-icon-wrapper .step-icon{border-radius:80px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.vertical-stepper .step .step-icon-wrapper .title{line-height:21px;color:var(--color-primary)}.vertical-stepper .step .step-icon-wrapper.clickable{cursor:pointer}.vertical-stepper .step .step-icon-wrapper.completed .step-icon{background-color:var(--color-primary)}.vertical-stepper .step .step-icon-wrapper.current .step-icon{background-color:var(--color-secondary)}.vertical-stepper .step .step-icon-wrapper.current .title{color:var(--color-dark)}.vertical-stepper .step .step-icon-wrapper.disabled .step-icon{background-color:var(--color-white);border:2px solid var(--color-light)}.vertical-stepper .step .step-icon-wrapper.disabled .step-icon ::ng-deep ads-icon svg{fill:var(--color-light);stroke:var(--color-light)}.vertical-stepper .step .step-icon-wrapper.disabled .title{color:var(--color-medium)}.vertical-stepper .step .step-icon-wrapper.future .step-icon{background-color:transparent;border:2px solid var(--color-primary)}.vertical-stepper .step .step-icon-wrapper.future .step-icon ::ng-deep ads-icon svg{fill:var(--color-primary);stroke:var(--color-primary)}.vertical-stepper .step:not(.focused) ::ng-deep .step-icon{height:40px;width:40px}.vertical-stepper .step:not(.focused) ::ng-deep .step-icon ads-icon,.vertical-stepper .step:not(.focused) ::ng-deep .step-icon svg{width:16px!important;height:16px!important}.vertical-stepper .step:not(.focused) .title{color:var(--color-medium)}.vertical-stepper .step.focused .step-icon{height:72px;width:72px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i8$1.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"] }] }); }
|
|
6407
6407
|
}
|
|
6408
6408
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsVerticalStepperComponent, decorators: [{
|
|
6409
6409
|
type: Component,
|
|
6410
|
-
args: [{ selector: 'ads-vertical-stepper', standalone: false, template: "<div class=\"vertical-stepper\">\n @for (step of steps(); track index; let first = $first; let last = $last; let index = $index) {\n <div\n class=\"step\"\n [class.focused]=\"step.status === VerticalStepStatus.Current\"\n [ngClass]=\"{ clickable: step.onClick }\"\n >\n @if (!first) {\n <div class=\"line-container\">\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 !== VerticalStepStatus.Disabled ? step.onClick!(step) : null\"\n [ngClass]=\"step.status\"\n [class.clickable]=\"step.onClick && step.status !== VerticalStepStatus.Disabled\"\n >\n <div class=\"step-icon\" [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\">{{ step.title }}</span>\n </div>\n </div>\n }\n</div>\n", styles: [":host{display:flex}.vertical-stepper{display:flex;flex-direction:column}.vertical-stepper .step{display:flex;justify-content:center;align-items:center;flex-direction:column}.vertical-stepper .step .line-container{display:flex;padding:8px 0}.vertical-stepper .step .line-container div{flex:1;height:40px}.vertical-stepper .step .line-container div:first-child{border-right:1px solid var(--color-light)}.vertical-stepper .step .line-container div:last-child{border-left:1px solid var(--color-light)}.vertical-stepper .step .step-icon-wrapper{display:flex;align-items:center;flex-direction:column}.vertical-stepper .step .step-icon-wrapper .step-icon{border-radius:80px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.vertical-stepper .step .step-icon-wrapper .title{line-height:21px;color:var(--color-primary)}.vertical-stepper .step .step-icon-wrapper.clickable{cursor:pointer}.vertical-stepper .step .step-icon-wrapper.completed .step-icon{background-color:var(--color-primary)}.vertical-stepper .step .step-icon-wrapper.current .step-icon{background-color:var(--color-secondary)}.vertical-stepper .step .step-icon-wrapper.current .title{color:var(--color-dark)}.vertical-stepper .step .step-icon-wrapper.disabled .step-icon{background-color:var(--color-white);border:2px solid var(--color-light)}.vertical-stepper .step .step-icon-wrapper.disabled .step-icon ::ng-deep ads-icon svg{fill:var(--color-light);stroke:var(--color-light)}.vertical-stepper .step .step-icon-wrapper.disabled .title{color:var(--color-medium)}.vertical-stepper .step .step-icon-wrapper.future .step-icon{background-color:transparent;border:2px solid var(--color-primary)}.vertical-stepper .step .step-icon-wrapper.future .step-icon ::ng-deep ads-icon svg{fill:var(--color-primary);stroke:var(--color-primary)}.vertical-stepper .step:not(.focused) ::ng-deep .step-icon{height:40px;width:40px}.vertical-stepper .step:not(.focused) ::ng-deep .step-icon ads-icon,.vertical-stepper .step:not(.focused) ::ng-deep .step-icon svg{width:16px!important;height:16px!important}.vertical-stepper .step:not(.focused) .title{color:var(--color-medium)}.vertical-stepper .step.focused .step-icon{height:72px;width:72px}\n"] }]
|
|
6410
|
+
args: [{ selector: 'ads-vertical-stepper', standalone: false, template: "<div class=\"vertical-stepper\">\r\n @for (step of steps(); track index; let first = $first; let last = $last; let index = $index) {\r\n <div\r\n class=\"step\"\r\n [class.focused]=\"step.status === VerticalStepStatus.Current\"\r\n [ngClass]=\"{ clickable: step.onClick }\"\r\n >\r\n @if (!first) {\r\n <div class=\"line-container\">\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 !== VerticalStepStatus.Disabled ? step.onClick!(step) : null\"\r\n [ngClass]=\"step.status\"\r\n [class.clickable]=\"step.onClick && step.status !== VerticalStepStatus.Disabled\"\r\n >\r\n <div class=\"step-icon\" [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\">{{ step.title }}</span>\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n", styles: [":host{display:flex}.vertical-stepper{display:flex;flex-direction:column}.vertical-stepper .step{display:flex;justify-content:center;align-items:center;flex-direction:column}.vertical-stepper .step .line-container{display:flex;padding:8px 0}.vertical-stepper .step .line-container div{flex:1;height:40px}.vertical-stepper .step .line-container div:first-child{border-right:1px solid var(--color-light)}.vertical-stepper .step .line-container div:last-child{border-left:1px solid var(--color-light)}.vertical-stepper .step .step-icon-wrapper{display:flex;align-items:center;flex-direction:column}.vertical-stepper .step .step-icon-wrapper .step-icon{border-radius:80px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.vertical-stepper .step .step-icon-wrapper .title{line-height:21px;color:var(--color-primary)}.vertical-stepper .step .step-icon-wrapper.clickable{cursor:pointer}.vertical-stepper .step .step-icon-wrapper.completed .step-icon{background-color:var(--color-primary)}.vertical-stepper .step .step-icon-wrapper.current .step-icon{background-color:var(--color-secondary)}.vertical-stepper .step .step-icon-wrapper.current .title{color:var(--color-dark)}.vertical-stepper .step .step-icon-wrapper.disabled .step-icon{background-color:var(--color-white);border:2px solid var(--color-light)}.vertical-stepper .step .step-icon-wrapper.disabled .step-icon ::ng-deep ads-icon svg{fill:var(--color-light);stroke:var(--color-light)}.vertical-stepper .step .step-icon-wrapper.disabled .title{color:var(--color-medium)}.vertical-stepper .step .step-icon-wrapper.future .step-icon{background-color:transparent;border:2px solid var(--color-primary)}.vertical-stepper .step .step-icon-wrapper.future .step-icon ::ng-deep ads-icon svg{fill:var(--color-primary);stroke:var(--color-primary)}.vertical-stepper .step:not(.focused) ::ng-deep .step-icon{height:40px;width:40px}.vertical-stepper .step:not(.focused) ::ng-deep .step-icon ads-icon,.vertical-stepper .step:not(.focused) ::ng-deep .step-icon svg{width:16px!important;height:16px!important}.vertical-stepper .step:not(.focused) .title{color:var(--color-medium)}.vertical-stepper .step.focused .step-icon{height:72px;width:72px}\n"] }]
|
|
6411
6411
|
}] });
|
|
6412
6412
|
|
|
6413
6413
|
class AdsVerticalStepperModule {
|
|
@@ -6443,11 +6443,11 @@ class AdsStepperComponent {
|
|
|
6443
6443
|
this.registry.register([adsIconCheck]);
|
|
6444
6444
|
}
|
|
6445
6445
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsStepperComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6446
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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"] }] }); }
|
|
6446
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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"] }] }); }
|
|
6447
6447
|
}
|
|
6448
6448
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsStepperComponent, decorators: [{
|
|
6449
6449
|
type: Component,
|
|
6450
|
-
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"] }]
|
|
6450
|
+
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"] }]
|
|
6451
6451
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }] });
|
|
6452
6452
|
|
|
6453
6453
|
class AdsStepperModule {
|
|
@@ -6482,11 +6482,11 @@ class AdsHorizontalNavBarComponent {
|
|
|
6482
6482
|
}
|
|
6483
6483
|
}
|
|
6484
6484
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsHorizontalNavBarComponent, deps: [{ token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6485
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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"] }] }); }
|
|
6485
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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"] }] }); }
|
|
6486
6486
|
}
|
|
6487
6487
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsHorizontalNavBarComponent, decorators: [{
|
|
6488
6488
|
type: Component,
|
|
6489
|
-
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"] }]
|
|
6489
|
+
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"] }]
|
|
6490
6490
|
}], ctorParameters: () => [{ type: i1$2.Router }], propDecorators: { links: [{
|
|
6491
6491
|
type: Input
|
|
6492
6492
|
}] } });
|
|
@@ -6548,11 +6548,11 @@ class AdsBubbleComponent {
|
|
|
6548
6548
|
link.click();
|
|
6549
6549
|
}
|
|
6550
6550
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsBubbleComponent, deps: [{ token: i1$5.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6551
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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"] }] }); }
|
|
6551
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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"] }] }); }
|
|
6552
6552
|
}
|
|
6553
6553
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsBubbleComponent, decorators: [{
|
|
6554
6554
|
type: Component,
|
|
6555
|
-
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"] }]
|
|
6555
|
+
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"] }]
|
|
6556
6556
|
}], ctorParameters: () => [{ type: i1$5.HttpClient }] });
|
|
6557
6557
|
|
|
6558
6558
|
class AdsBubbleModule {
|
|
@@ -6670,11 +6670,11 @@ class AdsTimeFieldComponent extends AdsInputDropdownComponent {
|
|
|
6670
6670
|
}
|
|
6671
6671
|
}
|
|
6672
6672
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsTimeFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
6673
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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 />\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}\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"] }] }); }
|
|
6673
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.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 />\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}\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"] }] }); }
|
|
6674
6674
|
}
|
|
6675
6675
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsTimeFieldComponent, decorators: [{
|
|
6676
6676
|
type: Component,
|
|
6677
|
-
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 />\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}\n"] }]
|
|
6677
|
+
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 />\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}\n"] }]
|
|
6678
6678
|
}] });
|
|
6679
6679
|
|
|
6680
6680
|
class AdsTimeFieldModule {
|