@softheon/armature 15.0.0 → 15.0.2
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/assets/styles/sof-styles.scss +1 -3
- package/esm2020/lib/alert-banner/alert-banner.module.mjs +4 -4
- package/esm2020/lib/alert-banner/components/alert-banner/alert-banner.component.mjs +3 -3
- package/esm2020/lib/alert-banner/services/alert-banner.service.mjs +3 -3
- package/esm2020/lib/armature.module.mjs +4 -4
- package/esm2020/lib/base-components/base-component.module.mjs +4 -4
- package/esm2020/lib/base-components/sof-alert/sof-alert.component.mjs +3 -3
- package/esm2020/lib/base-components/sof-banner/sof-banner.component.mjs +3 -3
- package/esm2020/lib/base-components/sof-button-toggle-group/sof-button-toggle-group.component.mjs +3 -3
- package/esm2020/lib/base-components/sof-modal/sof-modal.component.mjs +3 -3
- package/esm2020/lib/base-components/sof-progress-bar/sof-progress-bar.component.mjs +3 -3
- package/esm2020/lib/component-save-print/components/component-save-print/component-save-print.component.mjs +3 -3
- package/esm2020/lib/component-save-print/services/component-save-print.service.mjs +3 -3
- package/esm2020/lib/component-save-print/sof-ar-component-save-print.module.mjs +4 -4
- package/esm2020/lib/core/client-generated/api/session.service.mjs +3 -3
- package/esm2020/lib/core/components/app-template/app-template.component.mjs +3 -3
- package/esm2020/lib/core/initializer/initializer.service.mjs +3 -3
- package/esm2020/lib/core/interceptors/armature-auth-token-append.interceptor.mjs +3 -3
- package/esm2020/lib/core/services/authorization.service.mjs +3 -3
- package/esm2020/lib/core/services/banner.service.mjs +3 -3
- package/esm2020/lib/core/services/base-config.service.mjs +3 -3
- package/esm2020/lib/core/services/default-config.service.mjs +3 -3
- package/esm2020/lib/core/services/session.service.mjs +3 -3
- package/esm2020/lib/core/services/user-entity.service.mjs +3 -3
- package/esm2020/lib/distributed-cache/client-generated/api/cache.service.mjs +3 -3
- package/esm2020/lib/distributed-cache/distributed-cache.module.mjs +4 -4
- package/esm2020/lib/distributed-cache/services/server-cache.service.mjs +3 -3
- package/esm2020/lib/error/components/error-common/error-common.component.mjs +3 -3
- package/esm2020/lib/error/error.module.mjs +4 -4
- package/esm2020/lib/faq/components/faq/faq.component.mjs +3 -3
- package/esm2020/lib/faq/faq.module.mjs +4 -4
- package/esm2020/lib/footer/components/footer/footer.component.mjs +3 -3
- package/esm2020/lib/footer/components/site-map/site-map.component.mjs +3 -3
- package/esm2020/lib/footer/footer.module.mjs +4 -4
- package/esm2020/lib/forms/components/sof-address/sof-address.component.mjs +3 -3
- package/esm2020/lib/forms/directives/alphanumeric/alphanumeric.directive.mjs +3 -3
- package/esm2020/lib/forms/directives/input-trim/input-trim.directive.mjs +3 -3
- package/esm2020/lib/forms/directives/letters-only/letters-only.directive.mjs +3 -3
- package/esm2020/lib/forms/directives/numbers-only/numbers-only.directive.mjs +3 -3
- package/esm2020/lib/forms/forms.module.mjs +4 -4
- package/esm2020/lib/forms/pipes/phone-format.pipe.mjs +3 -3
- package/esm2020/lib/forms/services/alert.service.mjs +3 -3
- package/esm2020/lib/header/components/header/header.component.mjs +5 -5
- package/esm2020/lib/header/components/mobile-header-menu/mobile-header-menu.component.mjs +3 -3
- package/esm2020/lib/header/header.module.mjs +4 -4
- package/esm2020/lib/navigation/components/navigation/navigation.component.mjs +5 -5
- package/esm2020/lib/navigation/navigation.module.mjs +4 -4
- package/esm2020/lib/oauth/oauth.module.mjs +4 -4
- package/esm2020/lib/oauth/services/hybrid-saml-oauth.service.mjs +3 -3
- package/esm2020/lib/rbac/directives/rbac-action.directive.mjs +3 -3
- package/esm2020/lib/rbac/rbac.module.mjs +4 -4
- package/esm2020/lib/rbac/services/ar-role-nav.service.mjs +3 -3
- package/esm2020/lib/rbac/services/oauth2-role.service.mjs +3 -3
- package/esm2020/lib/resize-panels/components/resize-panels/resize-panels.component.mjs +3 -3
- package/esm2020/lib/resize-panels/resize-panels.module.mjs +4 -4
- package/esm2020/lib/rum/rum.module.mjs +4 -4
- package/esm2020/lib/rum/services/rum.service.mjs +3 -3
- package/esm2020/lib/rum/services/shared-error.service.mjs +3 -3
- package/esm2020/lib/rum/services/softheon-error-handler.service.mjs +3 -3
- package/esm2020/lib/saml/components/redirect-saml/redirect-saml.component.mjs +3 -3
- package/esm2020/lib/saml/saml.module.mjs +4 -4
- package/esm2020/lib/saml/services/entry/sso-gateway-entry.service.mjs +3 -3
- package/esm2020/lib/saml/services/send-off/saml.service.mjs +3 -3
- package/esm2020/lib/sof-pipe/pipes/sof-blank/sof-blank.pipe.mjs +3 -3
- package/esm2020/lib/sof-pipe/pipes/sof-date/sof-date.pipe.mjs +3 -3
- package/esm2020/lib/sof-pipe/pipes/sof-ssn/sof-ssn.pipe.mjs +3 -3
- package/esm2020/lib/sof-pipe/sof-pipe.module.mjs +4 -4
- package/esm2020/lib/theming/directives/css-override.directive.mjs +3 -3
- package/esm2020/lib/theming/services/theme.service.mjs +3 -3
- package/esm2020/lib/theming/theme.module.mjs +4 -4
- package/fesm2015/softheon-armature.mjs +228 -228
- package/fesm2015/softheon-armature.mjs.map +1 -1
- package/fesm2020/softheon-armature.mjs +228 -228
- package/fesm2020/softheon-armature.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -112,9 +112,9 @@ class AlertBannerService {
|
|
|
112
112
|
this.showBanner = false;
|
|
113
113
|
}
|
|
114
114
|
}
|
|
115
|
-
AlertBannerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
116
|
-
AlertBannerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.
|
|
117
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
115
|
+
AlertBannerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: AlertBannerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
116
|
+
AlertBannerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: AlertBannerService, providedIn: 'root' });
|
|
117
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: AlertBannerService, decorators: [{
|
|
118
118
|
type: Injectable,
|
|
119
119
|
args: [{
|
|
120
120
|
providedIn: 'root'
|
|
@@ -179,9 +179,9 @@ class AlertBannerComponent {
|
|
|
179
179
|
}
|
|
180
180
|
}
|
|
181
181
|
}
|
|
182
|
-
AlertBannerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
183
|
-
AlertBannerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
|
|
184
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
182
|
+
AlertBannerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: AlertBannerComponent, deps: [{ token: ALERT_BANNER_CONFIG, optional: true }, { token: AlertBannerService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
183
|
+
AlertBannerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", type: AlertBannerComponent, selector: "sof-ar-alert-banner", inputs: { context: "context" }, viewQueries: [{ propertyName: "alertBannerContainer", first: true, predicate: ["alertBannerContainer"], descendants: true }], ngImport: i0, template: "<div #alertBannerContainer [ngClass]=\"{ 'sof-ar-alert-banner-container': showBanner }\">\r\n <div fxLayout=\"row\" *ngIf=\"showBanner\"\r\n class=\"sof-ar-alert-banner-{{displayContext.bannerType}} sof-ar-alert-banner-content {{(displayContext.isFilledBanner) ? 'filled' : 'outlined'}}-{{displayContext.bannerType}}\">\r\n <div class=\"sof-ar-alert-banner-sidebar\"></div>\r\n <div class=\"sof-ar-alert-banner-content-container\" fxLayout=\"row\">\r\n <div class=\"sof-ar-alert-banner-icon-container\">\r\n <ng-container [ngSwitch]=\"displayContext.bannerType\">\r\n <mat-icon *ngSwitchCase=\"'error'\" class=\"sof-ar-alert-banner-icon\" [fontSet]=\"'fal'\"\r\n [fontIcon]=\"'fa-exclamation-circle'\"></mat-icon>\r\n <mat-icon *ngSwitchCase=\"'warn'\" class=\"sof-ar-alert-banner-icon\" [fontSet]=\"'fal'\"\r\n [fontIcon]=\"'fa-exclamation-circle'\"></mat-icon>\r\n <mat-icon *ngSwitchCase=\"'information'\" class=\"sof-ar-alert-banner-icon\" [fontSet]=\"'fal'\"\r\n [fontIcon]=\"'fa-info-circle'\"></mat-icon>\r\n <mat-icon *ngSwitchCase=\"'success'\" class=\"sof-ar-alert-banner-icon\" [fontSet]=\"'fal'\"\r\n [fontIcon]=\"'fa-check-circle'\"></mat-icon>\r\n </ng-container>\r\n </div>\r\n <div style=\"width: 100%\" fxLayout=\"column\" fxLayoutGap=\"10px\" fxLayoutAlign=\"center\">\r\n <div *ngIf=\"displayContext.bannerTitle\" fxLayout=\"row\" fxLayoutAlign=\"space-between\">\r\n <h4 class=\"sof-ar-alert-banner-title\" [innerHtml]=\"displayContext.bannerTitle | translate: displayContext.translateParam\"></h4>\r\n <span *ngIf=\"displayContext.showClose\" (click)=\"hideBanner()\">\r\n <i class=\"fal fa-2x fa-times\"></i>\r\n </span>\r\n </div>\r\n <div *ngIf=\"displayContext.bannerText\" fxLayout=\"row\" fxLayoutAlign=\"space-between\">\r\n <p class=\"sof-ar-alert-banner-text\" [innerHtml]=\"displayContext.bannerText | translate: displayContext.translateParam\"></p>\r\n <span (click)=\"hideBanner()\" *ngIf=\"!displayContext.bannerTitle && displayContext.showClose\">\r\n <i class=\"fal fa-2x fa-times\"></i>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".sof-ar-alert-banner-container{--error-color: var(--error-color-500-parts);--info-color: var(--info-color-500-parts);--success-color: var(--success-color-500-parts);--warn-color: var(--warn-color-500-parts);--outline-side-error-color: var(--error-color-500-parts);--outline-side-info-color: var(--info-color-500-parts);--outline-side-success-color: var(--success-color-500-parts);--outline-side-warn-color: var(--warn-color-500-parts);--error-color-white-bg: var(--error-color-200-parts);--info-color-white-bg: var(--info-color-200-parts);--success-color-white-bg: var(--success-color-200-parts);--warn-color-white-bg: var(--warn-color-200-parts);--content-filled-error-color: var(--error-color-50-parts);--content-filled-info-color: var(--info-color-50-parts);--content-filled-success-color: var(--success-color-50-parts);--content-filled-warn-color: var(--warn-color-50-parts);padding:20px 20px 0}.sof-ar-alert-banner-icon-container{margin-right:16px}.sof-ar-alert-banner-title{font-family:Poppins;font-style:normal;margin:0;font-size:1.14em!important;line-height:20px}.sof-ar-alert-banner-text{margin:0;font-size:1em!important;line-height:150%!important;font-family:Poppins;font-style:normal;font-weight:400}.sof-ar-alert-banner-content{border:1px solid;border-radius:4px}.sof-ar-alert-banner-sidebar{width:8px;border-radius:4px 0 0 4px}.sof-ar-alert-banner-content.filled-error{border-color:var(--error-color)}.sof-ar-alert-banner-content.filled-error .sof-ar-alert-banner-sidebar{background-color:var(--error-color)}.sof-ar-alert-banner-content.filled-error .sof-ar-alert-banner-icon{color:var(--error-color)}.sof-ar-alert-banner-content.filled-information{border-color:var(--info-color)}.sof-ar-alert-banner-content.filled-information .sof-ar-alert-banner-sidebar{background-color:var(--info-color)}.sof-ar-alert-banner-content.filled-information .sof-ar-alert-banner-icon{color:var(--info-color)}.sof-ar-alert-banner-content.filled-success{border-color:var(--success-color)}.sof-ar-alert-banner-content.filled-success .sof-ar-alert-banner-sidebar{background-color:var(--success-color)}.sof-ar-alert-banner-content.filled-success .sof-ar-alert-banner-icon{color:var(--success-color)}.sof-ar-alert-banner-content.filled-warn{border-color:var(--warn-color)}.sof-ar-alert-banner-content.filled-warn .sof-ar-alert-banner-sidebar{background-color:var(--warn-color)}.sof-ar-alert-banner-content.filled-warn .sof-ar-alert-banner-icon{color:var(--warn-color)}.sof-ar-alert-banner-content.outlined-error{border-color:var(--error-color-white-bg);background-color:#fff}.sof-ar-alert-banner-content.outlined-error .sof-ar-alert-banner-sidebar{background-color:var(--outline-side-error-color)}.sof-ar-alert-banner-content.outlined-error .sof-ar-alert-banner-icon{color:var(--error-color)}.sof-ar-alert-banner-content.outlined-information{border-color:var(--info-color-white-bg);background-color:#fff}.sof-ar-alert-banner-content.outlined-information .sof-ar-alert-banner-sidebar{background-color:var(--outline-side-info-color)}.sof-ar-alert-banner-content.outlined-information .sof-ar-alert-banner-icon{color:var(--info-color)}.sof-ar-alert-banner-content.outlined-success{border-color:var(--success-color-white-bg);background-color:#fff}.sof-ar-alert-banner-content.outlined-success .sof-ar-alert-banner-sidebar{background-color:var(--outline-side-success-color)}.sof-ar-alert-banner-content.outlined-success .sof-ar-alert-banner-icon{color:var(--success-color)}.sof-ar-alert-banner-content.outlined-warn{border-color:var(--warn-color-white-bg);background-color:#fff}.sof-ar-alert-banner-content.outlined-warn .sof-ar-alert-banner-sidebar{background-color:var(--outline-side-warn-color)}.sof-ar-alert-banner-content.outlined-warn .sof-ar-alert-banner-icon{color:var(--warn-color)}.sof-ar-alert-banner-content-container{padding:16px;width:100%;border-radius:0 4px 4px 0}.filled-error>.sof-ar-alert-banner-content-container{background:var(--content-filled-error-color)}.filled-information>.sof-ar-alert-banner-content-container{background:var(--content-filled-info-color)}.filled-success>.sof-ar-alert-banner-content-container{background:var(--content-filled-success-color)}.filled-warn>.sof-ar-alert-banner-content-container{background:var(--content-filled-warn-color)}.sof-ar-alert-banner-icon{font-size:1.71em}.fa-times{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] });
|
|
184
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: AlertBannerComponent, decorators: [{
|
|
185
185
|
type: Component,
|
|
186
186
|
args: [{ selector: 'sof-ar-alert-banner', template: "<div #alertBannerContainer [ngClass]=\"{ 'sof-ar-alert-banner-container': showBanner }\">\r\n <div fxLayout=\"row\" *ngIf=\"showBanner\"\r\n class=\"sof-ar-alert-banner-{{displayContext.bannerType}} sof-ar-alert-banner-content {{(displayContext.isFilledBanner) ? 'filled' : 'outlined'}}-{{displayContext.bannerType}}\">\r\n <div class=\"sof-ar-alert-banner-sidebar\"></div>\r\n <div class=\"sof-ar-alert-banner-content-container\" fxLayout=\"row\">\r\n <div class=\"sof-ar-alert-banner-icon-container\">\r\n <ng-container [ngSwitch]=\"displayContext.bannerType\">\r\n <mat-icon *ngSwitchCase=\"'error'\" class=\"sof-ar-alert-banner-icon\" [fontSet]=\"'fal'\"\r\n [fontIcon]=\"'fa-exclamation-circle'\"></mat-icon>\r\n <mat-icon *ngSwitchCase=\"'warn'\" class=\"sof-ar-alert-banner-icon\" [fontSet]=\"'fal'\"\r\n [fontIcon]=\"'fa-exclamation-circle'\"></mat-icon>\r\n <mat-icon *ngSwitchCase=\"'information'\" class=\"sof-ar-alert-banner-icon\" [fontSet]=\"'fal'\"\r\n [fontIcon]=\"'fa-info-circle'\"></mat-icon>\r\n <mat-icon *ngSwitchCase=\"'success'\" class=\"sof-ar-alert-banner-icon\" [fontSet]=\"'fal'\"\r\n [fontIcon]=\"'fa-check-circle'\"></mat-icon>\r\n </ng-container>\r\n </div>\r\n <div style=\"width: 100%\" fxLayout=\"column\" fxLayoutGap=\"10px\" fxLayoutAlign=\"center\">\r\n <div *ngIf=\"displayContext.bannerTitle\" fxLayout=\"row\" fxLayoutAlign=\"space-between\">\r\n <h4 class=\"sof-ar-alert-banner-title\" [innerHtml]=\"displayContext.bannerTitle | translate: displayContext.translateParam\"></h4>\r\n <span *ngIf=\"displayContext.showClose\" (click)=\"hideBanner()\">\r\n <i class=\"fal fa-2x fa-times\"></i>\r\n </span>\r\n </div>\r\n <div *ngIf=\"displayContext.bannerText\" fxLayout=\"row\" fxLayoutAlign=\"space-between\">\r\n <p class=\"sof-ar-alert-banner-text\" [innerHtml]=\"displayContext.bannerText | translate: displayContext.translateParam\"></p>\r\n <span (click)=\"hideBanner()\" *ngIf=\"!displayContext.bannerTitle && displayContext.showClose\">\r\n <i class=\"fal fa-2x fa-times\"></i>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".sof-ar-alert-banner-container{--error-color: var(--error-color-500-parts);--info-color: var(--info-color-500-parts);--success-color: var(--success-color-500-parts);--warn-color: var(--warn-color-500-parts);--outline-side-error-color: var(--error-color-500-parts);--outline-side-info-color: var(--info-color-500-parts);--outline-side-success-color: var(--success-color-500-parts);--outline-side-warn-color: var(--warn-color-500-parts);--error-color-white-bg: var(--error-color-200-parts);--info-color-white-bg: var(--info-color-200-parts);--success-color-white-bg: var(--success-color-200-parts);--warn-color-white-bg: var(--warn-color-200-parts);--content-filled-error-color: var(--error-color-50-parts);--content-filled-info-color: var(--info-color-50-parts);--content-filled-success-color: var(--success-color-50-parts);--content-filled-warn-color: var(--warn-color-50-parts);padding:20px 20px 0}.sof-ar-alert-banner-icon-container{margin-right:16px}.sof-ar-alert-banner-title{font-family:Poppins;font-style:normal;margin:0;font-size:1.14em!important;line-height:20px}.sof-ar-alert-banner-text{margin:0;font-size:1em!important;line-height:150%!important;font-family:Poppins;font-style:normal;font-weight:400}.sof-ar-alert-banner-content{border:1px solid;border-radius:4px}.sof-ar-alert-banner-sidebar{width:8px;border-radius:4px 0 0 4px}.sof-ar-alert-banner-content.filled-error{border-color:var(--error-color)}.sof-ar-alert-banner-content.filled-error .sof-ar-alert-banner-sidebar{background-color:var(--error-color)}.sof-ar-alert-banner-content.filled-error .sof-ar-alert-banner-icon{color:var(--error-color)}.sof-ar-alert-banner-content.filled-information{border-color:var(--info-color)}.sof-ar-alert-banner-content.filled-information .sof-ar-alert-banner-sidebar{background-color:var(--info-color)}.sof-ar-alert-banner-content.filled-information .sof-ar-alert-banner-icon{color:var(--info-color)}.sof-ar-alert-banner-content.filled-success{border-color:var(--success-color)}.sof-ar-alert-banner-content.filled-success .sof-ar-alert-banner-sidebar{background-color:var(--success-color)}.sof-ar-alert-banner-content.filled-success .sof-ar-alert-banner-icon{color:var(--success-color)}.sof-ar-alert-banner-content.filled-warn{border-color:var(--warn-color)}.sof-ar-alert-banner-content.filled-warn .sof-ar-alert-banner-sidebar{background-color:var(--warn-color)}.sof-ar-alert-banner-content.filled-warn .sof-ar-alert-banner-icon{color:var(--warn-color)}.sof-ar-alert-banner-content.outlined-error{border-color:var(--error-color-white-bg);background-color:#fff}.sof-ar-alert-banner-content.outlined-error .sof-ar-alert-banner-sidebar{background-color:var(--outline-side-error-color)}.sof-ar-alert-banner-content.outlined-error .sof-ar-alert-banner-icon{color:var(--error-color)}.sof-ar-alert-banner-content.outlined-information{border-color:var(--info-color-white-bg);background-color:#fff}.sof-ar-alert-banner-content.outlined-information .sof-ar-alert-banner-sidebar{background-color:var(--outline-side-info-color)}.sof-ar-alert-banner-content.outlined-information .sof-ar-alert-banner-icon{color:var(--info-color)}.sof-ar-alert-banner-content.outlined-success{border-color:var(--success-color-white-bg);background-color:#fff}.sof-ar-alert-banner-content.outlined-success .sof-ar-alert-banner-sidebar{background-color:var(--outline-side-success-color)}.sof-ar-alert-banner-content.outlined-success .sof-ar-alert-banner-icon{color:var(--success-color)}.sof-ar-alert-banner-content.outlined-warn{border-color:var(--warn-color-white-bg);background-color:#fff}.sof-ar-alert-banner-content.outlined-warn .sof-ar-alert-banner-sidebar{background-color:var(--outline-side-warn-color)}.sof-ar-alert-banner-content.outlined-warn .sof-ar-alert-banner-icon{color:var(--warn-color)}.sof-ar-alert-banner-content-container{padding:16px;width:100%;border-radius:0 4px 4px 0}.filled-error>.sof-ar-alert-banner-content-container{background:var(--content-filled-error-color)}.filled-information>.sof-ar-alert-banner-content-container{background:var(--content-filled-info-color)}.filled-success>.sof-ar-alert-banner-content-container{background:var(--content-filled-success-color)}.filled-warn>.sof-ar-alert-banner-content-container{background:var(--content-filled-warn-color)}.sof-ar-alert-banner-icon{font-size:1.71em}.fa-times{cursor:pointer}\n"] }]
|
|
187
187
|
}], ctorParameters: function () {
|
|
@@ -203,16 +203,16 @@ const materialModules$5 = [
|
|
|
203
203
|
];
|
|
204
204
|
class AlertBannerModule {
|
|
205
205
|
}
|
|
206
|
-
AlertBannerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
207
|
-
AlertBannerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.
|
|
206
|
+
AlertBannerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: AlertBannerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
207
|
+
AlertBannerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: AlertBannerModule, declarations: [AlertBannerComponent], imports: [CommonModule,
|
|
208
208
|
TranslateModule,
|
|
209
209
|
FlexLayoutModule, MatIconModule], exports: [AlertBannerComponent] });
|
|
210
|
-
AlertBannerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.
|
|
210
|
+
AlertBannerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: AlertBannerModule, providers: [
|
|
211
211
|
AlertBannerService
|
|
212
212
|
], imports: [CommonModule,
|
|
213
213
|
TranslateModule,
|
|
214
214
|
FlexLayoutModule, materialModules$5] });
|
|
215
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
215
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: AlertBannerModule, decorators: [{
|
|
216
216
|
type: NgModule,
|
|
217
217
|
args: [{
|
|
218
218
|
declarations: [AlertBannerComponent],
|
|
@@ -520,9 +520,9 @@ let SessionService$1 = class SessionService {
|
|
|
520
520
|
});
|
|
521
521
|
}
|
|
522
522
|
};
|
|
523
|
-
SessionService$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
524
|
-
SessionService$1.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.
|
|
525
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
523
|
+
SessionService$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SessionService$1, deps: [{ token: i2$2.HttpClient }, { token: BASE_PATH$1, optional: true }, { token: Configuration$1, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
524
|
+
SessionService$1.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SessionService$1 });
|
|
525
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SessionService$1, decorators: [{
|
|
526
526
|
type: Injectable
|
|
527
527
|
}], ctorParameters: function () {
|
|
528
528
|
return [{ type: i2$2.HttpClient }, { type: undefined, decorators: [{
|
|
@@ -555,9 +555,9 @@ class BaseConfigService {
|
|
|
555
555
|
this.config$ = this.configBs.asObservable();
|
|
556
556
|
}
|
|
557
557
|
}
|
|
558
|
-
BaseConfigService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
559
|
-
BaseConfigService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.
|
|
560
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
558
|
+
BaseConfigService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: BaseConfigService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
559
|
+
BaseConfigService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: BaseConfigService, providedIn: 'root' });
|
|
560
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: BaseConfigService, decorators: [{
|
|
561
561
|
type: Injectable,
|
|
562
562
|
args: [{
|
|
563
563
|
providedIn: 'root'
|
|
@@ -595,9 +595,9 @@ class BannerService {
|
|
|
595
595
|
this.showBanner.next(false);
|
|
596
596
|
}
|
|
597
597
|
}
|
|
598
|
-
BannerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
599
|
-
BannerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.
|
|
600
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
598
|
+
BannerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: BannerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
599
|
+
BannerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: BannerService, providedIn: 'root' });
|
|
600
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: BannerService, decorators: [{
|
|
601
601
|
type: Injectable,
|
|
602
602
|
args: [{
|
|
603
603
|
providedIn: 'root'
|
|
@@ -926,9 +926,9 @@ class HybridSamlOauthService {
|
|
|
926
926
|
return pascalToCamel(o);
|
|
927
927
|
}
|
|
928
928
|
}
|
|
929
|
-
HybridSamlOauthService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
930
|
-
HybridSamlOauthService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.
|
|
931
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
929
|
+
HybridSamlOauthService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: HybridSamlOauthService, deps: [{ token: WINDOW, optional: true }, { token: HYBRID_SAML_OAUTH_CONFIG, optional: true }, { token: i2$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
930
|
+
HybridSamlOauthService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: HybridSamlOauthService, providedIn: 'root' });
|
|
931
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: HybridSamlOauthService, decorators: [{
|
|
932
932
|
type: Injectable,
|
|
933
933
|
args: [{
|
|
934
934
|
providedIn: 'root'
|
|
@@ -950,14 +950,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
950
950
|
/** The OAuth Module */
|
|
951
951
|
class OauthModule {
|
|
952
952
|
}
|
|
953
|
-
OauthModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
954
|
-
OauthModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.
|
|
953
|
+
OauthModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: OauthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
954
|
+
OauthModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: OauthModule, imports: [CommonModule,
|
|
955
955
|
HttpClientModule] });
|
|
956
|
-
OauthModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.
|
|
956
|
+
OauthModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: OauthModule, providers: [
|
|
957
957
|
HybridSamlOauthService
|
|
958
958
|
], imports: [CommonModule,
|
|
959
959
|
HttpClientModule] });
|
|
960
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
960
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: OauthModule, decorators: [{
|
|
961
961
|
type: NgModule,
|
|
962
962
|
args: [{
|
|
963
963
|
declarations: [],
|
|
@@ -1147,9 +1147,9 @@ class AuthorizationService {
|
|
|
1147
1147
|
});
|
|
1148
1148
|
}
|
|
1149
1149
|
}
|
|
1150
|
-
AuthorizationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
1151
|
-
AuthorizationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.
|
|
1152
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
1150
|
+
AuthorizationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: AuthorizationService, deps: [{ token: i1.OAuthService }, { token: i2$2.HttpClient }, { token: i1.OAuthStorage }, { token: HybridSamlOauthService }, { token: CustomAuthConfigService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1151
|
+
AuthorizationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: AuthorizationService, providedIn: 'root' });
|
|
1152
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: AuthorizationService, decorators: [{
|
|
1153
1153
|
type: Injectable,
|
|
1154
1154
|
args: [{
|
|
1155
1155
|
providedIn: 'root'
|
|
@@ -1659,15 +1659,15 @@ class ArmatureNavigationComponent {
|
|
|
1659
1659
|
this.settings.useCustomMobileFooter = this.settings.useCustomMobileFooter != null ? this.settings.useCustomMobileFooter : false;
|
|
1660
1660
|
}
|
|
1661
1661
|
}
|
|
1662
|
-
ArmatureNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
1663
|
-
ArmatureNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
|
|
1662
|
+
ArmatureNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ArmatureNavigationComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.MediaMatcher }, { token: i1$2.Router }, { token: BannerService }, { token: AuthorizationService }, { token: BaseConfigService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
1663
|
+
ArmatureNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", type: ArmatureNavigationComponent, selector: "sof-ar-navigation", inputs: { navigationData: "navigationData", settings: "settings", advancedSettings: "advancedSettings", themeSettings: "themeSettings", languageSettings: "languageSettings", currentLang: "currentLang", logOutText: "logOutText" }, outputs: { setLanguage$: "setLanguage$" }, providers: [{
|
|
1664
1664
|
provide: STEPPER_GLOBAL_OPTIONS, useValue: { displayDefaultIndicatorType: false }
|
|
1665
|
-
}], viewQueries: [{ propertyName: "stepper", first: true, predicate: ["vertStepper"], descendants: true }, { propertyName: "sidenav", first: true, predicate: ["snav"], descendants: true }, { propertyName: "expansionPanel", first: true, predicate: ["panel"], descendants: true }, { propertyName: "innerSteppers", predicate: ["vertStepperInner"], descendants: true }], ngImport: i0, template: "<div class=\"sof-ar-nav-container\"\r\n [style.top]=\"mobileQuery.matches && advancedSettings.topGapMobile ? advancedSettings.topGapMobile + 'px' : settings.headerHeight + 'px'\"\r\n [class.sof-ar-nav-mobile]=\"mobileQuery.matches\">\r\n <div *ngIf=\"showMessage\" m-a-0 fxLayout=\"row\" fxLayoutAlign=\"space-between center\" sws-alert--secondary role=\"alert\">\r\n <div fxLayout=\"row\" aria-hidden=\"true\">\r\n <i *ngIf=\"showCheckMark\" m-r-5 m-l-5 class=\"fas fa-check-circle icon-container\"></i>\r\n <p class=\"message-container\" m-r-5 m-l-5 [innerHtml]=\"message | translate\"></p>\r\n </div>\r\n <div fxLayout=\"column\">\r\n <button id=\"btnClose\" (click)=\"hide()\" mat-icon-button [attr.aria-label]=\"'common.close' | translate\">\r\n <span aria-hidden=\"true\">\r\n <i class=\"fal fa-times fa-lg\"></i>\r\n </span>\r\n </button>\r\n </div>\r\n </div>\r\n <button id=\"sof-ar-nav-btn-menu\" aria-label=\"Menu Button\" mat-icon-button [disableRipple]=\"true\"\r\n (click)=\"snav.toggle()\" class=\"sof-ar-nav-menu-btn\"\r\n [class.hidden]=\"!(mobileQuery.matches || settings.allowNavToggle) || settings.hideNavigation\">\r\n <span *ngIf=\"isNavOpen; else closedIcon\" aria-hidden=\"true\" class=\"sof-ar-nav-menu-icon\">\r\n <i class=\"{{settings.fontAwesomeMenuIcon}} menu-icon\"></i>\r\n </span>\r\n <ng-template #closedIcon>\r\n <span aria-hidden=\"true\" class=\"sof-ar-nav-menu-icon\">\r\n <i class=\"{{settings.fontAwesomeMenuIconClosed}} menu-icon\"></i>\r\n </span>\r\n </ng-template>\r\n <span class=\"sr-only\">{{settings.menuButtonSRText | translate}}</span>\r\n </button>\r\n\r\n <mat-sidenav-container autosize class=\"sof-ar-nav-sidenav-container\" [style.marginTop.px]=\"\r\n mobileQuery.matches ? advancedSettings.marginTopMobile : advancedSettings.marginTopDesktop\">\r\n <mat-sidenav [disableClose]=\"!mobileQuery.matches\" class=\"sof-ar-nav-sidenav\" #snav [mode]=\"mobileQuery.matches ? 'over' : 'side'\"\r\n [fixedInViewport]=\"mobileQuery.matches\" [fixedTopGap]=\"mobileQuery.matches ? advancedSettings.topGapMobile : advancedSettings.topGapDesktop\"\r\n [opened]=\"!mobileQuery.matches && !settings.hideNavigation && settings.menuStyle!='progress' \"\r\n [style.width]=\"mobileQuery.matches ? setNavWidth(settings.sideNavWidthMobile) : setNavWidth(settings.sideNavWidthDesktop)\"\r\n [ngStyle]=\"{background:mobileQuery.matches ? themeSettings?.mobileBgColor : undefined}\">\r\n <ng-container *ngIf=\"mobileQuery.matches && userName && !settings.customUserName\">\r\n <span class=\"user-name\">\r\n {{userName}}\r\n </span>\r\n </ng-container>\r\n <ng-container *ngIf=\"mobileQuery.matches && settings.customUserName\">\r\n <span class=\"user-name\">\r\n {{settings.customUserName | translate}}\r\n </span>\r\n </ng-container>\r\n <!-- Nav Header Content -->\r\n <ng-content select=\"[sof-ar-nav-header]\"> </ng-content>\r\n\r\n <!-- Static Navigation -->\r\n <div class=\"nav-content-item sidenav-background\" *ngIf=\"settings.menuStyle === 'static'\" [ngStyle]=\"{'padding-bottom.px': (footerItemCount*64)+128}\">\r\n <ng-container *ngIf=\"settings.menuStyle === 'static'\">\r\n <ng-container *ngFor=\"let nav of navigationData\">\r\n <ng-container *ngIf=\"nav?.subNodes?.length && !nav.hidden\">\r\n <mat-accordion>\r\n <mat-expansion-panel [expanded]=\"nav.expanded\">\r\n <mat-expansion-panel-header [ngClass]=\"{ 'sof-ar-nav-selected': isNavSelected(nav) }\">\r\n <!-- Navigation -->\r\n <ng-container>\r\n <!-- If there is a route -->\r\n <ng-container *ngIf=\"nav?.route\">\r\n <mat-nav-list [disableRipple]=\"true\">\r\n <a class=\"nav-item\" mat-list-item [routerLink]=\"nav?.route\"\r\n [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\">\r\n <i class=\"{{nav?.fontAwesomeIcon}}\"></i>\r\n </span>\r\n </ng-container>\r\n <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n </a>\r\n </mat-nav-list>\r\n </ng-container>\r\n <!-- If there is not a route -->\r\n <ng-container *ngIf=\"!nav?.route\">\r\n <mat-nav-list [disableRipple]=\"true\">\r\n <button id=\"sof-ar-nav-btn-node\" class=\"nav-item\" mat-list-item\r\n [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\">\r\n <i class=\"{{nav?.fontAwesomeIcon}}\"></i>\r\n </span>\r\n </ng-container>\r\n <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n </button>\r\n </mat-nav-list>\r\n </ng-container>\r\n </ng-container>\r\n </mat-expansion-panel-header>\r\n <!-- SubNav -->\r\n <ng-container>\r\n <mat-nav-list [ngClass]=\"{ 'sof-ar-nav-selected': isNavSelected(subnav) }\" class=\"subnav-content\"\r\n [disableRipple]=\"true\" *ngFor=\"let subnav of nav?.subNodes\" (click)=\"closeNavigationForMobile()\">\r\n <a class=\"nav-item nav-item-margin\" mat-list-item [routerLinkActive]=\"['sof-ar-nav-sub-active-route']\" [routerLink]=\"subnav.route\">\r\n {{subnav.text | translate}}\r\n </a>\r\n </mat-nav-list>\r\n </ng-container>\r\n </mat-expansion-panel>\r\n </mat-accordion>\r\n </ng-container>\r\n <!-- If subnodes are not there -->\r\n <ng-container>\r\n <ng-container *ngIf=\"!nav?.subNodes?.length && !nav?.hidden\">\r\n <!-- If there is a route -->\r\n <ng-container *ngIf=\"nav?.route\">\r\n <mat-nav-list [ngClass]=\"{ 'sof-ar-nav-selected': isNavSelected(nav) }\" class=\"nav-header\"\r\n [disableRipple]=\"true\" (click)=\"closeNavigationForMobile()\">\r\n <a class=\"nav-item nav-item-margin\" mat-list-item [routerLink]=\"nav?.route\"\r\n [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n </ng-container>\r\n <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n </a>\r\n </mat-nav-list>\r\n </ng-container>\r\n <!-- If there is not a route -->\r\n <ng-container *ngIf=\"!nav?.route\">\r\n <mat-nav-list [disableRipple]=\"true\">\r\n <button id=\"sof-ar-nav-btn-node\" class=\"nav-item\" mat-list-item\r\n [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n </ng-container>\r\n <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n </button>\r\n </mat-nav-list>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n\r\n <!-- Stepper -->\r\n <mat-vertical-stepper *ngIf=\"settings.menuStyle === 'stepper'\" [selectedIndex]=\"selectedParentIndex\" #vertStepper\r\n [linear]=\"false\" class=\"sidenav-background\">\r\n <!-- Alternate step states for nav, icaons should always be white only worked with styles -->\r\n <ng-template matStepperIcon=\"create\">\r\n <span>\r\n <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template matStepperIcon=\"edit\">\r\n <span>\r\n <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template matStepperIcon=\"active\">\r\n <span>\r\n <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template matStepperIcon=\"done\">\r\n <span>\r\n <i class=\"fas fa-check\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n\r\n <!-- nav steps -->\r\n <ng-container *ngFor=\"let nav of navigationData; let i = index\">\r\n <mat-step *ngIf=\"!nav?.hidden\" state=\"{{ determineStepState(i, -1) }}\">\r\n <ng-template matStepLabel *ngIf=\"!nav.hidden\">\r\n <div id=\"divStep{{ i }}\" style=\"height: 72px\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\r\n matTooltip=\"{{ nav.text | translate }}\" [matTooltipPosition]=\"'after'\" fxFlex=\"100%\">\r\n <a id=\"step{{ i }}\" fxFlex=\"100%\" class=\"mat-button step-link\" [routerLink]=\"nav.route\"\r\n [ngStyle]=\"{ color: themeSettings?.fontColor }\" [routerLinkActive]=\"['step-active']\">\r\n {{ nav.text | translate }}\r\n </a>\r\n </div>\r\n </ng-template>\r\n <p [innerHTML]=\"nav.stepContent | translate\"></p>\r\n <!-- sub nav -->\r\n <mat-vertical-stepper *ngIf=\"nav?.subNodes\" [selectedIndex]=\"selectedChildIndexes[i]\" [linear]=\"false\"\r\n #vertStepperInner>\r\n <!-- Alternate step states for sub nav, icons should always be white only worked with styles -->\r\n <ng-template matStepperIcon=\"create\">\r\n <span>\r\n <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template matStepperIcon=\"edit\">\r\n <span>\r\n <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template matStepperIcon=\"done\">\r\n <span>\r\n <i class=\"fas fa-check\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template matStepperIcon=\"active\">\r\n <span>\r\n <i class=\"fas fa-pencil-alt\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template matStepperIcon=\"none\">\r\n <span></span>\r\n </ng-template>\r\n <!-- sub nav steps -->\r\n <ng-container *ngFor=\"let subnav of nav?.subNodes; let j = index\">\r\n <mat-step state=\"{{ determineStepState(i, j) }}\" *ngIf=\"!subnav.hidden\">\r\n <ng-template matStepLabel>\r\n <div id=\"divSubStep{{ i }}-{{ j }}\" style=\"height: 72px\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\r\n matTooltip=\"{{ subnav.text | translate }}\" [matTooltipPosition]=\"'after'\" fxFlex=\"100%\">\r\n <a id=\"subStep{{ i }}-{{ j }}\" class=\"mat-button step-link\"\r\n [ngStyle]=\"{ color: themeSettings?.fontColor }\" [routerLink]=\"subnav.route\"\r\n [routerLinkActive]=\"['step-active']\">{{ subnav.text | translate }}</a>\r\n </div>\r\n </ng-template>\r\n <p [innerHTML]=\"subnav.stepContent | translate\"></p>\r\n </mat-step>\r\n </ng-container>\r\n\r\n </mat-vertical-stepper>\r\n </mat-step>\r\n </ng-container>\r\n\r\n </mat-vertical-stepper>\r\n\r\n <!-- Nav Footer -->\r\n <div class=\"nav-footer-item\">\r\n <ng-container *ngIf=\"settings.menuStyle === 'static'\">\r\n <ng-container *ngFor=\"let nav of footerNavigationData\">\r\n <ng-container>\r\n <!-- Desktop Nav -->\r\n <ng-container *ngIf=\"!nav?.subNodes?.length\">\r\n <!-- If there is a route -->\r\n <ng-container *ngIf=\"nav?.route\">\r\n <mat-nav-list class=\"nav-header\" [disableRipple]=\"true\">\r\n <a class=\"nav-item nav-item-margin\" mat-list-item [routerLink]=\"nav?.route\"\r\n [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n </ng-container>\r\n {{nav.text | translate}}\r\n </a>\r\n </mat-nav-list>\r\n </ng-container>\r\n <!-- If there is not a route -->\r\n <ng-container *ngIf=\"!nav?.route\">\r\n <mat-nav-list>\r\n <button id=\"sof-ar-nav-btn-node\" class=\"nav-item\" mat-list-item\r\n [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n </ng-container>\r\n {{nav.text | translate}}\r\n </button>\r\n </mat-nav-list>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n <ng-template [ngTemplateOutlet]=\"navigationFooter\">\r\n </ng-template>\r\n </ng-container>\r\n </div>\r\n\r\n <!-- the mobile progress menu-->\r\n <ng-container *ngIf=\"settings?.menuStyle === 'progress'\">\r\n <div class=\"sidenav-background\" [ngStyle]=\"{'padding-bottom.px': (footerItemCount*64)+128}\">\r\n <mat-accordion>\r\n <div *ngFor=\"let step of navigationData; let i = index\">\r\n <ng-container *ngIf=\"step.subNodes && step.subNodes.length > 0 && !step.hidden\">\r\n <mat-expansion-panel hideToggle class=\"progress-mobile-expansion-panel\"\r\n [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\" (opened)=\"panelOpenState = true\"\r\n (closed)=\"panelOpenState = false\">\r\n <mat-expansion-panel-header>\r\n <mat-panel-title class=\"progress-mobile-panel-title\">\r\n <div style=\"width: -webkit-fill-available;\"\r\n [ngClass]=\"{'disabled':(!step.visited || step.isDisabled) && !settings.overrideNavigation && !step.complete,'color-primary':step.complete && step!=activeParentNode,'progress-menu-active':step===activeParentNode}\">\r\n <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n </ng-template>\r\n <span *ngIf=\"settings?.displayNumbers\">\r\n {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \" }}\r\n </span>\r\n <span class=\"nav-btn-text\">\r\n {{ step.text | translate }}\r\n </span>\r\n <span *ngIf=\"!panelOpenState\">\r\n <i class=\"fas fa-chevron-down panel-icon\"></i>\r\n </span>\r\n <span *ngIf=\"panelOpenState\">\r\n <i class=\"fas fa-chevron-up panel-icon\"></i>\r\n </span>\r\n </div>\r\n </mat-panel-title>\r\n <mat-panel-description>\r\n </mat-panel-description>\r\n </mat-expansion-panel-header>\r\n <!-- mobile sub menu -->\r\n <div class=\"progress-nav-menu\" *ngFor=\"let subNode of step.subNodes; let idx = index;\" [hidden]=\"step.subNodes[idx].hidden\">\r\n <button id=\"mobileMenu{{ idx }}\" mat-button class=\"step-link progress-menu-mobile-btn\"\r\n [ngClass]=\"{'color-primary':subNode.complete && subNode!=activeSubNode}\"\r\n [routerLinkActive]=\"['progress-menu-active']\" [ngStyle]=\"{ ' color': themeSettings?.fontColor }\"\r\n [routerLink]=\"subNode.route\" [disabled]=\"!subNode.visited && !settings.overrideNavigation\">\r\n <ng-template [ngTemplateOutlet]=\"progressSubNodeIcons\"\r\n [ngTemplateOutletContext]=\"{subNode:subNode}\">\r\n </ng-template>\r\n <span class=\"nav-menu-btn-text\" [ngClass]=\"{'disabled':(!subNode.visited) && !settings.overrideNavigation && !subNode.complete,'color-primary':subNode.complete,'progress-menu-active':subNode===activeSubNode}\">{{ subNode.text | translate }}</span>\r\n </button>\r\n </div>\r\n </mat-expansion-panel>\r\n </ng-container>\r\n <!-- if there are no subNodes -->\r\n <ng-container *ngIf=\"(!step.subNodes || step.subNodes.length==0) && !step.hidden\">\r\n <mat-expansion-panel #panel hideToggle (opened)=\"disablePanel(panel,i)\" class=\"progress-mobile-expansion-panel\"\r\n [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\">\r\n <mat-expansion-panel-header>\r\n <mat-panel-title class=\"progress-mobile-panel-title\">\r\n <div [ngClass]=\"{'disabled':(!step.visited || step.isDisabled) && !settings.overrideNavigation && !step.complete,'color-primary':step.complete && step!=activeParentNode,'progress-menu-active':step===activeParentNode}\">\r\n <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n </ng-template>\r\n <span *ngIf=\"settings?.displayNumbers\">\r\n {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \" }}\r\n </span>\r\n <span class=\"nav-btn-text\">\r\n {{ step.text | translate }}\r\n </span>\r\n </div>\r\n </mat-panel-title>\r\n <mat-panel-description>\r\n </mat-panel-description>\r\n </mat-expansion-panel-header>\r\n </mat-expansion-panel>\r\n </ng-container>\r\n </div>\r\n </mat-accordion>\r\n </div>\r\n\r\n <!-- the progress menu language and logout buttons-->\r\n <div class=\"nav-footer-item progress-footer\">\r\n <ng-template [ngTemplateOutlet]=\"navigationFooter\">\r\n </ng-template>\r\n </div>\r\n </ng-container>\r\n </mat-sidenav>\r\n <mat-sidenav-content>\r\n <!-- Horizontal Progress -->\r\n <ng-container *ngIf=\"settings?.menuStyle === 'progress'\">\r\n <mat-progress-bar *ngIf=\"settings?.showProgressBar\" mode=\"determinate\" [value]=\"navProgressCount\"\r\n style=\"height: 9px\" color=\"accent\">\r\n </mat-progress-bar>\r\n <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" style=\"justify-content:center !important\" [class.hidden]=\"settings.hideNavigation\">\r\n <div *ngFor=\"let step of navigationData; let i = index\" class=\"horizontal-progress-div\">\r\n <ng-container *ngIf=\"!step.subNodes?.length && !step.hidden\">\r\n <button mat-button [routerLink]=\"step.route\"\r\n [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\" class=\"progress-menu-btn\"\r\n [ngClass]=\"{'color-primary':step.complete && step!=activeParentNode,'progress-menu-active':step===activeParentNode}\">\r\n <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n </ng-template>\r\n <span *ngIf=\"settings?.displayNumbers\">\r\n {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \"}}\r\n </span>\r\n <span class=\"nav-btn-text\">{{ step.text | translate }}</span>\r\n </button>\r\n </ng-container>\r\n <!-- if there are subnodes create menus for each step -->\r\n <ng-container *ngIf=\"step.subNodes && step.subNodes.length && !step.hidden\">\r\n <button [ngClass]=\"{'color-primary':step.complete && step!=activeParentNode,'progress-menu-active':step===activeParentNode}\"\r\n mat-button [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\" class=\"progress-menu-btn\"\r\n [matMenuTriggerFor]=\"menu\">\r\n <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n </ng-template>\r\n <span *ngIf=\"settings?.displayNumbers\">\r\n {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \"}}\r\n </span>\r\n <span class=\"nav-btn-text\">{{ step.text | translate }}</span>\r\n </button>\r\n <mat-menu #menu=\"matMenu\" class=\"sof-ar-mat-menu progress-menu-panel\">\r\n <div class=\"progress-nav-menu\" *ngFor=\"let subNode of step.subNodes; let idx = index;\" [ngStyle]=\"{width:settings.progressMenuWidth+'px'}\" [hidden]=\"step.subNodes[idx].hidden\">\r\n <button id=\"submenu{{ idx }}\" mat-button class=\"step-link progress-menu-btn\"\r\n [ngClass]=\"{'color-primary':subNode.complete && subNode!=activeSubNode,'disabled':!subNode.visited && !settings.overrideNavigation}\"\r\n [routerLinkActive]=\"['progress-menu-active']\" [ngStyle]=\"{ ' color': themeSettings?.fontColor }\"\r\n [routerLink]=\"subNode.route\" [disabled]=\"!subNode.visited && !settings.overrideNavigation\">\r\n <ng-template [ngTemplateOutlet]=\"progressSubNodeIcons\"\r\n [ngTemplateOutletContext]=\"{subNode:subNode}\">\r\n </ng-template>\r\n <span class=\"nav-menu-btn-text\">{{ subNode.text |translate }}</span>\r\n </button>\r\n </div>\r\n </mat-menu>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <div class=\"mobile-progress-container\" fxHide.gt-sm>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-content sof-ar-nav-content></ng-content>\r\n </mat-sidenav-content>\r\n </mat-sidenav-container>\r\n <!-- The progress menu parent node icon template-->\r\n <ng-template #progressParentNodeIcons let-step='step'>\r\n <span *ngIf=\"step.complete && step != activeParentNode\">\r\n <i class=\"{{ settings.progressSectionCompleteIcon }} color-primary progress-nav-icon\"></i>\r\n </span>\r\n <span *ngIf=\"step === activeParentNode\">\r\n <i class=\"{{ settings.progressSectionCurrentIcon }} color-primary progress-nav-icon\"></i>\r\n </span>\r\n <span *ngIf=\"!step.complete && step != activeParentNode\" [ngClass]=\"{'disabled':!step.visited && !settings.overrideNavigation}\">\r\n <i class=\"{{ settings.progressSectionFutureIcon }} progress-nav-icon\"></i>\r\n </span>\r\n </ng-template>\r\n <!-- The progress menu sub node icon template-->\r\n <ng-template #progressSubNodeIcons let-subNode='subNode'>\r\n <span *ngIf=\"subNode.complete &&activeSubNode !=subNode\">\r\n <i class=\"{{settings.progressMenuCompleteIcon}} color-primary progress-nav-icon\"></i>\r\n </span>\r\n <span *ngIf=\"activeSubNode ===subNode\">\r\n <i class=\"{{ settings.progressSectionCurrentIcon }} color-primary progress-nav-icon\"></i>\r\n </span>\r\n <span *ngIf=\"!subNode.complete &&activeSubNode !=subNode\" [ngClass]=\"{'disabled':!subNode.visited && !settings.overrideNavigation}\">\r\n <i class=\"{{ settings.progressSectionFutureIcon }} progress-nav-icon\"></i>\r\n </span>\r\n </ng-template>\r\n <!-- The navigation footer template for language and logout buttons -->\r\n <ng-template #navigationFooter>\r\n <ng-content select=\"[sof-ar-nav-mobile-footer]\"> </ng-content>\r\n <ng-container *ngIf=\"!settings.useCustomMobileFooter\">\r\n <!-- The language button -->\r\n <ng-container *ngIf=\"languageSettings?.displayLanguageOptions && languageSettings?.languages.length > 2 && mobileQuery.matches\">\r\n <button id=\"sof-ar-nav-lang-dropdown\" mat-stroked-button\r\n class=\"faded-button-50 language-button navigationFooter\" [matMenuTriggerFor]=\"headerLanguageMenu\"\r\n [attr.aria-label]=\"languageSettings.buttonText | translate\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\">\r\n <i class=\"far fa-globe language-globe\"></i>\r\n </span>\r\n {{languageSettings.buttonText | translate}}\r\n </button>\r\n <mat-menu #headerLanguageMenu=\"matMenu\" class=\"sof-ar-mat-menu\">\r\n <button mat-menu-item *ngFor=\"let lang of languageSettings.languages\" (click)=\"setLanguage$.emit(lang)\"\r\n id=\"apply-lang-btn-{{lang}}\">\r\n <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\">\r\n <div fxFlex=\"auto\">\r\n {{ lang | translate }}\r\n </div>\r\n <div fxFlex=\"auto\" fxLayoutAlign=\"end end\">\r\n <i *ngIf=\"currentLang === lang\" class=\"fad fa-check selected-language-icon\"></i>\r\n </div>\r\n </div>\r\n </button>\r\n </mat-menu>\r\n </ng-container>\r\n <ng-container *ngIf=\"languageSettings?.displayLanguageOptions && languageSettings?.languages.length === 2 && mobileQuery.matches\">\r\n <button *ngIf=\"languageSettings?.languages.length === 2\" id=\"sof-ar-nav-lang-button\" mat-stroked-button\r\n class=\"faded-button-50 language-button navigationFooter\"\r\n [attr.aria-label]=\"languageSettings.buttonText | translate\" (click)=\"setLanguage$.emit()\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\">\r\n <i class=\"far fa-globe language-globe\"></i>\r\n </span>\r\n {{otherLangText | translate}}\r\n </button>\r\n </ng-container>\r\n <!-- The logout button-->\r\n <ng-container *ngIf=\"mobileQuery.matches && userName\">\r\n <button id=\"sof-ar-header-lang-button\" mat-stroked-button class=\"navigationFooter\" (click)=\"logOut()\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\">\r\n <i class=\"fas fa-sign-out-alt\"></i>\r\n </span>\r\n {{logOutText | translate}}\r\n </button>\r\n </ng-container>\r\n </ng-container>\r\n </ng-template>\r\n</div>\r\n", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #fafafa;--neutral-color-100-parts: #f5f5f5;--neutral-color-200-parts: #eeeeee;--neutral-color-300-parts: #e0e0e0;--neutral-color-400-parts: #bdbdbd;--neutral-color-500-parts: #9e9e9e;--neutral-color-600-parts: #757575;--neutral-color-700-parts: #616161;--neutral-color-800-parts: #424242;--neutral-color-900-parts: #212121;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 250, 250, 250;--neutral-color-100-parts-rgb: 245, 245, 245;--neutral-color-200-parts-rgb: 238, 238, 238;--neutral-color-300-parts-rgb: 224, 224, 224;--neutral-color-400-parts-rgb: 189, 189, 189;--neutral-color-500-parts-rgb: 158, 158, 158;--neutral-color-600-parts-rgb: 117, 117, 117;--neutral-color-700-parts-rgb: 97, 97, 97;--neutral-color-800-parts-rgb: 66, 66, 66;--neutral-color-900-parts-rgb: 33, 33, 33;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-ripple-element{background-color:#0000001a}.mat-mdc-option{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}.mat-mdc-option:hover:not(.mdc-list-item--disabled),.mat-mdc-option:focus:not(.mdc-list-item--disabled),.mat-mdc-option.mat-mdc-option-active,.mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled){background:rgba(0,0,0,.04)}.mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-primary, var(--primary-color-500-parts))}.mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-secondary, var(--accent-color-500-parts))}.mat-warn .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-error, #f44336)}.mat-mdc-optgroup-label{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}.mat-pseudo-checkbox{color:#0000008a}.mat-pseudo-checkbox:after{color:#fafafa}.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate{background:var(--primary-color-500-parts)}.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate,.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate{background:var(--accent-color-500-parts)}.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate{background:#f44336}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:#000000de}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.mat-theme-loaded-marker{display:none}.mat-mdc-option{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body1-font-size, 16px);line-height:var(--mdc-typography-body1-line-height, 24px);font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em)}::ng-deep :root{--sof-nav-content-bg-color: #fffdfd;--sof-nav-font-color: #eee;--sof-nav-bg-gradient-color-1: #fff;--sof-nav-bg-gradient-color-2: #fff;--sof-nav-border-right-color: transparent;--sof-nav-list-border-color: #cfd8dc;--sof-nav-highlight-gradient-1: mat.get-color-from-palette($my-app-primary, 100);--sof-nav-highlight-gradient-2: rgba(255, 255, 255, 0);--sof-nav-sub-highlight-border-color: #616161;--sof-nav-sub-highlight-bg-color: #424242}.sof-ar-nav-sidenav{background:rgb(0,0,0);border-right-color:var(--sof-nav-border-right-color);background:linear-gradient(-180deg,var(--sof-nav-bg-gradient-color-1) 0%,var(--sof-nav-bg-gradient-color-2) 100%);overflow:hidden}.sof-ar-nav-sidenav *{color:var(--sof-nav-font-color)!important}::ng-deep [sof-ar-nav-footer] *,::ng-deep [sof-ar-nav-header] *{color:var(--sof-nav-font-color)!important}::ng-deep .sof-ar-nav-active-route:active{background:rgb(0,0,0)!important;background:linear-gradient(90deg,var(--sof-nav-highlight-gradient-1) 0%,var(--sof-nav-highlight-gradient-2) 80%)!important;border-bottom-right-radius:8px!important;border-top-right-radius:8px!important}::ng-deep .sof-ar-nav-sub-active-route{background:var(--sof-nav-sub-highlight-bg-color);margin-right:-4px;position:relative}::ng-deep .sof-ar-nav-sub-active-route:focus,::ng-deep .sof-ar-nav-sub-active-route:active{background:var(--sof-nav-sub-highlight-bg-color)!important}::ng-deep .sof-ar-nav-sub-active-route:before{content:\"\";display:block;position:absolute;top:0;height:inherit}::ng-deep .mat-drawer-container{background:var(--sof-nav-content-bg-color)!important}.sof-ar-nav-container{display:flex;flex-direction:column;position:absolute;bottom:0;left:0;right:0}h1.example-app-name{margin-left:8px}.sof-ar-nav-sidenav-container{flex:1}.example-is-mobile .example-sidenav-container{flex:1 0 auto}.hidden{display:none!important}.sof-ar-nav-buffer{height:40px}button.nav-item{border:0;background:transparent}.nav-item{font-size:15px!important;font-weight:500!important}.nav-item.mat-mdc-list-item-interactive:focus:before,.nav-item.mat-mdc-list-item-interactive:hover:before{opacity:0!important}.mat-expansion-indicator{border-bottom-right-radius:11px!important}.nav-footer-item{background:#FAFAFA;position:absolute;bottom:0%;width:18rem}.progress-footer{display:flex;width:100%;z-index:2}.panel-icon{float:right;color:#000!important}.user-name{display:inline-block;height:3.5rem;padding-left:.5rem;padding-top:3rem;padding-right:.5rem;font-size:larger;font-weight:800}::ng-deep .mat-mdc-list-base{padding:0!important}::ng-deep .mat-drawer-inner-container{min-width:275px;overflow:hidden!important}::ng-deep .mat-drawer-inner-container:hover{overflow:overlay!important}::ng-deep .icon-styling{padding-right:10px;padding-left:10px;width:24px;text-align:left}::ng-deep .nav-icon{margin-left:auto;padding-left:30px}::ng-deep .nav-item{font-family:Poppins;font-weight:500;padding-top:2px!important;padding-left:0!important}::ng-deep [sof-ar-nav-footer] hr{margin:5px 10px;opacity:.5}.subnav-content{padding:0;height:48px!important}.nav-header{height:64px!important}.mat-mdc-list-item{background-color:transparent;display:inline!important}::ng-deep .mdc-list-item__content{padding:0 4px!important;padding-left:1.5rem!important}::ng-deep .subnav-item{padding-left:1rem!important}::ng-deep .visible-mobile{display:none}@media only screen and (max-width: 959px){::ng-deep .visible-mobile{display:block}}@media (max-width: 959px){::ng-deep .sof-ar-fixed-nav{position:fixed;z-index:2;width:100%!important;box-sizing:border-box}}::ng-deep .sof-ar-nav-menu-btn{position:fixed!important;z-index:2!important;top:1.25%;width:44px!important;height:40px!important;color:var(--primary-color-500-parts)!important;background:var(--primary-color-50-parts)!important;border-radius:8px!important;padding:0!important}@media (max-width: 959px){::ng-deep .sof-ar-nav-menu-btn{margin-left:2%!important}}@media (min-width: 959px){::ng-deep .sof-ar-nav-menu-btn{margin-left:11px!important}}::ng-deep .sof-ar-nav-menu-btn:hover .mdc-icon-button__ripple,::ng-deep .sof-ar-nav-menu-btn:focus .mdc-icon-button__ripple{border-radius:inherit!important}@media only screen and (min-width: 959px){::ng-deep .mat-mdc-list-base:not(.subnav-item):not(.custom-nav):before{content:\"\";display:block;height:1px;margin-left:auto;width:calc(100% - 40px)}::ng-deep .mat-mdc-list-base:not(.subnav-item):not(.custom-nav):after{content:\"\";display:block;height:1px;margin-left:auto;width:calc(100% - 40px);margin-bottom:-1px}}::ng-deep .mat-step-text-label{color:#fff;font-family:Poppins,sans-serif!important;font-size:1.3em}::ng-deep .mat-expansion-indicator{padding:1em!important}::ng-deep .mat-stepper-vertical{background-color:transparent!important}.mat-mdc-nav-list{width:100%;margin-top:3px;margin-bottom:3px}.mat-mdc-nav-list:hover{border-bottom-right-radius:8px!important;border-top-right-radius:8px!important;background:var(--sof-nav-highlight-gradient-1)!important}.mat-expansion-panel-header{padding:0;height:64px!important;margin-top:3px;margin-bottom:3px}.mat-expansion-panel-header:hover,.sof-ar-nav-selected{background:var(--sof-nav-highlight-gradient-1)!important;border-bottom-right-radius:8px!important;border-top-right-radius:8px!important}.mat-expansion-panel{display:inline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.step-active{border-bottom:3px solid var(--primary-color-500-parts);border-bottom-left-radius:0;border-bottom-right-radius:0}::ng-deep .mat-vertical-content{padding-bottom:0!important}.step-link{padding-left:0!important;padding-right:0!important}.step-titles{padding-top:20px;padding-bottom:20px}.step-titles>button{font-family:Poppins,sans-serif!important;font-size:16px!important;font-weight:500!important;color:#000;background-color:transparent!important}.step-active{border-bottom:0!important}::ng-deep .progress-menu-active,progress-menu-active *{color:#000!important}::ng-deep .color-primary,.color-primary *{color:var(--primary-color-500-parts)!important}.sof-ar-nav-sidenav{max-width:-webkit-fill-available}.nav-menu-btn-text{white-space:normal}.progress-menu-btn{width:-webkit-fill-available;text-align:left;padding:12px 16px!important;font-size:16px!important;height:-moz-fit-content;height:fit-content}::ng-deep .disabled,.disabled *,.progress-menu-btn:disabled,.progress-menu-mobile-btn:disabled,.mat-expansion-panel-header:disabled{color:#333c!important}.progress-nav-icon{margin-right:10px;font-size:14px}::ng-deep .progress-menu-mobile-btn{display:flex!important}::ng-deep .progress-nav-menu{display:flex!important}.progress-menu-mobile-btn{padding:12px 24px!important;width:-webkit-fill-available;text-align:left;height:-moz-fit-content;height:fit-content}.progress-mobile-panel-title{width:-webkit-fill-available;font-size:16px;font-family:Poppins,sans-serif!important;padding-left:24px}.progress-mobile-expansion-panel{margin:0!important}::ng-deep .progress-mobile-expansion-panel .mat-expansion-panel-body{background:var(--primary-color-50-parts)!important;padding:0!important;font-size:16px!important}::ng-deep .mat-mdc-menu-panel{max-width:unset!important}::ng-deep .progress-menu-panel{background:var(--primary-color-50-parts)!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane{transform:none!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option{margin-top:33px!important}.mobile-progress-container{padding-bottom:24px}.step-titles-mobile{padding-top:25px;padding-bottom:25px;background-color:transparent}.step-titles-mobile ::ng-deep .mat-mdc-select-trigger{padding-left:17px;padding-right:20px}.step-done{color:var(--accent-color-900-parts)!important;cursor:pointer}.step-future{color:var(--primary-color-900-parts)!important;opacity:.7}::ng-deep .mat-form-field-appearance-outline .mat-mdc-form-field-infix{padding-left:.5em!important;padding-right:.5em!important}::ng-deep .mdc-floating-label{padding-left:.5em!important;padding-right:.5em!important}::ng-deep .mat-form-field-appearance-outline .mat-mdc-form-field-icon-prefix{top:0!important}::ng-deep .mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix{top:0!important}[sws-alert--secondary]{max-height:90px;min-height:52px;padding:0 0 0 24px;margin:2px 5px;border-radius:5px;font-weight:700;font-size:16px;background:rgba(29,190,104,.1);border:2px solid #2b9c62;color:#2b9c62}.icon-container{align-self:center}.message-container{margin-left:10px;line-height:1.8}#btnClose{color:#000}.navigationFooter{width:100%;border:none;height:64px!important;font-family:Poppins;font-weight:500;font-size:15px!important;position:relative;text-align:left;padding-left:1.5rem}.navigationFooter:hover{color:unset!important}.nav-item-margin{position:relative;display:flex!important;width:inherit!important;height:inherit!important}.sof-ar-nav-menu-icon{font-size:23px}.menu-icon{color:var(--primary-color-800-parts)!important}.sidenav-background{background:transparent!important}::ng-deep .mat-expansion-panel-body{padding:0!important}::ng-deep .subnav-content>a>.mdc-list-item__content{padding:0 4px!important;padding-left:4.25rem!important}::ng-deep .nav-content-item{margin-right:24px;margin-top:24px}.sof-ar-nav-header-text{font-family:Poppins;font-weight:500;font-size:14px;line-height:175%;letter-spacing:.14em}\n"], dependencies: [{ kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i4.DefaultShowHideDirective, selector: " [fxShow], [fxShow.print], [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl], [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl], [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg], [fxHide], [fxHide.print], [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl], [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl], [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i4.DefaultStyleDirective, selector: " [ngStyle], [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl], [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl], [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "component", type: i9.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i9.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i9.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i10.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i11.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i11.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i12.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i13.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i13.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i13.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i13.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i13.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i14.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i14.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i14.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i15.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i15.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i15.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["selectedIndex", "disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "directive", type: i15.MatStepperIcon, selector: "ng-template[matStepperIcon]", inputs: ["matStepperIcon"] }, { kind: "component", type: i16.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] });
|
|
1666
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
1665
|
+
}], viewQueries: [{ propertyName: "stepper", first: true, predicate: ["vertStepper"], descendants: true }, { propertyName: "sidenav", first: true, predicate: ["snav"], descendants: true }, { propertyName: "expansionPanel", first: true, predicate: ["panel"], descendants: true }, { propertyName: "innerSteppers", predicate: ["vertStepperInner"], descendants: true }], ngImport: i0, template: "<div class=\"sof-ar-nav-container\"\r\n [style.top]=\"mobileQuery.matches && advancedSettings.topGapMobile ? advancedSettings.topGapMobile + 'px' : settings.headerHeight + 'px'\"\r\n [class.sof-ar-nav-mobile]=\"mobileQuery.matches\">\r\n <div *ngIf=\"showMessage\" m-a-0 fxLayout=\"row\" fxLayoutAlign=\"space-between center\" sws-alert--secondary role=\"alert\">\r\n <div fxLayout=\"row\" aria-hidden=\"true\">\r\n <i *ngIf=\"showCheckMark\" m-r-5 m-l-5 class=\"fas fa-check-circle icon-container\"></i>\r\n <p class=\"message-container\" m-r-5 m-l-5 [innerHtml]=\"message | translate\"></p>\r\n </div>\r\n <div fxLayout=\"column\">\r\n <button id=\"btnClose\" (click)=\"hide()\" mat-icon-button [attr.aria-label]=\"'common.close' | translate\">\r\n <span aria-hidden=\"true\">\r\n <i class=\"fal fa-times fa-lg\"></i>\r\n </span>\r\n </button>\r\n </div>\r\n </div>\r\n <button id=\"sof-ar-nav-btn-menu\" aria-label=\"Menu Button\" mat-icon-button [disableRipple]=\"true\"\r\n (click)=\"snav.toggle()\" class=\"sof-ar-nav-menu-btn\"\r\n [class.hidden]=\"!(mobileQuery.matches || settings.allowNavToggle) || settings.hideNavigation\">\r\n <span *ngIf=\"isNavOpen; else closedIcon\" aria-hidden=\"true\" class=\"sof-ar-nav-menu-icon\">\r\n <i class=\"{{settings.fontAwesomeMenuIcon}} menu-icon\"></i>\r\n </span>\r\n <ng-template #closedIcon>\r\n <span aria-hidden=\"true\" class=\"sof-ar-nav-menu-icon\">\r\n <i class=\"{{settings.fontAwesomeMenuIconClosed}} menu-icon\"></i>\r\n </span>\r\n </ng-template>\r\n <span class=\"sr-only\">{{settings.menuButtonSRText | translate}}</span>\r\n </button>\r\n\r\n <mat-sidenav-container autosize class=\"sof-ar-nav-sidenav-container\" [style.marginTop.px]=\"\r\n mobileQuery.matches ? advancedSettings.marginTopMobile : advancedSettings.marginTopDesktop\">\r\n <mat-sidenav [disableClose]=\"!mobileQuery.matches\" class=\"sof-ar-nav-sidenav\" #snav [mode]=\"mobileQuery.matches ? 'over' : 'side'\"\r\n [fixedInViewport]=\"mobileQuery.matches\" [fixedTopGap]=\"mobileQuery.matches ? advancedSettings.topGapMobile : advancedSettings.topGapDesktop\"\r\n [opened]=\"!mobileQuery.matches && !settings.hideNavigation && settings.menuStyle!='progress' \"\r\n [style.width]=\"mobileQuery.matches ? setNavWidth(settings.sideNavWidthMobile) : setNavWidth(settings.sideNavWidthDesktop)\"\r\n [ngStyle]=\"{background:mobileQuery.matches ? themeSettings?.mobileBgColor : undefined}\">\r\n <ng-container *ngIf=\"mobileQuery.matches && userName && !settings.customUserName\">\r\n <span class=\"user-name\">\r\n {{userName}}\r\n </span>\r\n </ng-container>\r\n <ng-container *ngIf=\"mobileQuery.matches && settings.customUserName\">\r\n <span class=\"user-name\">\r\n {{settings.customUserName | translate}}\r\n </span>\r\n </ng-container>\r\n <!-- Nav Header Content -->\r\n <ng-content select=\"[sof-ar-nav-header]\"> </ng-content>\r\n\r\n <!-- Static Navigation -->\r\n <div class=\"nav-content-item sidenav-background\" *ngIf=\"settings.menuStyle === 'static'\" [ngStyle]=\"{'padding-bottom.px': (footerItemCount*64)+128}\">\r\n <ng-container *ngIf=\"settings.menuStyle === 'static'\">\r\n <ng-container *ngFor=\"let nav of navigationData\">\r\n <ng-container *ngIf=\"nav?.subNodes?.length && !nav.hidden\">\r\n <mat-accordion>\r\n <mat-expansion-panel [expanded]=\"nav.expanded\">\r\n <mat-expansion-panel-header [ngClass]=\"{ 'sof-ar-nav-selected': isNavSelected(nav) }\">\r\n <!-- Navigation -->\r\n <ng-container>\r\n <!-- If there is a route -->\r\n <ng-container *ngIf=\"nav?.route\">\r\n <mat-nav-list [disableRipple]=\"true\">\r\n <a class=\"nav-item\" mat-list-item [routerLink]=\"nav?.route\"\r\n [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\">\r\n <i class=\"{{nav?.fontAwesomeIcon}}\"></i>\r\n </span>\r\n </ng-container>\r\n <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n </a>\r\n </mat-nav-list>\r\n </ng-container>\r\n <!-- If there is not a route -->\r\n <ng-container *ngIf=\"!nav?.route\">\r\n <mat-nav-list [disableRipple]=\"true\">\r\n <button id=\"sof-ar-nav-btn-node\" class=\"nav-item\" mat-list-item\r\n [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\">\r\n <i class=\"{{nav?.fontAwesomeIcon}}\"></i>\r\n </span>\r\n </ng-container>\r\n <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n </button>\r\n </mat-nav-list>\r\n </ng-container>\r\n </ng-container>\r\n </mat-expansion-panel-header>\r\n <!-- SubNav -->\r\n <ng-container>\r\n <mat-nav-list [ngClass]=\"{ 'sof-ar-nav-selected': isNavSelected(subnav) }\" class=\"subnav-content\"\r\n [disableRipple]=\"true\" *ngFor=\"let subnav of nav?.subNodes\" (click)=\"closeNavigationForMobile()\">\r\n <a class=\"nav-item nav-item-margin\" mat-list-item [routerLinkActive]=\"['sof-ar-nav-sub-active-route']\" [routerLink]=\"subnav.route\">\r\n {{subnav.text | translate}}\r\n </a>\r\n </mat-nav-list>\r\n </ng-container>\r\n </mat-expansion-panel>\r\n </mat-accordion>\r\n </ng-container>\r\n <!-- If subnodes are not there -->\r\n <ng-container>\r\n <ng-container *ngIf=\"!nav?.subNodes?.length && !nav?.hidden\">\r\n <!-- If there is a route -->\r\n <ng-container *ngIf=\"nav?.route\">\r\n <mat-nav-list [ngClass]=\"{ 'sof-ar-nav-selected': isNavSelected(nav) }\" class=\"nav-header\"\r\n [disableRipple]=\"true\" (click)=\"closeNavigationForMobile()\">\r\n <a class=\"nav-item nav-item-margin\" mat-list-item [routerLink]=\"nav?.route\"\r\n [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n </ng-container>\r\n <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n </a>\r\n </mat-nav-list>\r\n </ng-container>\r\n <!-- If there is not a route -->\r\n <ng-container *ngIf=\"!nav?.route\">\r\n <mat-nav-list [disableRipple]=\"true\">\r\n <button id=\"sof-ar-nav-btn-node\" class=\"nav-item\" mat-list-item\r\n [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n </ng-container>\r\n <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n </button>\r\n </mat-nav-list>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n\r\n <!-- Stepper -->\r\n <mat-vertical-stepper *ngIf=\"settings.menuStyle === 'stepper'\" [selectedIndex]=\"selectedParentIndex\" #vertStepper\r\n [linear]=\"false\" class=\"sidenav-background\">\r\n <!-- Alternate step states for nav, icaons should always be white only worked with styles -->\r\n <ng-template matStepperIcon=\"create\">\r\n <span>\r\n <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template matStepperIcon=\"edit\">\r\n <span>\r\n <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template matStepperIcon=\"active\">\r\n <span>\r\n <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template matStepperIcon=\"done\">\r\n <span>\r\n <i class=\"fas fa-check\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n\r\n <!-- nav steps -->\r\n <ng-container *ngFor=\"let nav of navigationData; let i = index\">\r\n <mat-step *ngIf=\"!nav?.hidden\" state=\"{{ determineStepState(i, -1) }}\">\r\n <ng-template matStepLabel *ngIf=\"!nav.hidden\">\r\n <div id=\"divStep{{ i }}\" style=\"height: 72px\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\r\n matTooltip=\"{{ nav.text | translate }}\" [matTooltipPosition]=\"'after'\" fxFlex=\"100%\">\r\n <a id=\"step{{ i }}\" fxFlex=\"100%\" class=\"mat-button step-link\" [routerLink]=\"nav.route\"\r\n [ngStyle]=\"{ color: themeSettings?.fontColor }\" [routerLinkActive]=\"['step-active']\">\r\n {{ nav.text | translate }}\r\n </a>\r\n </div>\r\n </ng-template>\r\n <p [innerHTML]=\"nav.stepContent | translate\"></p>\r\n <!-- sub nav -->\r\n <mat-vertical-stepper *ngIf=\"nav?.subNodes\" [selectedIndex]=\"selectedChildIndexes[i]\" [linear]=\"false\"\r\n #vertStepperInner>\r\n <!-- Alternate step states for sub nav, icons should always be white only worked with styles -->\r\n <ng-template matStepperIcon=\"create\">\r\n <span>\r\n <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template matStepperIcon=\"edit\">\r\n <span>\r\n <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template matStepperIcon=\"done\">\r\n <span>\r\n <i class=\"fas fa-check\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template matStepperIcon=\"active\">\r\n <span>\r\n <i class=\"fas fa-pencil-alt\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template matStepperIcon=\"none\">\r\n <span></span>\r\n </ng-template>\r\n <!-- sub nav steps -->\r\n <ng-container *ngFor=\"let subnav of nav?.subNodes; let j = index\">\r\n <mat-step state=\"{{ determineStepState(i, j) }}\" *ngIf=\"!subnav.hidden\">\r\n <ng-template matStepLabel>\r\n <div id=\"divSubStep{{ i }}-{{ j }}\" style=\"height: 72px\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\r\n matTooltip=\"{{ subnav.text | translate }}\" [matTooltipPosition]=\"'after'\" fxFlex=\"100%\">\r\n <a id=\"subStep{{ i }}-{{ j }}\" class=\"mat-button step-link\"\r\n [ngStyle]=\"{ color: themeSettings?.fontColor }\" [routerLink]=\"subnav.route\"\r\n [routerLinkActive]=\"['step-active']\">{{ subnav.text | translate }}</a>\r\n </div>\r\n </ng-template>\r\n <p [innerHTML]=\"subnav.stepContent | translate\"></p>\r\n </mat-step>\r\n </ng-container>\r\n\r\n </mat-vertical-stepper>\r\n </mat-step>\r\n </ng-container>\r\n\r\n </mat-vertical-stepper>\r\n\r\n <!-- Nav Footer -->\r\n <div class=\"nav-footer-item\">\r\n <ng-container *ngIf=\"settings.menuStyle === 'static'\">\r\n <ng-container *ngFor=\"let nav of footerNavigationData\">\r\n <ng-container>\r\n <!-- Desktop Nav -->\r\n <ng-container *ngIf=\"!nav?.subNodes?.length\">\r\n <!-- If there is a route -->\r\n <ng-container *ngIf=\"nav?.route\">\r\n <mat-nav-list class=\"nav-header\" [disableRipple]=\"true\">\r\n <a class=\"nav-item nav-item-margin\" mat-list-item [routerLink]=\"nav?.route\"\r\n [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n </ng-container>\r\n {{nav.text | translate}}\r\n </a>\r\n </mat-nav-list>\r\n </ng-container>\r\n <!-- If there is not a route -->\r\n <ng-container *ngIf=\"!nav?.route\">\r\n <mat-nav-list>\r\n <button id=\"sof-ar-nav-btn-node\" class=\"nav-item\" mat-list-item\r\n [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n </ng-container>\r\n {{nav.text | translate}}\r\n </button>\r\n </mat-nav-list>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n <ng-template [ngTemplateOutlet]=\"navigationFooter\">\r\n </ng-template>\r\n </ng-container>\r\n </div>\r\n\r\n <!-- the mobile progress menu-->\r\n <ng-container *ngIf=\"settings?.menuStyle === 'progress'\">\r\n <div class=\"sidenav-background\" [ngStyle]=\"{'padding-bottom.px': (footerItemCount*64)+128}\">\r\n <mat-accordion>\r\n <div *ngFor=\"let step of navigationData; let i = index\">\r\n <ng-container *ngIf=\"step.subNodes && step.subNodes.length > 0 && !step.hidden\">\r\n <mat-expansion-panel hideToggle class=\"progress-mobile-expansion-panel\"\r\n [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\" (opened)=\"panelOpenState = true\"\r\n (closed)=\"panelOpenState = false\">\r\n <mat-expansion-panel-header>\r\n <mat-panel-title class=\"progress-mobile-panel-title\">\r\n <div style=\"width: -webkit-fill-available;\"\r\n [ngClass]=\"{'disabled':(!step.visited || step.isDisabled) && !settings.overrideNavigation && !step.complete,'color-primary':step.complete && step!=activeParentNode,'progress-menu-active':step===activeParentNode}\">\r\n <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n </ng-template>\r\n <span *ngIf=\"settings?.displayNumbers\">\r\n {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \" }}\r\n </span>\r\n <span class=\"nav-btn-text\">\r\n {{ step.text | translate }}\r\n </span>\r\n <span *ngIf=\"!panelOpenState\">\r\n <i class=\"fas fa-chevron-down panel-icon\"></i>\r\n </span>\r\n <span *ngIf=\"panelOpenState\">\r\n <i class=\"fas fa-chevron-up panel-icon\"></i>\r\n </span>\r\n </div>\r\n </mat-panel-title>\r\n <mat-panel-description>\r\n </mat-panel-description>\r\n </mat-expansion-panel-header>\r\n <!-- mobile sub menu -->\r\n <div class=\"progress-nav-menu\" *ngFor=\"let subNode of step.subNodes; let idx = index;\" [hidden]=\"step.subNodes[idx].hidden\">\r\n <button id=\"mobileMenu{{ idx }}\" mat-button class=\"step-link progress-menu-mobile-btn\"\r\n [ngClass]=\"{'color-primary':subNode.complete && subNode!=activeSubNode}\"\r\n [routerLinkActive]=\"['progress-menu-active']\" [ngStyle]=\"{ ' color': themeSettings?.fontColor }\"\r\n [routerLink]=\"subNode.route\" [disabled]=\"!subNode.visited && !settings.overrideNavigation\">\r\n <ng-template [ngTemplateOutlet]=\"progressSubNodeIcons\"\r\n [ngTemplateOutletContext]=\"{subNode:subNode}\">\r\n </ng-template>\r\n <span class=\"nav-menu-btn-text\" [ngClass]=\"{'disabled':(!subNode.visited) && !settings.overrideNavigation && !subNode.complete,'color-primary':subNode.complete,'progress-menu-active':subNode===activeSubNode}\">{{ subNode.text | translate }}</span>\r\n </button>\r\n </div>\r\n </mat-expansion-panel>\r\n </ng-container>\r\n <!-- if there are no subNodes -->\r\n <ng-container *ngIf=\"(!step.subNodes || step.subNodes.length==0) && !step.hidden\">\r\n <mat-expansion-panel #panel hideToggle (opened)=\"disablePanel(panel,i)\" class=\"progress-mobile-expansion-panel\"\r\n [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\">\r\n <mat-expansion-panel-header>\r\n <mat-panel-title class=\"progress-mobile-panel-title\">\r\n <div [ngClass]=\"{'disabled':(!step.visited || step.isDisabled) && !settings.overrideNavigation && !step.complete,'color-primary':step.complete && step!=activeParentNode,'progress-menu-active':step===activeParentNode}\">\r\n <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n </ng-template>\r\n <span *ngIf=\"settings?.displayNumbers\">\r\n {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \" }}\r\n </span>\r\n <span class=\"nav-btn-text\">\r\n {{ step.text | translate }}\r\n </span>\r\n </div>\r\n </mat-panel-title>\r\n <mat-panel-description>\r\n </mat-panel-description>\r\n </mat-expansion-panel-header>\r\n </mat-expansion-panel>\r\n </ng-container>\r\n </div>\r\n </mat-accordion>\r\n </div>\r\n\r\n <!-- the progress menu language and logout buttons-->\r\n <div class=\"nav-footer-item progress-footer\">\r\n <ng-template [ngTemplateOutlet]=\"navigationFooter\">\r\n </ng-template>\r\n </div>\r\n </ng-container>\r\n </mat-sidenav>\r\n <mat-sidenav-content>\r\n <!-- Horizontal Progress -->\r\n <ng-container *ngIf=\"settings?.menuStyle === 'progress'\">\r\n <mat-progress-bar *ngIf=\"settings?.showProgressBar\" mode=\"determinate\" [value]=\"navProgressCount\"\r\n style=\"height: 9px\" color=\"accent\">\r\n </mat-progress-bar>\r\n <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" style=\"justify-content:center !important\" [class.hidden]=\"settings.hideNavigation\">\r\n <div *ngFor=\"let step of navigationData; let i = index\" class=\"horizontal-progress-div\">\r\n <ng-container *ngIf=\"!step.subNodes?.length && !step.hidden\">\r\n <button mat-button [routerLink]=\"step.route\"\r\n [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\" class=\"progress-menu-btn\"\r\n [ngClass]=\"{'color-primary':step.complete && step!=activeParentNode,'progress-menu-active':step===activeParentNode}\">\r\n <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n </ng-template>\r\n <span *ngIf=\"settings?.displayNumbers\">\r\n {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \"}}\r\n </span>\r\n <span class=\"nav-btn-text\">{{ step.text | translate }}</span>\r\n </button>\r\n </ng-container>\r\n <!-- if there are subnodes create menus for each step -->\r\n <ng-container *ngIf=\"step.subNodes && step.subNodes.length && !step.hidden\">\r\n <button [ngClass]=\"{'color-primary':step.complete && step!=activeParentNode,'progress-menu-active':step===activeParentNode}\"\r\n mat-button [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\" class=\"progress-menu-btn\"\r\n [matMenuTriggerFor]=\"menu\">\r\n <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n </ng-template>\r\n <span *ngIf=\"settings?.displayNumbers\">\r\n {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \"}}\r\n </span>\r\n <span class=\"nav-btn-text\">{{ step.text | translate }}</span>\r\n </button>\r\n <mat-menu #menu=\"matMenu\" class=\"sof-ar-mat-menu progress-menu-panel\">\r\n <div class=\"progress-nav-menu\" *ngFor=\"let subNode of step.subNodes; let idx = index;\" [ngStyle]=\"{width:settings.progressMenuWidth+'px'}\" [hidden]=\"step.subNodes[idx].hidden\">\r\n <button id=\"submenu{{ idx }}\" mat-button class=\"step-link progress-menu-btn\"\r\n [ngClass]=\"{'color-primary':subNode.complete && subNode!=activeSubNode,'disabled':!subNode.visited && !settings.overrideNavigation}\"\r\n [routerLinkActive]=\"['progress-menu-active']\" [ngStyle]=\"{ ' color': themeSettings?.fontColor }\"\r\n [routerLink]=\"subNode.route\" [disabled]=\"!subNode.visited && !settings.overrideNavigation\">\r\n <ng-template [ngTemplateOutlet]=\"progressSubNodeIcons\"\r\n [ngTemplateOutletContext]=\"{subNode:subNode}\">\r\n </ng-template>\r\n <span class=\"nav-menu-btn-text\">{{ subNode.text |translate }}</span>\r\n </button>\r\n </div>\r\n </mat-menu>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <div class=\"mobile-progress-container\" fxHide.gt-sm>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-content sof-ar-nav-content></ng-content>\r\n </mat-sidenav-content>\r\n </mat-sidenav-container>\r\n <!-- The progress menu parent node icon template-->\r\n <ng-template #progressParentNodeIcons let-step='step'>\r\n <span *ngIf=\"step.complete && step != activeParentNode\">\r\n <i class=\"{{ settings.progressSectionCompleteIcon }} color-primary progress-nav-icon\"></i>\r\n </span>\r\n <span *ngIf=\"step === activeParentNode\">\r\n <i class=\"{{ settings.progressSectionCurrentIcon }} color-primary progress-nav-icon\"></i>\r\n </span>\r\n <span *ngIf=\"!step.complete && step != activeParentNode\" [ngClass]=\"{'disabled':!step.visited && !settings.overrideNavigation}\">\r\n <i class=\"{{ settings.progressSectionFutureIcon }} progress-nav-icon\"></i>\r\n </span>\r\n </ng-template>\r\n <!-- The progress menu sub node icon template-->\r\n <ng-template #progressSubNodeIcons let-subNode='subNode'>\r\n <span *ngIf=\"subNode.complete &&activeSubNode !=subNode\">\r\n <i class=\"{{settings.progressMenuCompleteIcon}} color-primary progress-nav-icon\"></i>\r\n </span>\r\n <span *ngIf=\"activeSubNode ===subNode\">\r\n <i class=\"{{ settings.progressSectionCurrentIcon }} color-primary progress-nav-icon\"></i>\r\n </span>\r\n <span *ngIf=\"!subNode.complete &&activeSubNode !=subNode\" [ngClass]=\"{'disabled':!subNode.visited && !settings.overrideNavigation}\">\r\n <i class=\"{{ settings.progressSectionFutureIcon }} progress-nav-icon\"></i>\r\n </span>\r\n </ng-template>\r\n <!-- The navigation footer template for language and logout buttons -->\r\n <ng-template #navigationFooter>\r\n <ng-content select=\"[sof-ar-nav-mobile-footer]\"> </ng-content>\r\n <ng-container *ngIf=\"!settings.useCustomMobileFooter\">\r\n <!-- The language button -->\r\n <ng-container *ngIf=\"languageSettings?.displayLanguageOptions && languageSettings?.languages.length > 2 && mobileQuery.matches\">\r\n <button id=\"sof-ar-nav-lang-dropdown\" mat-stroked-button\r\n class=\"faded-button-50 language-button navigationFooter\" [matMenuTriggerFor]=\"headerLanguageMenu\"\r\n [attr.aria-label]=\"languageSettings.buttonText | translate\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\">\r\n <i class=\"far fa-globe language-globe\"></i>\r\n </span>\r\n {{languageSettings.buttonText | translate}}\r\n </button>\r\n <mat-menu #headerLanguageMenu=\"matMenu\" class=\"sof-ar-mat-menu\">\r\n <button mat-menu-item *ngFor=\"let lang of languageSettings.languages\" (click)=\"setLanguage$.emit(lang)\"\r\n id=\"apply-lang-btn-{{lang}}\">\r\n <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\">\r\n <div fxFlex=\"auto\">\r\n {{ lang | translate }}\r\n </div>\r\n <div fxFlex=\"auto\" fxLayoutAlign=\"end end\">\r\n <i *ngIf=\"currentLang === lang\" class=\"fad fa-check selected-language-icon\"></i>\r\n </div>\r\n </div>\r\n </button>\r\n </mat-menu>\r\n </ng-container>\r\n <ng-container *ngIf=\"languageSettings?.displayLanguageOptions && languageSettings?.languages.length === 2 && mobileQuery.matches\">\r\n <button *ngIf=\"languageSettings?.languages.length === 2\" id=\"sof-ar-nav-lang-button\" mat-stroked-button\r\n class=\"faded-button-50 language-button navigationFooter\"\r\n [attr.aria-label]=\"languageSettings.buttonText | translate\" (click)=\"setLanguage$.emit()\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\">\r\n <i class=\"far fa-globe language-globe\"></i>\r\n </span>\r\n {{otherLangText | translate}}\r\n </button>\r\n </ng-container>\r\n <!-- The logout button-->\r\n <ng-container *ngIf=\"mobileQuery.matches && userName\">\r\n <button id=\"sof-ar-header-lang-button\" mat-stroked-button class=\"navigationFooter\" (click)=\"logOut()\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\">\r\n <i class=\"fas fa-sign-out-alt\"></i>\r\n </span>\r\n {{logOutText | translate}}\r\n </button>\r\n </ng-container>\r\n </ng-container>\r\n </ng-template>\r\n</div>\r\n", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #fafafa;--neutral-color-100-parts: #f5f5f5;--neutral-color-200-parts: #eeeeee;--neutral-color-300-parts: #e0e0e0;--neutral-color-400-parts: #bdbdbd;--neutral-color-500-parts: #9e9e9e;--neutral-color-600-parts: #757575;--neutral-color-700-parts: #616161;--neutral-color-800-parts: #424242;--neutral-color-900-parts: #212121;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 250, 250, 250;--neutral-color-100-parts-rgb: 245, 245, 245;--neutral-color-200-parts-rgb: 238, 238, 238;--neutral-color-300-parts-rgb: 224, 224, 224;--neutral-color-400-parts-rgb: 189, 189, 189;--neutral-color-500-parts-rgb: 158, 158, 158;--neutral-color-600-parts-rgb: 117, 117, 117;--neutral-color-700-parts-rgb: 97, 97, 97;--neutral-color-800-parts-rgb: 66, 66, 66;--neutral-color-900-parts-rgb: 33, 33, 33;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-ripple-element{background-color:#0000001a}.mat-mdc-option{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}.mat-mdc-option:hover:not(.mdc-list-item--disabled),.mat-mdc-option:focus:not(.mdc-list-item--disabled),.mat-mdc-option.mat-mdc-option-active,.mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled){background:rgba(0,0,0,.04)}.mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-primary, var(--primary-color-500-parts))}.mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-secondary, var(--accent-color-500-parts))}.mat-warn .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-error, #f44336)}.mat-mdc-optgroup-label{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}.mat-pseudo-checkbox-full{color:#0000008a}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:var(--primary-color-500-parts)}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:var(--primary-color-500-parts)}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:var(--accent-color-500-parts)}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:var(--accent-color-500-parts)}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:var(--accent-color-500-parts)}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:var(--accent-color-500-parts)}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#b0b0b0}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:#000000de}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.mat-theme-loaded-marker{display:none}.mat-mdc-option{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body1-font-size, 16px);line-height:var(--mdc-typography-body1-line-height, 24px);font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em)}::ng-deep :root{--sof-nav-content-bg-color: #fffdfd;--sof-nav-font-color: #eee;--sof-nav-bg-gradient-color-1: #fff;--sof-nav-bg-gradient-color-2: #fff;--sof-nav-border-right-color: transparent;--sof-nav-list-border-color: #cfd8dc;--sof-nav-highlight-gradient-1: mat.get-color-from-palette($my-app-primary, 100);--sof-nav-highlight-gradient-2: rgba(255, 255, 255, 0);--sof-nav-sub-highlight-border-color: #616161;--sof-nav-sub-highlight-bg-color: #424242}.sof-ar-nav-sidenav{background:rgb(0,0,0);border-right-color:var(--sof-nav-border-right-color);background:linear-gradient(-180deg,var(--sof-nav-bg-gradient-color-1) 0%,var(--sof-nav-bg-gradient-color-2) 100%);overflow:hidden}.sof-ar-nav-sidenav *{color:var(--sof-nav-font-color)!important}::ng-deep [sof-ar-nav-footer] *,::ng-deep [sof-ar-nav-header] *{color:var(--sof-nav-font-color)!important}::ng-deep .sof-ar-nav-active-route:active{background:rgb(0,0,0)!important;background:linear-gradient(90deg,var(--sof-nav-highlight-gradient-1) 0%,var(--sof-nav-highlight-gradient-2) 80%)!important;border-bottom-right-radius:8px!important;border-top-right-radius:8px!important}::ng-deep .sof-ar-nav-sub-active-route{background:var(--sof-nav-sub-highlight-bg-color);margin-right:-4px;position:relative}::ng-deep .sof-ar-nav-sub-active-route:focus,::ng-deep .sof-ar-nav-sub-active-route:active{background:var(--sof-nav-sub-highlight-bg-color)!important}::ng-deep .sof-ar-nav-sub-active-route:before{content:\"\";display:block;position:absolute;top:0;height:inherit}::ng-deep .mat-drawer-container{background:var(--sof-nav-content-bg-color)!important}.sof-ar-nav-container{display:flex;flex-direction:column;position:absolute;bottom:0;left:0;right:0}h1.example-app-name{margin-left:8px}.sof-ar-nav-sidenav-container{flex:1}.example-is-mobile .example-sidenav-container{flex:1 0 auto}.hidden{display:none!important}.sof-ar-nav-buffer{height:40px}button.nav-item{border:0;background:transparent}.nav-item{font-size:15px!important;font-weight:500!important}.nav-item.mat-mdc-list-item-interactive:focus:before,.nav-item.mat-mdc-list-item-interactive:hover:before{opacity:0!important}.mat-expansion-indicator{border-bottom-right-radius:11px!important}.nav-footer-item{background:#FAFAFA;position:absolute;bottom:0%;width:18rem}.progress-footer{display:flex;width:100%;z-index:2}.panel-icon{float:right;color:#000!important}.user-name{display:inline-block;height:3.5rem;padding-left:.5rem;padding-top:3rem;padding-right:.5rem;font-size:larger;font-weight:800}::ng-deep .mat-mdc-list-base{padding:0!important}::ng-deep .mat-drawer-inner-container{min-width:275px;overflow:hidden!important}::ng-deep .mat-drawer-inner-container:hover{overflow:overlay!important}::ng-deep .icon-styling{padding-right:10px;padding-left:10px;width:24px;text-align:left}::ng-deep .nav-icon{margin-left:auto;padding-left:30px}::ng-deep .nav-item{font-family:Poppins;font-weight:500;padding-top:2px!important;padding-left:0!important}::ng-deep [sof-ar-nav-footer] hr{margin:5px 10px;opacity:.5}.subnav-content{padding:0;height:48px!important}.nav-header{height:64px!important}.mat-mdc-list-item{background-color:transparent;display:inline!important}::ng-deep .mdc-list-item__content{padding:0 4px!important;padding-left:1.5rem!important}::ng-deep .subnav-item{padding-left:1rem!important}::ng-deep .visible-mobile{display:none}@media only screen and (max-width: 959px){::ng-deep .visible-mobile{display:block}}@media (max-width: 959px){::ng-deep .sof-ar-fixed-nav{position:fixed;z-index:2;width:100%!important;box-sizing:border-box}}::ng-deep .sof-ar-nav-menu-btn{position:fixed!important;z-index:2!important;top:1.25%;width:44px!important;height:40px!important;color:var(--primary-color-500-parts)!important;background:var(--primary-color-50-parts)!important;border-radius:8px!important;padding:0!important}@media (max-width: 959px){::ng-deep .sof-ar-nav-menu-btn{margin-left:2%!important}}@media (min-width: 959px){::ng-deep .sof-ar-nav-menu-btn{margin-left:11px!important}}::ng-deep .sof-ar-nav-menu-btn:hover .mdc-icon-button__ripple,::ng-deep .sof-ar-nav-menu-btn:focus .mdc-icon-button__ripple{border-radius:inherit!important}@media only screen and (min-width: 959px){::ng-deep .mat-mdc-list-base:not(.subnav-item):not(.custom-nav):before{content:\"\";display:block;height:1px;margin-left:auto;width:calc(100% - 40px)}::ng-deep .mat-mdc-list-base:not(.subnav-item):not(.custom-nav):after{content:\"\";display:block;height:1px;margin-left:auto;width:calc(100% - 40px);margin-bottom:-1px}}::ng-deep .mat-step-text-label{color:#fff;font-family:Poppins,sans-serif!important;font-size:1.3em}::ng-deep .mat-expansion-indicator{padding:1em!important}::ng-deep .mat-stepper-vertical{background-color:transparent!important}.mat-mdc-nav-list{width:100%;margin-top:3px;margin-bottom:3px}.mat-mdc-nav-list:hover{border-bottom-right-radius:8px!important;border-top-right-radius:8px!important;background:var(--sof-nav-highlight-gradient-1)!important}.mat-expansion-panel-header{padding:0;height:64px!important;margin-top:3px;margin-bottom:3px}.mat-expansion-panel-header:hover,.sof-ar-nav-selected{background:var(--sof-nav-highlight-gradient-1)!important;border-bottom-right-radius:8px!important;border-top-right-radius:8px!important}.mat-expansion-panel{display:inline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.step-active{border-bottom:3px solid var(--primary-color-500-parts);border-bottom-left-radius:0;border-bottom-right-radius:0}::ng-deep .mat-vertical-content{padding-bottom:0!important}.step-link{padding-left:0!important;padding-right:0!important}.step-titles{padding-top:20px;padding-bottom:20px}.step-titles>button{font-family:Poppins,sans-serif!important;font-size:16px!important;font-weight:500!important;color:#000;background-color:transparent!important}.step-active{border-bottom:0!important}::ng-deep .progress-menu-active,progress-menu-active *{color:#000!important}::ng-deep .color-primary,.color-primary *{color:var(--primary-color-500-parts)!important}.sof-ar-nav-sidenav{max-width:-webkit-fill-available}.nav-menu-btn-text{white-space:normal}.progress-menu-btn{width:-webkit-fill-available;text-align:left;padding:12px 16px!important;font-size:16px!important;height:-moz-fit-content;height:fit-content}::ng-deep .disabled,.disabled *,.progress-menu-btn:disabled,.progress-menu-mobile-btn:disabled,.mat-expansion-panel-header:disabled{color:#333c!important}.progress-nav-icon{margin-right:10px;font-size:14px}::ng-deep .progress-menu-mobile-btn{display:flex!important}::ng-deep .progress-nav-menu{display:flex!important}.progress-menu-mobile-btn{padding:12px 24px!important;width:-webkit-fill-available;text-align:left;height:-moz-fit-content;height:fit-content}.progress-mobile-panel-title{width:-webkit-fill-available;font-size:16px;font-family:Poppins,sans-serif!important;padding-left:24px}.progress-mobile-expansion-panel{margin:0!important}::ng-deep .progress-mobile-expansion-panel .mat-expansion-panel-body{background:var(--primary-color-50-parts)!important;padding:0!important;font-size:16px!important}::ng-deep .mat-mdc-menu-panel{max-width:unset!important}::ng-deep .progress-menu-panel{background:var(--primary-color-50-parts)!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane{transform:none!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option{margin-top:33px!important}.mobile-progress-container{padding-bottom:24px}.step-titles-mobile{padding-top:25px;padding-bottom:25px;background-color:transparent}.step-titles-mobile ::ng-deep .mat-mdc-select-trigger{padding-left:17px;padding-right:20px}.step-done{color:var(--accent-color-900-parts)!important;cursor:pointer}.step-future{color:var(--primary-color-900-parts)!important;opacity:.7}::ng-deep .mat-form-field-appearance-outline .mat-mdc-form-field-infix{padding-left:.5em!important;padding-right:.5em!important}::ng-deep .mdc-floating-label{padding-left:.5em!important;padding-right:.5em!important}::ng-deep .mat-form-field-appearance-outline .mat-mdc-form-field-icon-prefix{top:0!important}::ng-deep .mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix{top:0!important}[sws-alert--secondary]{max-height:90px;min-height:52px;padding:0 0 0 24px;margin:2px 5px;border-radius:5px;font-weight:700;font-size:16px;background:rgba(29,190,104,.1);border:2px solid #2b9c62;color:#2b9c62}.icon-container{align-self:center}.message-container{margin-left:10px;line-height:1.8}#btnClose{color:#000}.navigationFooter{width:100%;border:none;height:64px!important;font-family:Poppins;font-weight:500;font-size:15px!important;position:relative;text-align:left;padding-left:1.5rem}.navigationFooter:hover{color:unset!important}.nav-item-margin{position:relative;display:flex!important;width:inherit!important;height:inherit!important}.sof-ar-nav-menu-icon{font-size:23px}.menu-icon{color:var(--primary-color-800-parts)!important}.sidenav-background{background:transparent!important}::ng-deep .mat-expansion-panel-body{padding:0!important}::ng-deep .subnav-content>a>.mdc-list-item__content{padding:0 4px!important;padding-left:4.25rem!important}::ng-deep .nav-content-item{margin-right:24px;margin-top:24px}.sof-ar-nav-header-text{font-family:Poppins;font-weight:500;font-size:14px;line-height:175%;letter-spacing:.14em}\n"], dependencies: [{ kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i4.DefaultShowHideDirective, selector: " [fxShow], [fxShow.print], [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl], [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl], [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg], [fxHide], [fxHide.print], [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl], [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl], [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i4.DefaultStyleDirective, selector: " [ngStyle], [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl], [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl], [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "component", type: i9.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i9.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i9.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i10.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i11.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i11.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i12.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i13.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i13.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i13.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i13.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i13.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i14.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i14.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i14.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i15.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i15.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i15.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["selectedIndex", "disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "directive", type: i15.MatStepperIcon, selector: "ng-template[matStepperIcon]", inputs: ["matStepperIcon"] }, { kind: "component", type: i16.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] });
|
|
1666
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ArmatureNavigationComponent, decorators: [{
|
|
1667
1667
|
type: Component,
|
|
1668
1668
|
args: [{ selector: 'sof-ar-navigation', providers: [{
|
|
1669
1669
|
provide: STEPPER_GLOBAL_OPTIONS, useValue: { displayDefaultIndicatorType: false }
|
|
1670
|
-
}], template: "<div class=\"sof-ar-nav-container\"\r\n [style.top]=\"mobileQuery.matches && advancedSettings.topGapMobile ? advancedSettings.topGapMobile + 'px' : settings.headerHeight + 'px'\"\r\n [class.sof-ar-nav-mobile]=\"mobileQuery.matches\">\r\n <div *ngIf=\"showMessage\" m-a-0 fxLayout=\"row\" fxLayoutAlign=\"space-between center\" sws-alert--secondary role=\"alert\">\r\n <div fxLayout=\"row\" aria-hidden=\"true\">\r\n <i *ngIf=\"showCheckMark\" m-r-5 m-l-5 class=\"fas fa-check-circle icon-container\"></i>\r\n <p class=\"message-container\" m-r-5 m-l-5 [innerHtml]=\"message | translate\"></p>\r\n </div>\r\n <div fxLayout=\"column\">\r\n <button id=\"btnClose\" (click)=\"hide()\" mat-icon-button [attr.aria-label]=\"'common.close' | translate\">\r\n <span aria-hidden=\"true\">\r\n <i class=\"fal fa-times fa-lg\"></i>\r\n </span>\r\n </button>\r\n </div>\r\n </div>\r\n <button id=\"sof-ar-nav-btn-menu\" aria-label=\"Menu Button\" mat-icon-button [disableRipple]=\"true\"\r\n (click)=\"snav.toggle()\" class=\"sof-ar-nav-menu-btn\"\r\n [class.hidden]=\"!(mobileQuery.matches || settings.allowNavToggle) || settings.hideNavigation\">\r\n <span *ngIf=\"isNavOpen; else closedIcon\" aria-hidden=\"true\" class=\"sof-ar-nav-menu-icon\">\r\n <i class=\"{{settings.fontAwesomeMenuIcon}} menu-icon\"></i>\r\n </span>\r\n <ng-template #closedIcon>\r\n <span aria-hidden=\"true\" class=\"sof-ar-nav-menu-icon\">\r\n <i class=\"{{settings.fontAwesomeMenuIconClosed}} menu-icon\"></i>\r\n </span>\r\n </ng-template>\r\n <span class=\"sr-only\">{{settings.menuButtonSRText | translate}}</span>\r\n </button>\r\n\r\n <mat-sidenav-container autosize class=\"sof-ar-nav-sidenav-container\" [style.marginTop.px]=\"\r\n mobileQuery.matches ? advancedSettings.marginTopMobile : advancedSettings.marginTopDesktop\">\r\n <mat-sidenav [disableClose]=\"!mobileQuery.matches\" class=\"sof-ar-nav-sidenav\" #snav [mode]=\"mobileQuery.matches ? 'over' : 'side'\"\r\n [fixedInViewport]=\"mobileQuery.matches\" [fixedTopGap]=\"mobileQuery.matches ? advancedSettings.topGapMobile : advancedSettings.topGapDesktop\"\r\n [opened]=\"!mobileQuery.matches && !settings.hideNavigation && settings.menuStyle!='progress' \"\r\n [style.width]=\"mobileQuery.matches ? setNavWidth(settings.sideNavWidthMobile) : setNavWidth(settings.sideNavWidthDesktop)\"\r\n [ngStyle]=\"{background:mobileQuery.matches ? themeSettings?.mobileBgColor : undefined}\">\r\n <ng-container *ngIf=\"mobileQuery.matches && userName && !settings.customUserName\">\r\n <span class=\"user-name\">\r\n {{userName}}\r\n </span>\r\n </ng-container>\r\n <ng-container *ngIf=\"mobileQuery.matches && settings.customUserName\">\r\n <span class=\"user-name\">\r\n {{settings.customUserName | translate}}\r\n </span>\r\n </ng-container>\r\n <!-- Nav Header Content -->\r\n <ng-content select=\"[sof-ar-nav-header]\"> </ng-content>\r\n\r\n <!-- Static Navigation -->\r\n <div class=\"nav-content-item sidenav-background\" *ngIf=\"settings.menuStyle === 'static'\" [ngStyle]=\"{'padding-bottom.px': (footerItemCount*64)+128}\">\r\n <ng-container *ngIf=\"settings.menuStyle === 'static'\">\r\n <ng-container *ngFor=\"let nav of navigationData\">\r\n <ng-container *ngIf=\"nav?.subNodes?.length && !nav.hidden\">\r\n <mat-accordion>\r\n <mat-expansion-panel [expanded]=\"nav.expanded\">\r\n <mat-expansion-panel-header [ngClass]=\"{ 'sof-ar-nav-selected': isNavSelected(nav) }\">\r\n <!-- Navigation -->\r\n <ng-container>\r\n <!-- If there is a route -->\r\n <ng-container *ngIf=\"nav?.route\">\r\n <mat-nav-list [disableRipple]=\"true\">\r\n <a class=\"nav-item\" mat-list-item [routerLink]=\"nav?.route\"\r\n [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\">\r\n <i class=\"{{nav?.fontAwesomeIcon}}\"></i>\r\n </span>\r\n </ng-container>\r\n <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n </a>\r\n </mat-nav-list>\r\n </ng-container>\r\n <!-- If there is not a route -->\r\n <ng-container *ngIf=\"!nav?.route\">\r\n <mat-nav-list [disableRipple]=\"true\">\r\n <button id=\"sof-ar-nav-btn-node\" class=\"nav-item\" mat-list-item\r\n [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\">\r\n <i class=\"{{nav?.fontAwesomeIcon}}\"></i>\r\n </span>\r\n </ng-container>\r\n <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n </button>\r\n </mat-nav-list>\r\n </ng-container>\r\n </ng-container>\r\n </mat-expansion-panel-header>\r\n <!-- SubNav -->\r\n <ng-container>\r\n <mat-nav-list [ngClass]=\"{ 'sof-ar-nav-selected': isNavSelected(subnav) }\" class=\"subnav-content\"\r\n [disableRipple]=\"true\" *ngFor=\"let subnav of nav?.subNodes\" (click)=\"closeNavigationForMobile()\">\r\n <a class=\"nav-item nav-item-margin\" mat-list-item [routerLinkActive]=\"['sof-ar-nav-sub-active-route']\" [routerLink]=\"subnav.route\">\r\n {{subnav.text | translate}}\r\n </a>\r\n </mat-nav-list>\r\n </ng-container>\r\n </mat-expansion-panel>\r\n </mat-accordion>\r\n </ng-container>\r\n <!-- If subnodes are not there -->\r\n <ng-container>\r\n <ng-container *ngIf=\"!nav?.subNodes?.length && !nav?.hidden\">\r\n <!-- If there is a route -->\r\n <ng-container *ngIf=\"nav?.route\">\r\n <mat-nav-list [ngClass]=\"{ 'sof-ar-nav-selected': isNavSelected(nav) }\" class=\"nav-header\"\r\n [disableRipple]=\"true\" (click)=\"closeNavigationForMobile()\">\r\n <a class=\"nav-item nav-item-margin\" mat-list-item [routerLink]=\"nav?.route\"\r\n [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n </ng-container>\r\n <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n </a>\r\n </mat-nav-list>\r\n </ng-container>\r\n <!-- If there is not a route -->\r\n <ng-container *ngIf=\"!nav?.route\">\r\n <mat-nav-list [disableRipple]=\"true\">\r\n <button id=\"sof-ar-nav-btn-node\" class=\"nav-item\" mat-list-item\r\n [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n </ng-container>\r\n <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n </button>\r\n </mat-nav-list>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n\r\n <!-- Stepper -->\r\n <mat-vertical-stepper *ngIf=\"settings.menuStyle === 'stepper'\" [selectedIndex]=\"selectedParentIndex\" #vertStepper\r\n [linear]=\"false\" class=\"sidenav-background\">\r\n <!-- Alternate step states for nav, icaons should always be white only worked with styles -->\r\n <ng-template matStepperIcon=\"create\">\r\n <span>\r\n <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template matStepperIcon=\"edit\">\r\n <span>\r\n <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template matStepperIcon=\"active\">\r\n <span>\r\n <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template matStepperIcon=\"done\">\r\n <span>\r\n <i class=\"fas fa-check\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n\r\n <!-- nav steps -->\r\n <ng-container *ngFor=\"let nav of navigationData; let i = index\">\r\n <mat-step *ngIf=\"!nav?.hidden\" state=\"{{ determineStepState(i, -1) }}\">\r\n <ng-template matStepLabel *ngIf=\"!nav.hidden\">\r\n <div id=\"divStep{{ i }}\" style=\"height: 72px\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\r\n matTooltip=\"{{ nav.text | translate }}\" [matTooltipPosition]=\"'after'\" fxFlex=\"100%\">\r\n <a id=\"step{{ i }}\" fxFlex=\"100%\" class=\"mat-button step-link\" [routerLink]=\"nav.route\"\r\n [ngStyle]=\"{ color: themeSettings?.fontColor }\" [routerLinkActive]=\"['step-active']\">\r\n {{ nav.text | translate }}\r\n </a>\r\n </div>\r\n </ng-template>\r\n <p [innerHTML]=\"nav.stepContent | translate\"></p>\r\n <!-- sub nav -->\r\n <mat-vertical-stepper *ngIf=\"nav?.subNodes\" [selectedIndex]=\"selectedChildIndexes[i]\" [linear]=\"false\"\r\n #vertStepperInner>\r\n <!-- Alternate step states for sub nav, icons should always be white only worked with styles -->\r\n <ng-template matStepperIcon=\"create\">\r\n <span>\r\n <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template matStepperIcon=\"edit\">\r\n <span>\r\n <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template matStepperIcon=\"done\">\r\n <span>\r\n <i class=\"fas fa-check\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template matStepperIcon=\"active\">\r\n <span>\r\n <i class=\"fas fa-pencil-alt\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template matStepperIcon=\"none\">\r\n <span></span>\r\n </ng-template>\r\n <!-- sub nav steps -->\r\n <ng-container *ngFor=\"let subnav of nav?.subNodes; let j = index\">\r\n <mat-step state=\"{{ determineStepState(i, j) }}\" *ngIf=\"!subnav.hidden\">\r\n <ng-template matStepLabel>\r\n <div id=\"divSubStep{{ i }}-{{ j }}\" style=\"height: 72px\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\r\n matTooltip=\"{{ subnav.text | translate }}\" [matTooltipPosition]=\"'after'\" fxFlex=\"100%\">\r\n <a id=\"subStep{{ i }}-{{ j }}\" class=\"mat-button step-link\"\r\n [ngStyle]=\"{ color: themeSettings?.fontColor }\" [routerLink]=\"subnav.route\"\r\n [routerLinkActive]=\"['step-active']\">{{ subnav.text | translate }}</a>\r\n </div>\r\n </ng-template>\r\n <p [innerHTML]=\"subnav.stepContent | translate\"></p>\r\n </mat-step>\r\n </ng-container>\r\n\r\n </mat-vertical-stepper>\r\n </mat-step>\r\n </ng-container>\r\n\r\n </mat-vertical-stepper>\r\n\r\n <!-- Nav Footer -->\r\n <div class=\"nav-footer-item\">\r\n <ng-container *ngIf=\"settings.menuStyle === 'static'\">\r\n <ng-container *ngFor=\"let nav of footerNavigationData\">\r\n <ng-container>\r\n <!-- Desktop Nav -->\r\n <ng-container *ngIf=\"!nav?.subNodes?.length\">\r\n <!-- If there is a route -->\r\n <ng-container *ngIf=\"nav?.route\">\r\n <mat-nav-list class=\"nav-header\" [disableRipple]=\"true\">\r\n <a class=\"nav-item nav-item-margin\" mat-list-item [routerLink]=\"nav?.route\"\r\n [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n </ng-container>\r\n {{nav.text | translate}}\r\n </a>\r\n </mat-nav-list>\r\n </ng-container>\r\n <!-- If there is not a route -->\r\n <ng-container *ngIf=\"!nav?.route\">\r\n <mat-nav-list>\r\n <button id=\"sof-ar-nav-btn-node\" class=\"nav-item\" mat-list-item\r\n [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n </ng-container>\r\n {{nav.text | translate}}\r\n </button>\r\n </mat-nav-list>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n <ng-template [ngTemplateOutlet]=\"navigationFooter\">\r\n </ng-template>\r\n </ng-container>\r\n </div>\r\n\r\n <!-- the mobile progress menu-->\r\n <ng-container *ngIf=\"settings?.menuStyle === 'progress'\">\r\n <div class=\"sidenav-background\" [ngStyle]=\"{'padding-bottom.px': (footerItemCount*64)+128}\">\r\n <mat-accordion>\r\n <div *ngFor=\"let step of navigationData; let i = index\">\r\n <ng-container *ngIf=\"step.subNodes && step.subNodes.length > 0 && !step.hidden\">\r\n <mat-expansion-panel hideToggle class=\"progress-mobile-expansion-panel\"\r\n [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\" (opened)=\"panelOpenState = true\"\r\n (closed)=\"panelOpenState = false\">\r\n <mat-expansion-panel-header>\r\n <mat-panel-title class=\"progress-mobile-panel-title\">\r\n <div style=\"width: -webkit-fill-available;\"\r\n [ngClass]=\"{'disabled':(!step.visited || step.isDisabled) && !settings.overrideNavigation && !step.complete,'color-primary':step.complete && step!=activeParentNode,'progress-menu-active':step===activeParentNode}\">\r\n <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n </ng-template>\r\n <span *ngIf=\"settings?.displayNumbers\">\r\n {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \" }}\r\n </span>\r\n <span class=\"nav-btn-text\">\r\n {{ step.text | translate }}\r\n </span>\r\n <span *ngIf=\"!panelOpenState\">\r\n <i class=\"fas fa-chevron-down panel-icon\"></i>\r\n </span>\r\n <span *ngIf=\"panelOpenState\">\r\n <i class=\"fas fa-chevron-up panel-icon\"></i>\r\n </span>\r\n </div>\r\n </mat-panel-title>\r\n <mat-panel-description>\r\n </mat-panel-description>\r\n </mat-expansion-panel-header>\r\n <!-- mobile sub menu -->\r\n <div class=\"progress-nav-menu\" *ngFor=\"let subNode of step.subNodes; let idx = index;\" [hidden]=\"step.subNodes[idx].hidden\">\r\n <button id=\"mobileMenu{{ idx }}\" mat-button class=\"step-link progress-menu-mobile-btn\"\r\n [ngClass]=\"{'color-primary':subNode.complete && subNode!=activeSubNode}\"\r\n [routerLinkActive]=\"['progress-menu-active']\" [ngStyle]=\"{ ' color': themeSettings?.fontColor }\"\r\n [routerLink]=\"subNode.route\" [disabled]=\"!subNode.visited && !settings.overrideNavigation\">\r\n <ng-template [ngTemplateOutlet]=\"progressSubNodeIcons\"\r\n [ngTemplateOutletContext]=\"{subNode:subNode}\">\r\n </ng-template>\r\n <span class=\"nav-menu-btn-text\" [ngClass]=\"{'disabled':(!subNode.visited) && !settings.overrideNavigation && !subNode.complete,'color-primary':subNode.complete,'progress-menu-active':subNode===activeSubNode}\">{{ subNode.text | translate }}</span>\r\n </button>\r\n </div>\r\n </mat-expansion-panel>\r\n </ng-container>\r\n <!-- if there are no subNodes -->\r\n <ng-container *ngIf=\"(!step.subNodes || step.subNodes.length==0) && !step.hidden\">\r\n <mat-expansion-panel #panel hideToggle (opened)=\"disablePanel(panel,i)\" class=\"progress-mobile-expansion-panel\"\r\n [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\">\r\n <mat-expansion-panel-header>\r\n <mat-panel-title class=\"progress-mobile-panel-title\">\r\n <div [ngClass]=\"{'disabled':(!step.visited || step.isDisabled) && !settings.overrideNavigation && !step.complete,'color-primary':step.complete && step!=activeParentNode,'progress-menu-active':step===activeParentNode}\">\r\n <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n </ng-template>\r\n <span *ngIf=\"settings?.displayNumbers\">\r\n {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \" }}\r\n </span>\r\n <span class=\"nav-btn-text\">\r\n {{ step.text | translate }}\r\n </span>\r\n </div>\r\n </mat-panel-title>\r\n <mat-panel-description>\r\n </mat-panel-description>\r\n </mat-expansion-panel-header>\r\n </mat-expansion-panel>\r\n </ng-container>\r\n </div>\r\n </mat-accordion>\r\n </div>\r\n\r\n <!-- the progress menu language and logout buttons-->\r\n <div class=\"nav-footer-item progress-footer\">\r\n <ng-template [ngTemplateOutlet]=\"navigationFooter\">\r\n </ng-template>\r\n </div>\r\n </ng-container>\r\n </mat-sidenav>\r\n <mat-sidenav-content>\r\n <!-- Horizontal Progress -->\r\n <ng-container *ngIf=\"settings?.menuStyle === 'progress'\">\r\n <mat-progress-bar *ngIf=\"settings?.showProgressBar\" mode=\"determinate\" [value]=\"navProgressCount\"\r\n style=\"height: 9px\" color=\"accent\">\r\n </mat-progress-bar>\r\n <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" style=\"justify-content:center !important\" [class.hidden]=\"settings.hideNavigation\">\r\n <div *ngFor=\"let step of navigationData; let i = index\" class=\"horizontal-progress-div\">\r\n <ng-container *ngIf=\"!step.subNodes?.length && !step.hidden\">\r\n <button mat-button [routerLink]=\"step.route\"\r\n [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\" class=\"progress-menu-btn\"\r\n [ngClass]=\"{'color-primary':step.complete && step!=activeParentNode,'progress-menu-active':step===activeParentNode}\">\r\n <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n </ng-template>\r\n <span *ngIf=\"settings?.displayNumbers\">\r\n {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \"}}\r\n </span>\r\n <span class=\"nav-btn-text\">{{ step.text | translate }}</span>\r\n </button>\r\n </ng-container>\r\n <!-- if there are subnodes create menus for each step -->\r\n <ng-container *ngIf=\"step.subNodes && step.subNodes.length && !step.hidden\">\r\n <button [ngClass]=\"{'color-primary':step.complete && step!=activeParentNode,'progress-menu-active':step===activeParentNode}\"\r\n mat-button [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\" class=\"progress-menu-btn\"\r\n [matMenuTriggerFor]=\"menu\">\r\n <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n </ng-template>\r\n <span *ngIf=\"settings?.displayNumbers\">\r\n {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \"}}\r\n </span>\r\n <span class=\"nav-btn-text\">{{ step.text | translate }}</span>\r\n </button>\r\n <mat-menu #menu=\"matMenu\" class=\"sof-ar-mat-menu progress-menu-panel\">\r\n <div class=\"progress-nav-menu\" *ngFor=\"let subNode of step.subNodes; let idx = index;\" [ngStyle]=\"{width:settings.progressMenuWidth+'px'}\" [hidden]=\"step.subNodes[idx].hidden\">\r\n <button id=\"submenu{{ idx }}\" mat-button class=\"step-link progress-menu-btn\"\r\n [ngClass]=\"{'color-primary':subNode.complete && subNode!=activeSubNode,'disabled':!subNode.visited && !settings.overrideNavigation}\"\r\n [routerLinkActive]=\"['progress-menu-active']\" [ngStyle]=\"{ ' color': themeSettings?.fontColor }\"\r\n [routerLink]=\"subNode.route\" [disabled]=\"!subNode.visited && !settings.overrideNavigation\">\r\n <ng-template [ngTemplateOutlet]=\"progressSubNodeIcons\"\r\n [ngTemplateOutletContext]=\"{subNode:subNode}\">\r\n </ng-template>\r\n <span class=\"nav-menu-btn-text\">{{ subNode.text |translate }}</span>\r\n </button>\r\n </div>\r\n </mat-menu>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <div class=\"mobile-progress-container\" fxHide.gt-sm>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-content sof-ar-nav-content></ng-content>\r\n </mat-sidenav-content>\r\n </mat-sidenav-container>\r\n <!-- The progress menu parent node icon template-->\r\n <ng-template #progressParentNodeIcons let-step='step'>\r\n <span *ngIf=\"step.complete && step != activeParentNode\">\r\n <i class=\"{{ settings.progressSectionCompleteIcon }} color-primary progress-nav-icon\"></i>\r\n </span>\r\n <span *ngIf=\"step === activeParentNode\">\r\n <i class=\"{{ settings.progressSectionCurrentIcon }} color-primary progress-nav-icon\"></i>\r\n </span>\r\n <span *ngIf=\"!step.complete && step != activeParentNode\" [ngClass]=\"{'disabled':!step.visited && !settings.overrideNavigation}\">\r\n <i class=\"{{ settings.progressSectionFutureIcon }} progress-nav-icon\"></i>\r\n </span>\r\n </ng-template>\r\n <!-- The progress menu sub node icon template-->\r\n <ng-template #progressSubNodeIcons let-subNode='subNode'>\r\n <span *ngIf=\"subNode.complete &&activeSubNode !=subNode\">\r\n <i class=\"{{settings.progressMenuCompleteIcon}} color-primary progress-nav-icon\"></i>\r\n </span>\r\n <span *ngIf=\"activeSubNode ===subNode\">\r\n <i class=\"{{ settings.progressSectionCurrentIcon }} color-primary progress-nav-icon\"></i>\r\n </span>\r\n <span *ngIf=\"!subNode.complete &&activeSubNode !=subNode\" [ngClass]=\"{'disabled':!subNode.visited && !settings.overrideNavigation}\">\r\n <i class=\"{{ settings.progressSectionFutureIcon }} progress-nav-icon\"></i>\r\n </span>\r\n </ng-template>\r\n <!-- The navigation footer template for language and logout buttons -->\r\n <ng-template #navigationFooter>\r\n <ng-content select=\"[sof-ar-nav-mobile-footer]\"> </ng-content>\r\n <ng-container *ngIf=\"!settings.useCustomMobileFooter\">\r\n <!-- The language button -->\r\n <ng-container *ngIf=\"languageSettings?.displayLanguageOptions && languageSettings?.languages.length > 2 && mobileQuery.matches\">\r\n <button id=\"sof-ar-nav-lang-dropdown\" mat-stroked-button\r\n class=\"faded-button-50 language-button navigationFooter\" [matMenuTriggerFor]=\"headerLanguageMenu\"\r\n [attr.aria-label]=\"languageSettings.buttonText | translate\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\">\r\n <i class=\"far fa-globe language-globe\"></i>\r\n </span>\r\n {{languageSettings.buttonText | translate}}\r\n </button>\r\n <mat-menu #headerLanguageMenu=\"matMenu\" class=\"sof-ar-mat-menu\">\r\n <button mat-menu-item *ngFor=\"let lang of languageSettings.languages\" (click)=\"setLanguage$.emit(lang)\"\r\n id=\"apply-lang-btn-{{lang}}\">\r\n <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\">\r\n <div fxFlex=\"auto\">\r\n {{ lang | translate }}\r\n </div>\r\n <div fxFlex=\"auto\" fxLayoutAlign=\"end end\">\r\n <i *ngIf=\"currentLang === lang\" class=\"fad fa-check selected-language-icon\"></i>\r\n </div>\r\n </div>\r\n </button>\r\n </mat-menu>\r\n </ng-container>\r\n <ng-container *ngIf=\"languageSettings?.displayLanguageOptions && languageSettings?.languages.length === 2 && mobileQuery.matches\">\r\n <button *ngIf=\"languageSettings?.languages.length === 2\" id=\"sof-ar-nav-lang-button\" mat-stroked-button\r\n class=\"faded-button-50 language-button navigationFooter\"\r\n [attr.aria-label]=\"languageSettings.buttonText | translate\" (click)=\"setLanguage$.emit()\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\">\r\n <i class=\"far fa-globe language-globe\"></i>\r\n </span>\r\n {{otherLangText | translate}}\r\n </button>\r\n </ng-container>\r\n <!-- The logout button-->\r\n <ng-container *ngIf=\"mobileQuery.matches && userName\">\r\n <button id=\"sof-ar-header-lang-button\" mat-stroked-button class=\"navigationFooter\" (click)=\"logOut()\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\">\r\n <i class=\"fas fa-sign-out-alt\"></i>\r\n </span>\r\n {{logOutText | translate}}\r\n </button>\r\n </ng-container>\r\n </ng-container>\r\n </ng-template>\r\n</div>\r\n", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #fafafa;--neutral-color-100-parts: #f5f5f5;--neutral-color-200-parts: #eeeeee;--neutral-color-300-parts: #e0e0e0;--neutral-color-400-parts: #bdbdbd;--neutral-color-500-parts: #9e9e9e;--neutral-color-600-parts: #757575;--neutral-color-700-parts: #616161;--neutral-color-800-parts: #424242;--neutral-color-900-parts: #212121;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 250, 250, 250;--neutral-color-100-parts-rgb: 245, 245, 245;--neutral-color-200-parts-rgb: 238, 238, 238;--neutral-color-300-parts-rgb: 224, 224, 224;--neutral-color-400-parts-rgb: 189, 189, 189;--neutral-color-500-parts-rgb: 158, 158, 158;--neutral-color-600-parts-rgb: 117, 117, 117;--neutral-color-700-parts-rgb: 97, 97, 97;--neutral-color-800-parts-rgb: 66, 66, 66;--neutral-color-900-parts-rgb: 33, 33, 33;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-ripple-element{background-color:#0000001a}.mat-mdc-option{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}.mat-mdc-option:hover:not(.mdc-list-item--disabled),.mat-mdc-option:focus:not(.mdc-list-item--disabled),.mat-mdc-option.mat-mdc-option-active,.mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled){background:rgba(0,0,0,.04)}.mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-primary, var(--primary-color-500-parts))}.mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-secondary, var(--accent-color-500-parts))}.mat-warn .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-error, #f44336)}.mat-mdc-optgroup-label{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}.mat-pseudo-checkbox{color:#0000008a}.mat-pseudo-checkbox:after{color:#fafafa}.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate{background:var(--primary-color-500-parts)}.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate,.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate{background:var(--accent-color-500-parts)}.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate{background:#f44336}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:#000000de}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.mat-theme-loaded-marker{display:none}.mat-mdc-option{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body1-font-size, 16px);line-height:var(--mdc-typography-body1-line-height, 24px);font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em)}::ng-deep :root{--sof-nav-content-bg-color: #fffdfd;--sof-nav-font-color: #eee;--sof-nav-bg-gradient-color-1: #fff;--sof-nav-bg-gradient-color-2: #fff;--sof-nav-border-right-color: transparent;--sof-nav-list-border-color: #cfd8dc;--sof-nav-highlight-gradient-1: mat.get-color-from-palette($my-app-primary, 100);--sof-nav-highlight-gradient-2: rgba(255, 255, 255, 0);--sof-nav-sub-highlight-border-color: #616161;--sof-nav-sub-highlight-bg-color: #424242}.sof-ar-nav-sidenav{background:rgb(0,0,0);border-right-color:var(--sof-nav-border-right-color);background:linear-gradient(-180deg,var(--sof-nav-bg-gradient-color-1) 0%,var(--sof-nav-bg-gradient-color-2) 100%);overflow:hidden}.sof-ar-nav-sidenav *{color:var(--sof-nav-font-color)!important}::ng-deep [sof-ar-nav-footer] *,::ng-deep [sof-ar-nav-header] *{color:var(--sof-nav-font-color)!important}::ng-deep .sof-ar-nav-active-route:active{background:rgb(0,0,0)!important;background:linear-gradient(90deg,var(--sof-nav-highlight-gradient-1) 0%,var(--sof-nav-highlight-gradient-2) 80%)!important;border-bottom-right-radius:8px!important;border-top-right-radius:8px!important}::ng-deep .sof-ar-nav-sub-active-route{background:var(--sof-nav-sub-highlight-bg-color);margin-right:-4px;position:relative}::ng-deep .sof-ar-nav-sub-active-route:focus,::ng-deep .sof-ar-nav-sub-active-route:active{background:var(--sof-nav-sub-highlight-bg-color)!important}::ng-deep .sof-ar-nav-sub-active-route:before{content:\"\";display:block;position:absolute;top:0;height:inherit}::ng-deep .mat-drawer-container{background:var(--sof-nav-content-bg-color)!important}.sof-ar-nav-container{display:flex;flex-direction:column;position:absolute;bottom:0;left:0;right:0}h1.example-app-name{margin-left:8px}.sof-ar-nav-sidenav-container{flex:1}.example-is-mobile .example-sidenav-container{flex:1 0 auto}.hidden{display:none!important}.sof-ar-nav-buffer{height:40px}button.nav-item{border:0;background:transparent}.nav-item{font-size:15px!important;font-weight:500!important}.nav-item.mat-mdc-list-item-interactive:focus:before,.nav-item.mat-mdc-list-item-interactive:hover:before{opacity:0!important}.mat-expansion-indicator{border-bottom-right-radius:11px!important}.nav-footer-item{background:#FAFAFA;position:absolute;bottom:0%;width:18rem}.progress-footer{display:flex;width:100%;z-index:2}.panel-icon{float:right;color:#000!important}.user-name{display:inline-block;height:3.5rem;padding-left:.5rem;padding-top:3rem;padding-right:.5rem;font-size:larger;font-weight:800}::ng-deep .mat-mdc-list-base{padding:0!important}::ng-deep .mat-drawer-inner-container{min-width:275px;overflow:hidden!important}::ng-deep .mat-drawer-inner-container:hover{overflow:overlay!important}::ng-deep .icon-styling{padding-right:10px;padding-left:10px;width:24px;text-align:left}::ng-deep .nav-icon{margin-left:auto;padding-left:30px}::ng-deep .nav-item{font-family:Poppins;font-weight:500;padding-top:2px!important;padding-left:0!important}::ng-deep [sof-ar-nav-footer] hr{margin:5px 10px;opacity:.5}.subnav-content{padding:0;height:48px!important}.nav-header{height:64px!important}.mat-mdc-list-item{background-color:transparent;display:inline!important}::ng-deep .mdc-list-item__content{padding:0 4px!important;padding-left:1.5rem!important}::ng-deep .subnav-item{padding-left:1rem!important}::ng-deep .visible-mobile{display:none}@media only screen and (max-width: 959px){::ng-deep .visible-mobile{display:block}}@media (max-width: 959px){::ng-deep .sof-ar-fixed-nav{position:fixed;z-index:2;width:100%!important;box-sizing:border-box}}::ng-deep .sof-ar-nav-menu-btn{position:fixed!important;z-index:2!important;top:1.25%;width:44px!important;height:40px!important;color:var(--primary-color-500-parts)!important;background:var(--primary-color-50-parts)!important;border-radius:8px!important;padding:0!important}@media (max-width: 959px){::ng-deep .sof-ar-nav-menu-btn{margin-left:2%!important}}@media (min-width: 959px){::ng-deep .sof-ar-nav-menu-btn{margin-left:11px!important}}::ng-deep .sof-ar-nav-menu-btn:hover .mdc-icon-button__ripple,::ng-deep .sof-ar-nav-menu-btn:focus .mdc-icon-button__ripple{border-radius:inherit!important}@media only screen and (min-width: 959px){::ng-deep .mat-mdc-list-base:not(.subnav-item):not(.custom-nav):before{content:\"\";display:block;height:1px;margin-left:auto;width:calc(100% - 40px)}::ng-deep .mat-mdc-list-base:not(.subnav-item):not(.custom-nav):after{content:\"\";display:block;height:1px;margin-left:auto;width:calc(100% - 40px);margin-bottom:-1px}}::ng-deep .mat-step-text-label{color:#fff;font-family:Poppins,sans-serif!important;font-size:1.3em}::ng-deep .mat-expansion-indicator{padding:1em!important}::ng-deep .mat-stepper-vertical{background-color:transparent!important}.mat-mdc-nav-list{width:100%;margin-top:3px;margin-bottom:3px}.mat-mdc-nav-list:hover{border-bottom-right-radius:8px!important;border-top-right-radius:8px!important;background:var(--sof-nav-highlight-gradient-1)!important}.mat-expansion-panel-header{padding:0;height:64px!important;margin-top:3px;margin-bottom:3px}.mat-expansion-panel-header:hover,.sof-ar-nav-selected{background:var(--sof-nav-highlight-gradient-1)!important;border-bottom-right-radius:8px!important;border-top-right-radius:8px!important}.mat-expansion-panel{display:inline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.step-active{border-bottom:3px solid var(--primary-color-500-parts);border-bottom-left-radius:0;border-bottom-right-radius:0}::ng-deep .mat-vertical-content{padding-bottom:0!important}.step-link{padding-left:0!important;padding-right:0!important}.step-titles{padding-top:20px;padding-bottom:20px}.step-titles>button{font-family:Poppins,sans-serif!important;font-size:16px!important;font-weight:500!important;color:#000;background-color:transparent!important}.step-active{border-bottom:0!important}::ng-deep .progress-menu-active,progress-menu-active *{color:#000!important}::ng-deep .color-primary,.color-primary *{color:var(--primary-color-500-parts)!important}.sof-ar-nav-sidenav{max-width:-webkit-fill-available}.nav-menu-btn-text{white-space:normal}.progress-menu-btn{width:-webkit-fill-available;text-align:left;padding:12px 16px!important;font-size:16px!important;height:-moz-fit-content;height:fit-content}::ng-deep .disabled,.disabled *,.progress-menu-btn:disabled,.progress-menu-mobile-btn:disabled,.mat-expansion-panel-header:disabled{color:#333c!important}.progress-nav-icon{margin-right:10px;font-size:14px}::ng-deep .progress-menu-mobile-btn{display:flex!important}::ng-deep .progress-nav-menu{display:flex!important}.progress-menu-mobile-btn{padding:12px 24px!important;width:-webkit-fill-available;text-align:left;height:-moz-fit-content;height:fit-content}.progress-mobile-panel-title{width:-webkit-fill-available;font-size:16px;font-family:Poppins,sans-serif!important;padding-left:24px}.progress-mobile-expansion-panel{margin:0!important}::ng-deep .progress-mobile-expansion-panel .mat-expansion-panel-body{background:var(--primary-color-50-parts)!important;padding:0!important;font-size:16px!important}::ng-deep .mat-mdc-menu-panel{max-width:unset!important}::ng-deep .progress-menu-panel{background:var(--primary-color-50-parts)!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane{transform:none!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option{margin-top:33px!important}.mobile-progress-container{padding-bottom:24px}.step-titles-mobile{padding-top:25px;padding-bottom:25px;background-color:transparent}.step-titles-mobile ::ng-deep .mat-mdc-select-trigger{padding-left:17px;padding-right:20px}.step-done{color:var(--accent-color-900-parts)!important;cursor:pointer}.step-future{color:var(--primary-color-900-parts)!important;opacity:.7}::ng-deep .mat-form-field-appearance-outline .mat-mdc-form-field-infix{padding-left:.5em!important;padding-right:.5em!important}::ng-deep .mdc-floating-label{padding-left:.5em!important;padding-right:.5em!important}::ng-deep .mat-form-field-appearance-outline .mat-mdc-form-field-icon-prefix{top:0!important}::ng-deep .mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix{top:0!important}[sws-alert--secondary]{max-height:90px;min-height:52px;padding:0 0 0 24px;margin:2px 5px;border-radius:5px;font-weight:700;font-size:16px;background:rgba(29,190,104,.1);border:2px solid #2b9c62;color:#2b9c62}.icon-container{align-self:center}.message-container{margin-left:10px;line-height:1.8}#btnClose{color:#000}.navigationFooter{width:100%;border:none;height:64px!important;font-family:Poppins;font-weight:500;font-size:15px!important;position:relative;text-align:left;padding-left:1.5rem}.navigationFooter:hover{color:unset!important}.nav-item-margin{position:relative;display:flex!important;width:inherit!important;height:inherit!important}.sof-ar-nav-menu-icon{font-size:23px}.menu-icon{color:var(--primary-color-800-parts)!important}.sidenav-background{background:transparent!important}::ng-deep .mat-expansion-panel-body{padding:0!important}::ng-deep .subnav-content>a>.mdc-list-item__content{padding:0 4px!important;padding-left:4.25rem!important}::ng-deep .nav-content-item{margin-right:24px;margin-top:24px}.sof-ar-nav-header-text{font-family:Poppins;font-weight:500;font-size:14px;line-height:175%;letter-spacing:.14em}\n"] }]
|
|
1670
|
+
}], template: "<div class=\"sof-ar-nav-container\"\r\n [style.top]=\"mobileQuery.matches && advancedSettings.topGapMobile ? advancedSettings.topGapMobile + 'px' : settings.headerHeight + 'px'\"\r\n [class.sof-ar-nav-mobile]=\"mobileQuery.matches\">\r\n <div *ngIf=\"showMessage\" m-a-0 fxLayout=\"row\" fxLayoutAlign=\"space-between center\" sws-alert--secondary role=\"alert\">\r\n <div fxLayout=\"row\" aria-hidden=\"true\">\r\n <i *ngIf=\"showCheckMark\" m-r-5 m-l-5 class=\"fas fa-check-circle icon-container\"></i>\r\n <p class=\"message-container\" m-r-5 m-l-5 [innerHtml]=\"message | translate\"></p>\r\n </div>\r\n <div fxLayout=\"column\">\r\n <button id=\"btnClose\" (click)=\"hide()\" mat-icon-button [attr.aria-label]=\"'common.close' | translate\">\r\n <span aria-hidden=\"true\">\r\n <i class=\"fal fa-times fa-lg\"></i>\r\n </span>\r\n </button>\r\n </div>\r\n </div>\r\n <button id=\"sof-ar-nav-btn-menu\" aria-label=\"Menu Button\" mat-icon-button [disableRipple]=\"true\"\r\n (click)=\"snav.toggle()\" class=\"sof-ar-nav-menu-btn\"\r\n [class.hidden]=\"!(mobileQuery.matches || settings.allowNavToggle) || settings.hideNavigation\">\r\n <span *ngIf=\"isNavOpen; else closedIcon\" aria-hidden=\"true\" class=\"sof-ar-nav-menu-icon\">\r\n <i class=\"{{settings.fontAwesomeMenuIcon}} menu-icon\"></i>\r\n </span>\r\n <ng-template #closedIcon>\r\n <span aria-hidden=\"true\" class=\"sof-ar-nav-menu-icon\">\r\n <i class=\"{{settings.fontAwesomeMenuIconClosed}} menu-icon\"></i>\r\n </span>\r\n </ng-template>\r\n <span class=\"sr-only\">{{settings.menuButtonSRText | translate}}</span>\r\n </button>\r\n\r\n <mat-sidenav-container autosize class=\"sof-ar-nav-sidenav-container\" [style.marginTop.px]=\"\r\n mobileQuery.matches ? advancedSettings.marginTopMobile : advancedSettings.marginTopDesktop\">\r\n <mat-sidenav [disableClose]=\"!mobileQuery.matches\" class=\"sof-ar-nav-sidenav\" #snav [mode]=\"mobileQuery.matches ? 'over' : 'side'\"\r\n [fixedInViewport]=\"mobileQuery.matches\" [fixedTopGap]=\"mobileQuery.matches ? advancedSettings.topGapMobile : advancedSettings.topGapDesktop\"\r\n [opened]=\"!mobileQuery.matches && !settings.hideNavigation && settings.menuStyle!='progress' \"\r\n [style.width]=\"mobileQuery.matches ? setNavWidth(settings.sideNavWidthMobile) : setNavWidth(settings.sideNavWidthDesktop)\"\r\n [ngStyle]=\"{background:mobileQuery.matches ? themeSettings?.mobileBgColor : undefined}\">\r\n <ng-container *ngIf=\"mobileQuery.matches && userName && !settings.customUserName\">\r\n <span class=\"user-name\">\r\n {{userName}}\r\n </span>\r\n </ng-container>\r\n <ng-container *ngIf=\"mobileQuery.matches && settings.customUserName\">\r\n <span class=\"user-name\">\r\n {{settings.customUserName | translate}}\r\n </span>\r\n </ng-container>\r\n <!-- Nav Header Content -->\r\n <ng-content select=\"[sof-ar-nav-header]\"> </ng-content>\r\n\r\n <!-- Static Navigation -->\r\n <div class=\"nav-content-item sidenav-background\" *ngIf=\"settings.menuStyle === 'static'\" [ngStyle]=\"{'padding-bottom.px': (footerItemCount*64)+128}\">\r\n <ng-container *ngIf=\"settings.menuStyle === 'static'\">\r\n <ng-container *ngFor=\"let nav of navigationData\">\r\n <ng-container *ngIf=\"nav?.subNodes?.length && !nav.hidden\">\r\n <mat-accordion>\r\n <mat-expansion-panel [expanded]=\"nav.expanded\">\r\n <mat-expansion-panel-header [ngClass]=\"{ 'sof-ar-nav-selected': isNavSelected(nav) }\">\r\n <!-- Navigation -->\r\n <ng-container>\r\n <!-- If there is a route -->\r\n <ng-container *ngIf=\"nav?.route\">\r\n <mat-nav-list [disableRipple]=\"true\">\r\n <a class=\"nav-item\" mat-list-item [routerLink]=\"nav?.route\"\r\n [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\">\r\n <i class=\"{{nav?.fontAwesomeIcon}}\"></i>\r\n </span>\r\n </ng-container>\r\n <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n </a>\r\n </mat-nav-list>\r\n </ng-container>\r\n <!-- If there is not a route -->\r\n <ng-container *ngIf=\"!nav?.route\">\r\n <mat-nav-list [disableRipple]=\"true\">\r\n <button id=\"sof-ar-nav-btn-node\" class=\"nav-item\" mat-list-item\r\n [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\">\r\n <i class=\"{{nav?.fontAwesomeIcon}}\"></i>\r\n </span>\r\n </ng-container>\r\n <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n </button>\r\n </mat-nav-list>\r\n </ng-container>\r\n </ng-container>\r\n </mat-expansion-panel-header>\r\n <!-- SubNav -->\r\n <ng-container>\r\n <mat-nav-list [ngClass]=\"{ 'sof-ar-nav-selected': isNavSelected(subnav) }\" class=\"subnav-content\"\r\n [disableRipple]=\"true\" *ngFor=\"let subnav of nav?.subNodes\" (click)=\"closeNavigationForMobile()\">\r\n <a class=\"nav-item nav-item-margin\" mat-list-item [routerLinkActive]=\"['sof-ar-nav-sub-active-route']\" [routerLink]=\"subnav.route\">\r\n {{subnav.text | translate}}\r\n </a>\r\n </mat-nav-list>\r\n </ng-container>\r\n </mat-expansion-panel>\r\n </mat-accordion>\r\n </ng-container>\r\n <!-- If subnodes are not there -->\r\n <ng-container>\r\n <ng-container *ngIf=\"!nav?.subNodes?.length && !nav?.hidden\">\r\n <!-- If there is a route -->\r\n <ng-container *ngIf=\"nav?.route\">\r\n <mat-nav-list [ngClass]=\"{ 'sof-ar-nav-selected': isNavSelected(nav) }\" class=\"nav-header\"\r\n [disableRipple]=\"true\" (click)=\"closeNavigationForMobile()\">\r\n <a class=\"nav-item nav-item-margin\" mat-list-item [routerLink]=\"nav?.route\"\r\n [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n </ng-container>\r\n <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n </a>\r\n </mat-nav-list>\r\n </ng-container>\r\n <!-- If there is not a route -->\r\n <ng-container *ngIf=\"!nav?.route\">\r\n <mat-nav-list [disableRipple]=\"true\">\r\n <button id=\"sof-ar-nav-btn-node\" class=\"nav-item\" mat-list-item\r\n [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n </ng-container>\r\n <span class=\"sof-ar-nav-header-text\">{{nav.text | translate}}</span>\r\n </button>\r\n </mat-nav-list>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n\r\n <!-- Stepper -->\r\n <mat-vertical-stepper *ngIf=\"settings.menuStyle === 'stepper'\" [selectedIndex]=\"selectedParentIndex\" #vertStepper\r\n [linear]=\"false\" class=\"sidenav-background\">\r\n <!-- Alternate step states for nav, icaons should always be white only worked with styles -->\r\n <ng-template matStepperIcon=\"create\">\r\n <span>\r\n <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template matStepperIcon=\"edit\">\r\n <span>\r\n <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template matStepperIcon=\"active\">\r\n <span>\r\n <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template matStepperIcon=\"done\">\r\n <span>\r\n <i class=\"fas fa-check\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n\r\n <!-- nav steps -->\r\n <ng-container *ngFor=\"let nav of navigationData; let i = index\">\r\n <mat-step *ngIf=\"!nav?.hidden\" state=\"{{ determineStepState(i, -1) }}\">\r\n <ng-template matStepLabel *ngIf=\"!nav.hidden\">\r\n <div id=\"divStep{{ i }}\" style=\"height: 72px\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\r\n matTooltip=\"{{ nav.text | translate }}\" [matTooltipPosition]=\"'after'\" fxFlex=\"100%\">\r\n <a id=\"step{{ i }}\" fxFlex=\"100%\" class=\"mat-button step-link\" [routerLink]=\"nav.route\"\r\n [ngStyle]=\"{ color: themeSettings?.fontColor }\" [routerLinkActive]=\"['step-active']\">\r\n {{ nav.text | translate }}\r\n </a>\r\n </div>\r\n </ng-template>\r\n <p [innerHTML]=\"nav.stepContent | translate\"></p>\r\n <!-- sub nav -->\r\n <mat-vertical-stepper *ngIf=\"nav?.subNodes\" [selectedIndex]=\"selectedChildIndexes[i]\" [linear]=\"false\"\r\n #vertStepperInner>\r\n <!-- Alternate step states for sub nav, icons should always be white only worked with styles -->\r\n <ng-template matStepperIcon=\"create\">\r\n <span>\r\n <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template matStepperIcon=\"edit\">\r\n <span>\r\n <i class=\"fad fa-pencil-alt\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template matStepperIcon=\"done\">\r\n <span>\r\n <i class=\"fas fa-check\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template matStepperIcon=\"active\">\r\n <span>\r\n <i class=\"fas fa-pencil-alt\" style=\"color: white !important\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template matStepperIcon=\"none\">\r\n <span></span>\r\n </ng-template>\r\n <!-- sub nav steps -->\r\n <ng-container *ngFor=\"let subnav of nav?.subNodes; let j = index\">\r\n <mat-step state=\"{{ determineStepState(i, j) }}\" *ngIf=\"!subnav.hidden\">\r\n <ng-template matStepLabel>\r\n <div id=\"divSubStep{{ i }}-{{ j }}\" style=\"height: 72px\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\r\n matTooltip=\"{{ subnav.text | translate }}\" [matTooltipPosition]=\"'after'\" fxFlex=\"100%\">\r\n <a id=\"subStep{{ i }}-{{ j }}\" class=\"mat-button step-link\"\r\n [ngStyle]=\"{ color: themeSettings?.fontColor }\" [routerLink]=\"subnav.route\"\r\n [routerLinkActive]=\"['step-active']\">{{ subnav.text | translate }}</a>\r\n </div>\r\n </ng-template>\r\n <p [innerHTML]=\"subnav.stepContent | translate\"></p>\r\n </mat-step>\r\n </ng-container>\r\n\r\n </mat-vertical-stepper>\r\n </mat-step>\r\n </ng-container>\r\n\r\n </mat-vertical-stepper>\r\n\r\n <!-- Nav Footer -->\r\n <div class=\"nav-footer-item\">\r\n <ng-container *ngIf=\"settings.menuStyle === 'static'\">\r\n <ng-container *ngFor=\"let nav of footerNavigationData\">\r\n <ng-container>\r\n <!-- Desktop Nav -->\r\n <ng-container *ngIf=\"!nav?.subNodes?.length\">\r\n <!-- If there is a route -->\r\n <ng-container *ngIf=\"nav?.route\">\r\n <mat-nav-list class=\"nav-header\" [disableRipple]=\"true\">\r\n <a class=\"nav-item nav-item-margin\" mat-list-item [routerLink]=\"nav?.route\"\r\n [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n </ng-container>\r\n {{nav.text | translate}}\r\n </a>\r\n </mat-nav-list>\r\n </ng-container>\r\n <!-- If there is not a route -->\r\n <ng-container *ngIf=\"!nav?.route\">\r\n <mat-nav-list>\r\n <button id=\"sof-ar-nav-btn-node\" class=\"nav-item\" mat-list-item\r\n [routerLinkActive]=\"['sof-ar-nav-active-route']\">\r\n <ng-container *ngIf=\"nav?.fontAwesomeIcon\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\"><i class=\"{{nav?.fontAwesomeIcon}}\"></i></span>\r\n </ng-container>\r\n {{nav.text | translate}}\r\n </button>\r\n </mat-nav-list>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n <ng-template [ngTemplateOutlet]=\"navigationFooter\">\r\n </ng-template>\r\n </ng-container>\r\n </div>\r\n\r\n <!-- the mobile progress menu-->\r\n <ng-container *ngIf=\"settings?.menuStyle === 'progress'\">\r\n <div class=\"sidenav-background\" [ngStyle]=\"{'padding-bottom.px': (footerItemCount*64)+128}\">\r\n <mat-accordion>\r\n <div *ngFor=\"let step of navigationData; let i = index\">\r\n <ng-container *ngIf=\"step.subNodes && step.subNodes.length > 0 && !step.hidden\">\r\n <mat-expansion-panel hideToggle class=\"progress-mobile-expansion-panel\"\r\n [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\" (opened)=\"panelOpenState = true\"\r\n (closed)=\"panelOpenState = false\">\r\n <mat-expansion-panel-header>\r\n <mat-panel-title class=\"progress-mobile-panel-title\">\r\n <div style=\"width: -webkit-fill-available;\"\r\n [ngClass]=\"{'disabled':(!step.visited || step.isDisabled) && !settings.overrideNavigation && !step.complete,'color-primary':step.complete && step!=activeParentNode,'progress-menu-active':step===activeParentNode}\">\r\n <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n </ng-template>\r\n <span *ngIf=\"settings?.displayNumbers\">\r\n {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \" }}\r\n </span>\r\n <span class=\"nav-btn-text\">\r\n {{ step.text | translate }}\r\n </span>\r\n <span *ngIf=\"!panelOpenState\">\r\n <i class=\"fas fa-chevron-down panel-icon\"></i>\r\n </span>\r\n <span *ngIf=\"panelOpenState\">\r\n <i class=\"fas fa-chevron-up panel-icon\"></i>\r\n </span>\r\n </div>\r\n </mat-panel-title>\r\n <mat-panel-description>\r\n </mat-panel-description>\r\n </mat-expansion-panel-header>\r\n <!-- mobile sub menu -->\r\n <div class=\"progress-nav-menu\" *ngFor=\"let subNode of step.subNodes; let idx = index;\" [hidden]=\"step.subNodes[idx].hidden\">\r\n <button id=\"mobileMenu{{ idx }}\" mat-button class=\"step-link progress-menu-mobile-btn\"\r\n [ngClass]=\"{'color-primary':subNode.complete && subNode!=activeSubNode}\"\r\n [routerLinkActive]=\"['progress-menu-active']\" [ngStyle]=\"{ ' color': themeSettings?.fontColor }\"\r\n [routerLink]=\"subNode.route\" [disabled]=\"!subNode.visited && !settings.overrideNavigation\">\r\n <ng-template [ngTemplateOutlet]=\"progressSubNodeIcons\"\r\n [ngTemplateOutletContext]=\"{subNode:subNode}\">\r\n </ng-template>\r\n <span class=\"nav-menu-btn-text\" [ngClass]=\"{'disabled':(!subNode.visited) && !settings.overrideNavigation && !subNode.complete,'color-primary':subNode.complete,'progress-menu-active':subNode===activeSubNode}\">{{ subNode.text | translate }}</span>\r\n </button>\r\n </div>\r\n </mat-expansion-panel>\r\n </ng-container>\r\n <!-- if there are no subNodes -->\r\n <ng-container *ngIf=\"(!step.subNodes || step.subNodes.length==0) && !step.hidden\">\r\n <mat-expansion-panel #panel hideToggle (opened)=\"disablePanel(panel,i)\" class=\"progress-mobile-expansion-panel\"\r\n [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\">\r\n <mat-expansion-panel-header>\r\n <mat-panel-title class=\"progress-mobile-panel-title\">\r\n <div [ngClass]=\"{'disabled':(!step.visited || step.isDisabled) && !settings.overrideNavigation && !step.complete,'color-primary':step.complete && step!=activeParentNode,'progress-menu-active':step===activeParentNode}\">\r\n <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n </ng-template>\r\n <span *ngIf=\"settings?.displayNumbers\">\r\n {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \" }}\r\n </span>\r\n <span class=\"nav-btn-text\">\r\n {{ step.text | translate }}\r\n </span>\r\n </div>\r\n </mat-panel-title>\r\n <mat-panel-description>\r\n </mat-panel-description>\r\n </mat-expansion-panel-header>\r\n </mat-expansion-panel>\r\n </ng-container>\r\n </div>\r\n </mat-accordion>\r\n </div>\r\n\r\n <!-- the progress menu language and logout buttons-->\r\n <div class=\"nav-footer-item progress-footer\">\r\n <ng-template [ngTemplateOutlet]=\"navigationFooter\">\r\n </ng-template>\r\n </div>\r\n </ng-container>\r\n </mat-sidenav>\r\n <mat-sidenav-content>\r\n <!-- Horizontal Progress -->\r\n <ng-container *ngIf=\"settings?.menuStyle === 'progress'\">\r\n <mat-progress-bar *ngIf=\"settings?.showProgressBar\" mode=\"determinate\" [value]=\"navProgressCount\"\r\n style=\"height: 9px\" color=\"accent\">\r\n </mat-progress-bar>\r\n <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" style=\"justify-content:center !important\" [class.hidden]=\"settings.hideNavigation\">\r\n <div *ngFor=\"let step of navigationData; let i = index\" class=\"horizontal-progress-div\">\r\n <ng-container *ngIf=\"!step.subNodes?.length && !step.hidden\">\r\n <button mat-button [routerLink]=\"step.route\"\r\n [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\" class=\"progress-menu-btn\"\r\n [ngClass]=\"{'color-primary':step.complete && step!=activeParentNode,'progress-menu-active':step===activeParentNode}\">\r\n <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n </ng-template>\r\n <span *ngIf=\"settings?.displayNumbers\">\r\n {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \"}}\r\n </span>\r\n <span class=\"nav-btn-text\">{{ step.text | translate }}</span>\r\n </button>\r\n </ng-container>\r\n <!-- if there are subnodes create menus for each step -->\r\n <ng-container *ngIf=\"step.subNodes && step.subNodes.length && !step.hidden\">\r\n <button [ngClass]=\"{'color-primary':step.complete && step!=activeParentNode,'progress-menu-active':step===activeParentNode}\"\r\n mat-button [disabled]=\"(!step.visited || step.isDisabled) && !settings.overrideNavigation\" class=\"progress-menu-btn\"\r\n [matMenuTriggerFor]=\"menu\">\r\n <ng-template [ngTemplateOutlet]=\"progressParentNodeIcons\" [ngTemplateOutletContext]=\"{step:step}\">\r\n </ng-template>\r\n <span *ngIf=\"settings?.displayNumbers\">\r\n {{i < 10 ? \"0\" + (i + 1) + \". \" : i + \" . \"}}\r\n </span>\r\n <span class=\"nav-btn-text\">{{ step.text | translate }}</span>\r\n </button>\r\n <mat-menu #menu=\"matMenu\" class=\"sof-ar-mat-menu progress-menu-panel\">\r\n <div class=\"progress-nav-menu\" *ngFor=\"let subNode of step.subNodes; let idx = index;\" [ngStyle]=\"{width:settings.progressMenuWidth+'px'}\" [hidden]=\"step.subNodes[idx].hidden\">\r\n <button id=\"submenu{{ idx }}\" mat-button class=\"step-link progress-menu-btn\"\r\n [ngClass]=\"{'color-primary':subNode.complete && subNode!=activeSubNode,'disabled':!subNode.visited && !settings.overrideNavigation}\"\r\n [routerLinkActive]=\"['progress-menu-active']\" [ngStyle]=\"{ ' color': themeSettings?.fontColor }\"\r\n [routerLink]=\"subNode.route\" [disabled]=\"!subNode.visited && !settings.overrideNavigation\">\r\n <ng-template [ngTemplateOutlet]=\"progressSubNodeIcons\"\r\n [ngTemplateOutletContext]=\"{subNode:subNode}\">\r\n </ng-template>\r\n <span class=\"nav-menu-btn-text\">{{ subNode.text |translate }}</span>\r\n </button>\r\n </div>\r\n </mat-menu>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <div class=\"mobile-progress-container\" fxHide.gt-sm>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-content sof-ar-nav-content></ng-content>\r\n </mat-sidenav-content>\r\n </mat-sidenav-container>\r\n <!-- The progress menu parent node icon template-->\r\n <ng-template #progressParentNodeIcons let-step='step'>\r\n <span *ngIf=\"step.complete && step != activeParentNode\">\r\n <i class=\"{{ settings.progressSectionCompleteIcon }} color-primary progress-nav-icon\"></i>\r\n </span>\r\n <span *ngIf=\"step === activeParentNode\">\r\n <i class=\"{{ settings.progressSectionCurrentIcon }} color-primary progress-nav-icon\"></i>\r\n </span>\r\n <span *ngIf=\"!step.complete && step != activeParentNode\" [ngClass]=\"{'disabled':!step.visited && !settings.overrideNavigation}\">\r\n <i class=\"{{ settings.progressSectionFutureIcon }} progress-nav-icon\"></i>\r\n </span>\r\n </ng-template>\r\n <!-- The progress menu sub node icon template-->\r\n <ng-template #progressSubNodeIcons let-subNode='subNode'>\r\n <span *ngIf=\"subNode.complete &&activeSubNode !=subNode\">\r\n <i class=\"{{settings.progressMenuCompleteIcon}} color-primary progress-nav-icon\"></i>\r\n </span>\r\n <span *ngIf=\"activeSubNode ===subNode\">\r\n <i class=\"{{ settings.progressSectionCurrentIcon }} color-primary progress-nav-icon\"></i>\r\n </span>\r\n <span *ngIf=\"!subNode.complete &&activeSubNode !=subNode\" [ngClass]=\"{'disabled':!subNode.visited && !settings.overrideNavigation}\">\r\n <i class=\"{{ settings.progressSectionFutureIcon }} progress-nav-icon\"></i>\r\n </span>\r\n </ng-template>\r\n <!-- The navigation footer template for language and logout buttons -->\r\n <ng-template #navigationFooter>\r\n <ng-content select=\"[sof-ar-nav-mobile-footer]\"> </ng-content>\r\n <ng-container *ngIf=\"!settings.useCustomMobileFooter\">\r\n <!-- The language button -->\r\n <ng-container *ngIf=\"languageSettings?.displayLanguageOptions && languageSettings?.languages.length > 2 && mobileQuery.matches\">\r\n <button id=\"sof-ar-nav-lang-dropdown\" mat-stroked-button\r\n class=\"faded-button-50 language-button navigationFooter\" [matMenuTriggerFor]=\"headerLanguageMenu\"\r\n [attr.aria-label]=\"languageSettings.buttonText | translate\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\">\r\n <i class=\"far fa-globe language-globe\"></i>\r\n </span>\r\n {{languageSettings.buttonText | translate}}\r\n </button>\r\n <mat-menu #headerLanguageMenu=\"matMenu\" class=\"sof-ar-mat-menu\">\r\n <button mat-menu-item *ngFor=\"let lang of languageSettings.languages\" (click)=\"setLanguage$.emit(lang)\"\r\n id=\"apply-lang-btn-{{lang}}\">\r\n <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\">\r\n <div fxFlex=\"auto\">\r\n {{ lang | translate }}\r\n </div>\r\n <div fxFlex=\"auto\" fxLayoutAlign=\"end end\">\r\n <i *ngIf=\"currentLang === lang\" class=\"fad fa-check selected-language-icon\"></i>\r\n </div>\r\n </div>\r\n </button>\r\n </mat-menu>\r\n </ng-container>\r\n <ng-container *ngIf=\"languageSettings?.displayLanguageOptions && languageSettings?.languages.length === 2 && mobileQuery.matches\">\r\n <button *ngIf=\"languageSettings?.languages.length === 2\" id=\"sof-ar-nav-lang-button\" mat-stroked-button\r\n class=\"faded-button-50 language-button navigationFooter\"\r\n [attr.aria-label]=\"languageSettings.buttonText | translate\" (click)=\"setLanguage$.emit()\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\">\r\n <i class=\"far fa-globe language-globe\"></i>\r\n </span>\r\n {{otherLangText | translate}}\r\n </button>\r\n </ng-container>\r\n <!-- The logout button-->\r\n <ng-container *ngIf=\"mobileQuery.matches && userName\">\r\n <button id=\"sof-ar-header-lang-button\" mat-stroked-button class=\"navigationFooter\" (click)=\"logOut()\">\r\n <span aria-hidden=\"true\" class=\"icon-styling\">\r\n <i class=\"fas fa-sign-out-alt\"></i>\r\n </span>\r\n {{logOutText | translate}}\r\n </button>\r\n </ng-container>\r\n </ng-container>\r\n </ng-template>\r\n</div>\r\n", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #fafafa;--neutral-color-100-parts: #f5f5f5;--neutral-color-200-parts: #eeeeee;--neutral-color-300-parts: #e0e0e0;--neutral-color-400-parts: #bdbdbd;--neutral-color-500-parts: #9e9e9e;--neutral-color-600-parts: #757575;--neutral-color-700-parts: #616161;--neutral-color-800-parts: #424242;--neutral-color-900-parts: #212121;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 250, 250, 250;--neutral-color-100-parts-rgb: 245, 245, 245;--neutral-color-200-parts-rgb: 238, 238, 238;--neutral-color-300-parts-rgb: 224, 224, 224;--neutral-color-400-parts-rgb: 189, 189, 189;--neutral-color-500-parts-rgb: 158, 158, 158;--neutral-color-600-parts-rgb: 117, 117, 117;--neutral-color-700-parts-rgb: 97, 97, 97;--neutral-color-800-parts-rgb: 66, 66, 66;--neutral-color-900-parts-rgb: 33, 33, 33;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-ripple-element{background-color:#0000001a}.mat-mdc-option{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}.mat-mdc-option:hover:not(.mdc-list-item--disabled),.mat-mdc-option:focus:not(.mdc-list-item--disabled),.mat-mdc-option.mat-mdc-option-active,.mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled){background:rgba(0,0,0,.04)}.mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-primary, var(--primary-color-500-parts))}.mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-secondary, var(--accent-color-500-parts))}.mat-warn .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-error, #f44336)}.mat-mdc-optgroup-label{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}.mat-pseudo-checkbox-full{color:#0000008a}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:var(--primary-color-500-parts)}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:var(--primary-color-500-parts)}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:var(--accent-color-500-parts)}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:var(--accent-color-500-parts)}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:var(--accent-color-500-parts)}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:var(--accent-color-500-parts)}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#b0b0b0}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:#000000de}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.mat-theme-loaded-marker{display:none}.mat-mdc-option{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body1-font-size, 16px);line-height:var(--mdc-typography-body1-line-height, 24px);font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em)}::ng-deep :root{--sof-nav-content-bg-color: #fffdfd;--sof-nav-font-color: #eee;--sof-nav-bg-gradient-color-1: #fff;--sof-nav-bg-gradient-color-2: #fff;--sof-nav-border-right-color: transparent;--sof-nav-list-border-color: #cfd8dc;--sof-nav-highlight-gradient-1: mat.get-color-from-palette($my-app-primary, 100);--sof-nav-highlight-gradient-2: rgba(255, 255, 255, 0);--sof-nav-sub-highlight-border-color: #616161;--sof-nav-sub-highlight-bg-color: #424242}.sof-ar-nav-sidenav{background:rgb(0,0,0);border-right-color:var(--sof-nav-border-right-color);background:linear-gradient(-180deg,var(--sof-nav-bg-gradient-color-1) 0%,var(--sof-nav-bg-gradient-color-2) 100%);overflow:hidden}.sof-ar-nav-sidenav *{color:var(--sof-nav-font-color)!important}::ng-deep [sof-ar-nav-footer] *,::ng-deep [sof-ar-nav-header] *{color:var(--sof-nav-font-color)!important}::ng-deep .sof-ar-nav-active-route:active{background:rgb(0,0,0)!important;background:linear-gradient(90deg,var(--sof-nav-highlight-gradient-1) 0%,var(--sof-nav-highlight-gradient-2) 80%)!important;border-bottom-right-radius:8px!important;border-top-right-radius:8px!important}::ng-deep .sof-ar-nav-sub-active-route{background:var(--sof-nav-sub-highlight-bg-color);margin-right:-4px;position:relative}::ng-deep .sof-ar-nav-sub-active-route:focus,::ng-deep .sof-ar-nav-sub-active-route:active{background:var(--sof-nav-sub-highlight-bg-color)!important}::ng-deep .sof-ar-nav-sub-active-route:before{content:\"\";display:block;position:absolute;top:0;height:inherit}::ng-deep .mat-drawer-container{background:var(--sof-nav-content-bg-color)!important}.sof-ar-nav-container{display:flex;flex-direction:column;position:absolute;bottom:0;left:0;right:0}h1.example-app-name{margin-left:8px}.sof-ar-nav-sidenav-container{flex:1}.example-is-mobile .example-sidenav-container{flex:1 0 auto}.hidden{display:none!important}.sof-ar-nav-buffer{height:40px}button.nav-item{border:0;background:transparent}.nav-item{font-size:15px!important;font-weight:500!important}.nav-item.mat-mdc-list-item-interactive:focus:before,.nav-item.mat-mdc-list-item-interactive:hover:before{opacity:0!important}.mat-expansion-indicator{border-bottom-right-radius:11px!important}.nav-footer-item{background:#FAFAFA;position:absolute;bottom:0%;width:18rem}.progress-footer{display:flex;width:100%;z-index:2}.panel-icon{float:right;color:#000!important}.user-name{display:inline-block;height:3.5rem;padding-left:.5rem;padding-top:3rem;padding-right:.5rem;font-size:larger;font-weight:800}::ng-deep .mat-mdc-list-base{padding:0!important}::ng-deep .mat-drawer-inner-container{min-width:275px;overflow:hidden!important}::ng-deep .mat-drawer-inner-container:hover{overflow:overlay!important}::ng-deep .icon-styling{padding-right:10px;padding-left:10px;width:24px;text-align:left}::ng-deep .nav-icon{margin-left:auto;padding-left:30px}::ng-deep .nav-item{font-family:Poppins;font-weight:500;padding-top:2px!important;padding-left:0!important}::ng-deep [sof-ar-nav-footer] hr{margin:5px 10px;opacity:.5}.subnav-content{padding:0;height:48px!important}.nav-header{height:64px!important}.mat-mdc-list-item{background-color:transparent;display:inline!important}::ng-deep .mdc-list-item__content{padding:0 4px!important;padding-left:1.5rem!important}::ng-deep .subnav-item{padding-left:1rem!important}::ng-deep .visible-mobile{display:none}@media only screen and (max-width: 959px){::ng-deep .visible-mobile{display:block}}@media (max-width: 959px){::ng-deep .sof-ar-fixed-nav{position:fixed;z-index:2;width:100%!important;box-sizing:border-box}}::ng-deep .sof-ar-nav-menu-btn{position:fixed!important;z-index:2!important;top:1.25%;width:44px!important;height:40px!important;color:var(--primary-color-500-parts)!important;background:var(--primary-color-50-parts)!important;border-radius:8px!important;padding:0!important}@media (max-width: 959px){::ng-deep .sof-ar-nav-menu-btn{margin-left:2%!important}}@media (min-width: 959px){::ng-deep .sof-ar-nav-menu-btn{margin-left:11px!important}}::ng-deep .sof-ar-nav-menu-btn:hover .mdc-icon-button__ripple,::ng-deep .sof-ar-nav-menu-btn:focus .mdc-icon-button__ripple{border-radius:inherit!important}@media only screen and (min-width: 959px){::ng-deep .mat-mdc-list-base:not(.subnav-item):not(.custom-nav):before{content:\"\";display:block;height:1px;margin-left:auto;width:calc(100% - 40px)}::ng-deep .mat-mdc-list-base:not(.subnav-item):not(.custom-nav):after{content:\"\";display:block;height:1px;margin-left:auto;width:calc(100% - 40px);margin-bottom:-1px}}::ng-deep .mat-step-text-label{color:#fff;font-family:Poppins,sans-serif!important;font-size:1.3em}::ng-deep .mat-expansion-indicator{padding:1em!important}::ng-deep .mat-stepper-vertical{background-color:transparent!important}.mat-mdc-nav-list{width:100%;margin-top:3px;margin-bottom:3px}.mat-mdc-nav-list:hover{border-bottom-right-radius:8px!important;border-top-right-radius:8px!important;background:var(--sof-nav-highlight-gradient-1)!important}.mat-expansion-panel-header{padding:0;height:64px!important;margin-top:3px;margin-bottom:3px}.mat-expansion-panel-header:hover,.sof-ar-nav-selected{background:var(--sof-nav-highlight-gradient-1)!important;border-bottom-right-radius:8px!important;border-top-right-radius:8px!important}.mat-expansion-panel{display:inline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.step-active{border-bottom:3px solid var(--primary-color-500-parts);border-bottom-left-radius:0;border-bottom-right-radius:0}::ng-deep .mat-vertical-content{padding-bottom:0!important}.step-link{padding-left:0!important;padding-right:0!important}.step-titles{padding-top:20px;padding-bottom:20px}.step-titles>button{font-family:Poppins,sans-serif!important;font-size:16px!important;font-weight:500!important;color:#000;background-color:transparent!important}.step-active{border-bottom:0!important}::ng-deep .progress-menu-active,progress-menu-active *{color:#000!important}::ng-deep .color-primary,.color-primary *{color:var(--primary-color-500-parts)!important}.sof-ar-nav-sidenav{max-width:-webkit-fill-available}.nav-menu-btn-text{white-space:normal}.progress-menu-btn{width:-webkit-fill-available;text-align:left;padding:12px 16px!important;font-size:16px!important;height:-moz-fit-content;height:fit-content}::ng-deep .disabled,.disabled *,.progress-menu-btn:disabled,.progress-menu-mobile-btn:disabled,.mat-expansion-panel-header:disabled{color:#333c!important}.progress-nav-icon{margin-right:10px;font-size:14px}::ng-deep .progress-menu-mobile-btn{display:flex!important}::ng-deep .progress-nav-menu{display:flex!important}.progress-menu-mobile-btn{padding:12px 24px!important;width:-webkit-fill-available;text-align:left;height:-moz-fit-content;height:fit-content}.progress-mobile-panel-title{width:-webkit-fill-available;font-size:16px;font-family:Poppins,sans-serif!important;padding-left:24px}.progress-mobile-expansion-panel{margin:0!important}::ng-deep .progress-mobile-expansion-panel .mat-expansion-panel-body{background:var(--primary-color-50-parts)!important;padding:0!important;font-size:16px!important}::ng-deep .mat-mdc-menu-panel{max-width:unset!important}::ng-deep .progress-menu-panel{background:var(--primary-color-50-parts)!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane{transform:none!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option{margin-top:33px!important}.mobile-progress-container{padding-bottom:24px}.step-titles-mobile{padding-top:25px;padding-bottom:25px;background-color:transparent}.step-titles-mobile ::ng-deep .mat-mdc-select-trigger{padding-left:17px;padding-right:20px}.step-done{color:var(--accent-color-900-parts)!important;cursor:pointer}.step-future{color:var(--primary-color-900-parts)!important;opacity:.7}::ng-deep .mat-form-field-appearance-outline .mat-mdc-form-field-infix{padding-left:.5em!important;padding-right:.5em!important}::ng-deep .mdc-floating-label{padding-left:.5em!important;padding-right:.5em!important}::ng-deep .mat-form-field-appearance-outline .mat-mdc-form-field-icon-prefix{top:0!important}::ng-deep .mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix{top:0!important}[sws-alert--secondary]{max-height:90px;min-height:52px;padding:0 0 0 24px;margin:2px 5px;border-radius:5px;font-weight:700;font-size:16px;background:rgba(29,190,104,.1);border:2px solid #2b9c62;color:#2b9c62}.icon-container{align-self:center}.message-container{margin-left:10px;line-height:1.8}#btnClose{color:#000}.navigationFooter{width:100%;border:none;height:64px!important;font-family:Poppins;font-weight:500;font-size:15px!important;position:relative;text-align:left;padding-left:1.5rem}.navigationFooter:hover{color:unset!important}.nav-item-margin{position:relative;display:flex!important;width:inherit!important;height:inherit!important}.sof-ar-nav-menu-icon{font-size:23px}.menu-icon{color:var(--primary-color-800-parts)!important}.sidenav-background{background:transparent!important}::ng-deep .mat-expansion-panel-body{padding:0!important}::ng-deep .subnav-content>a>.mdc-list-item__content{padding:0 4px!important;padding-left:4.25rem!important}::ng-deep .nav-content-item{margin-right:24px;margin-top:24px}.sof-ar-nav-header-text{font-family:Poppins;font-weight:500;font-size:14px;line-height:175%;letter-spacing:.14em}\n"] }]
|
|
1671
1671
|
}], ctorParameters: function () {
|
|
1672
1672
|
return [{ type: i0.ChangeDetectorRef }, { type: i1$1.MediaMatcher }, { type: i1$2.Router }, { type: BannerService }, { type: AuthorizationService }, { type: BaseConfigService, decorators: [{
|
|
1673
1673
|
type: Optional
|
|
@@ -1828,11 +1828,11 @@ class ArmatureHeaderComponent {
|
|
|
1828
1828
|
this.themeSettings.borderBottomSize = this.themeSettings.borderBottomSize || '0px';
|
|
1829
1829
|
}
|
|
1830
1830
|
}
|
|
1831
|
-
ArmatureHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
1832
|
-
ArmatureHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: ArmatureHeaderComponent, selector: "sof-ar-header", inputs: { settings: "settings", themeSettings: "themeSettings", authSettings: "authSettings", currentLang: "currentLang" }, outputs: { setLanguage$: "setLanguage$", isLoggedInEE: "isLoggedInEE" }, ngImport: i0, template: "<ng-container *ngIf=\"displaySuperHeader\">\r\n <div class=\"sof-super-header\" [ngStyle]=\"{'background-color' : superHeaderColor}\">\r\n <ng-content select=\"[sof-ar-super-header]\"></ng-content>\r\n </div>\r\n</ng-container>\r\n<mat-toolbar class=\"sof-ar-header\" [class.sof-ar-header-shadow]=\"headerDropShadow\"\r\n [ngStyle]=\"{'height.px': settings?.headerStyles?.height, background: headerColor, 'border-bottom': themeSettings.borderBottomSize + ' solid ' + themeSettings.borderBottomColor }\"\r\n [ngStyle.lt-sm]=\"{'height.px': settings?.headerStyles?.heightMobile || 64, background: headerColor, 'border-bottom': themeSettings.borderBottomSize + ' solid ' + themeSettings.borderBottomColor }\">\r\n <div class=\"sof-ar-header--left\" [class.sof-ar-toggle-navigation]=\"(mobileQuery.matches && (armatureNavigation || armatureHeaderOverlay)) || settings?.createSpaceForNavToggle\">\r\n <!-- Logo Image -->\r\n <ng-container *ngIf=\"displayLogo\">\r\n <ng-container *ngIf=\"settings?.logoRouterLinkPath === 'internal'; else external\">\r\n <a [routerLink]=\"settings?.logoRouterLink\">\r\n <img class=\"sof-ar-header-logo\" [src]=\"logoUrl\" alt=\"{{logoAltText | translate}}\"\r\n [ngStyle]=\"{'height.px': settings?.logoStyles?.height, 'width.px': settings?.logoStyles?.width, 'max-width': settings?.logoStyles?.width + 'px' || '100%'}\"\r\n [ngStyle.lt-sm]=\"{'height.px': settings?.logoStyles?.heightMobile, 'width.px': settings?.logoStyles?.widthMobile, 'max-width': settings?.logoStyles?.widthMobile + 'px' || '100%'}\" />\r\n </a>\r\n </ng-container>\r\n <ng-template #external>\r\n <a [href]=\"settings?.logoRouterLink\"><img class=\"sof-ar-header-logo\" [src]=\"logoUrl\"\r\n alt=\"{{logoAltText | translate}}\"\r\n [ngStyle]=\"{'height.px': settings?.logoStyles?.height, 'width.px': settings?.logoStyles?.width, 'max-width': settings?.logoStyles?.width + 'px' || '100%'}\"\r\n [ngStyle.lt-sm]=\"{'height.px': settings?.logoStyles?.heightMobile, 'width.px': settings?.logoStyles?.widthMobile, 'max-width': settings?.logoStyles?.widthMobile + 'px' || '100%'}\" />\r\n </a>\r\n </ng-template>\r\n </ng-container>\r\n <!-- Logo Text -->\r\n <ng-container *ngIf=\"displayLogoText\">\r\n <p class=\"sof-ar-header-logo-text\">{{headerLogoText}}</p>\r\n </ng-container>\r\n <!-- NG-Content Left -->\r\n <ng-content select=\"[sof-ar-header-left]\"></ng-content>\r\n </div>\r\n <div class=\"sof-ar-header--center\">\r\n <!-- NG-Content Center -->\r\n <ng-content select=\"[sof-ar-header-center]\"></ng-content>\r\n </div>\r\n <div class=\"sof-ar-header--right\" fxLayout=\"row\" fxLayoutAlign=\"end center\" fxLayoutGap=\"10px\">\r\n <!-- NG-Content Right -->\r\n <span fxFlex=\"auto 0 1\" [fxHide.lt-sm]=\"!armatureNavigation && armatureHeaderOverlay\">\r\n <ng-content select=\"[sof-ar-header-right]\"></ng-content>\r\n </span>\r\n <div fxFlex=\"auto 0 1\" *ngIf=\"displayDropDownMenu\">\r\n <button id=\"sof-ar-header-btn-dropdown\" mat-icon-button [disableRipple]=\"true\"\r\n [matMenuTriggerFor]=\"sofArHeaderMenu\" [attr.aria-label]=\"dropDownAriaText | translate\">\r\n <span [style.color]=\"iconColor\">\r\n <i class=\"{{headerDropDownIcon}}\"></i>\r\n <span class=\"sr-only\">{{dropDownMenuSRText | translate}}</span>\r\n </span>\r\n </button>\r\n <mat-menu #sofArHeaderMenu=\"matMenu\" class=\"sof-ar-mat-menu\">\r\n <!-- NG-Content Menu -->\r\n <ng-content select=\"[sof-ar-header-menu]\"></ng-content>\r\n </mat-menu>\r\n </div>\r\n <!-- Language button -->\r\n <div fxFlex=\"auto 0 1\"\r\n *ngIf=\"headerLanguageSettings?.displayLanguageOptions && headerLanguageSettings?.languages?.length > 2 && !mobileQuery.matches\">\r\n <button id=\"sof-ar-header-lang-dropdown\" mat-stroked-button class=\"sof-stroked-button\" color=\"primary\"\r\n [matMenuTriggerFor]=\"headerLanguageMenu\" [attr.aria-label]=\"headerLanguageSettings.buttonText | translate\">\r\n <span>\r\n <i class=\"far fa-globe language-globe\"></i>\r\n {{headerLanguageSettings.buttonText | translate}}\r\n </span>\r\n </button>\r\n <mat-menu #headerLanguageMenu=\"matMenu\" class=\"sof-ar-mat-menu\">\r\n <button mat-menu-item *ngFor=\"let lang of headerLanguageSettings.languages\" (click)=\"setLanguage$.emit(lang)\"\r\n id=\"apply-lang-btn-{{lang}}\">\r\n <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\">\r\n <div fxFlex=\"auto\">\r\n {{ lang | translate }}\r\n </div>\r\n <div fxFlex=\"auto\" fxLayoutAlign=\"end end\">\r\n <i *ngIf=\"currentLang === lang\" class=\"fad fa-check selected-language-icon\"></i>\r\n </div>\r\n </div>\r\n </button>\r\n </mat-menu>\r\n </div>\r\n <div\r\n *ngIf=\"headerLanguageSettings?.displayLanguageOptions && headerLanguageSettings?.languages?.length === 2 && !mobileQuery.matches\">\r\n <button *ngIf=\"headerLanguageSettings.languages.length === 2\" id=\"sof-ar-header-lang-button\" mat-stroked-button\r\n class=\"sof-stroked-button\" color=\"primary\" [attr.aria-label]=\"headerLanguageSettings.buttonText | translate\"\r\n (click)=\"setLanguage$.emit()\">\r\n <span fxLayoutAlign=\"center center\">\r\n <i class=\"far fa-globe language-globe\"></i>\r\n {{otherLangText | translate}}\r\n </span>\r\n </button>\r\n </div>\r\n <!-- Authorization button -->\r\n <div fxFlex=\"auto 0 1\" *ngIf=\"settings?.displayAuthInfo\">\r\n <button *ngIf=\"!isLoggedIn;else loggedIn\" id=\"sof-ar-header-btn-auth\" mat-stroked-button color=\"primary\" (click)=\"authorizeUser()\"\r\n [attr.aria-label]=\"authBtnText | translate\" class=\"sof-stroked-button\">\r\n {{ authBtnText | translate }}\r\n </button>\r\n <ng-template #loggedIn>\r\n <div fxLayout=\"row\" fxLayoutAlign=\"end center\" fxLayoutGap=\"10px\">\r\n <div fxFlex=\"auto 0 1\">\r\n <button id=\"sof-ar-logged-in-btn-dropdown\" [matMenuTriggerFor]=\"sofArLoginMenu\"\r\n [attr.aria-label]=\"dropDownAriaText | translate\" mat-stroked-button style=\"padding-left:0px !important\"\r\n ngClass=\"left-radius-10 sof-stroked-button\" color=\"primary\" ngClass.lt-md=\"mobile-border\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"15px\">\r\n <div fxFlex=\"46px\" fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"absent-account-image\">\r\n <div fxFlex=\"100%\">\r\n {{ userName.charAt(0).toUpperCase() }}\r\n </div>\r\n </div>\r\n <div fxShow fxHide.lt-md fxFlex=\"auto\" class=\"signed-in-name\">\r\n {{ userName }}\r\n </div>\r\n </div>\r\n </button>\r\n <!-- Login menu -->\r\n <mat-menu #sofArLoginMenu=\"matMenu\" class=\"sof-ar-mat-menu\" id=\"loginMenu\">\r\n <a mat-menu-item href=\"{{manageUrl}}\" target=\"_blank\">\r\n {{ authSettings.myAccountText | translate }}\r\n </a>\r\n <div *ngIf=\"settings.displayDarkTheme\" mat-menu-item (click)=\"$event.stopPropagation()\" disabled>\r\n <mat-slide-toggle color=\"accent\" labelPosition=\"before\" [aria-label]=\"settings.darkThemeText\"\r\n [id]=\"'dark-theme-toggle-btn'\" (change)=\"toggleTheme($event)\">\r\n {{ settings.darkThemeText + '(coming soon!)' | translate }}\r\n <!-- TODO: determine if icon is liked <i class=\"fad fa-moon-cloud dark-theme-icon\"></i> -->\r\n </mat-slide-toggle>\r\n </div>\r\n <ng-content select=\"[sof-header-user-menu]\"></ng-content>\r\n </mat-menu>\r\n </div>\r\n <div fxFlex=\"auto 0 1\">\r\n <button id=\"sof-ar-log-out-btn\" mat-stroked-button class=\"sof-stroked-icon-button\" color=\"primary\" size=\"medium\"\r\n [class.hidden]=\"mobileQuery.matches\" (click)=\"authorizeUser()\" [attr.aria-label]=\"authBtnText | translate\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\r\n <i fxFlex=\"100%\" class=\"fas fa-sign-out-alt\"></i>\r\n </div>\r\n </button>\r\n </div>\r\n </div>\r\n </ng-template>\r\n </div>\r\n </div>\r\n</mat-toolbar>\r\n", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #fafafa;--neutral-color-100-parts: #f5f5f5;--neutral-color-200-parts: #eeeeee;--neutral-color-300-parts: #e0e0e0;--neutral-color-400-parts: #bdbdbd;--neutral-color-500-parts: #9e9e9e;--neutral-color-600-parts: #757575;--neutral-color-700-parts: #616161;--neutral-color-800-parts: #424242;--neutral-color-900-parts: #212121;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 250, 250, 250;--neutral-color-100-parts-rgb: 245, 245, 245;--neutral-color-200-parts-rgb: 238, 238, 238;--neutral-color-300-parts-rgb: 224, 224, 224;--neutral-color-400-parts-rgb: 189, 189, 189;--neutral-color-500-parts-rgb: 158, 158, 158;--neutral-color-600-parts-rgb: 117, 117, 117;--neutral-color-700-parts-rgb: 97, 97, 97;--neutral-color-800-parts-rgb: 66, 66, 66;--neutral-color-900-parts-rgb: 33, 33, 33;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}[m-t-0],.m-t-0{margin-top:0!important}[m-t-5],.m-t-5{margin-top:5px!important}[m-t-10],.m-t-10{margin-top:10px!important}[m-t-15],.m-t-15{margin-top:15px!important}[m-t-20],.m-t-20{margin-top:20px!important}[m-t-24],.m-t-24{margin-top:24px!important}[m-t-25],.m-t-25{margin-top:25px!important}[m-t-30],.m-t-30{margin-top:30px!important}[m-t-32],.m-t-32{margin-top:32px!important}[m-t-40],.m-t-40{margin-top:40px!important}[m-t-45],.m-t-45,[m-t-50],.m-t-50{margin-top:45px!important}.m-t-55,[m-t-55]{margin-top:55px!important}[m-t-60],.m-t-60{margin-top:60px!important}.m-r-0,[m-r-0]{margin-right:0!important}.m-r-5,[m-r-5]{margin-right:5px!important}.m-r-10,[m-r-10]{margin-right:10px!important}.m-r-20,[m-r-20]{margin-right:20px!important}.m-r-60,[m-r-60]{margin-right:60px!important}[m-b-0],.m-b-0{margin-bottom:0!important}[m-b-5],.m-b-5{margin-bottom:5px!important}[m-b-10],.m-b-10{margin-bottom:10px!important}[m-b-15],.m-b-15{margin-bottom:15px!important}[m-b-20],.m-b-20{margin-bottom:20px!important}[m-b-24],.m-b-24{margin-bottom:24px!important}[m-b-25],.m-b-25{margin-bottom:25px!important}[m-b-30],.m-b-30{margin-bottom:30px!important}[m-b-37],.m-b-37{margin-bottom:37px!important}[m-b-45],.m-b-45{margin-bottom:45px!important}[m-b-50],.m-b-50{margin-bottom:50px!important}[m-b-65],.m-b-65{margin-bottom:65px!important}.m-l-0,[m-l-0]{margin-left:0!important}.m-l-5,[m-l-5]{margin-left:5px!important}.m-l-8,[m-l-8]{margin-left:8px!important}.m-l-10,[m-l-10]{margin-left:10px!important}.m-l-15,[m-l-15]{margin-left:15px!important}[m-l-20],.m-l-20{margin-left:20px!important}.m-l-35,[m-l-35]{margin-left:35px!important}.m-h-0,[m-h-0]{margin-left:0!important;margin-right:0!important}.m-h-5,[m-h-5]{margin-left:5px!important;margin-right:5px!important}.m-h-10,[m-h-10]{margin-left:10px!important;margin-right:10px!important}.m-h-15,[m-h-15]{margin-left:15px!important;margin-right:15px!important}.m-h-20,[m-h-20]{margin-left:20px!important;margin-right:20px!important}.m-h-24,[m-h-24]{margin-left:24px!important;margin-right:24px!important}.m-h-25,[m-h-25]{margin-left:25px!important;margin-right:25px!important}.m-h-30,[m-h-30]{margin-left:30px!important;margin-right:30px!important}.m-h-68,[m-h-68]{margin-left:68px!important;margin-right:68px!important}.m-h-70,[m-h-70]{margin-left:70px!important;margin-right:70px!important}.m-v-0,[m-v-0]{margin-top:0!important;margin-bottom:0!important}.m-v-5,[m-v-5]{margin-top:5px!important;margin-bottom:5px!important}.m-v-10,[m-v-10]{margin-top:10px!important;margin-bottom:10px!important}[m-v-15],.m-v-15{margin-top:15px!important;margin-bottom:15px!important}.m-v-18,[m-v-18]{margin-top:18px!important;margin-bottom:18px!important}.m-v-20,[m-v-20]{margin-top:20px!important;margin-bottom:20px!important}[m-v-24],.m-v-24{margin-top:24px!important;margin-bottom:24px!important}[m-v-25],.m-v-25{margin-top:25px!important;margin-bottom:25px!important}.m-v-30,[m-v-30]{margin-top:30px!important;margin-bottom:30px!important}.m-v-35,[m-v-35]{margin-top:35px!important;margin-bottom:35px!important}.m-v-40,[m-v-40]{margin-top:40px!important;margin-bottom:40px!important}.m-v-45,[m-v-45]{margin-top:45px!important;margin-bottom:45px!important}.m-v-50,[m-v-50]{margin-top:50px!important;margin-bottom:50px!important}.m-v-60,[m-v-60]{margin-top:60px!important;margin-bottom:60px!important}.m-a-0,[m-a-0]{margin:0!important}.m-a-5,[m-a-5]{margin:5px!important}.m-a-10,[m-a-10]{margin:10px!important}.m-a-15,[m-a-15]{margin:15px!important}.m-a-20,[m-a-20]{margin:20px!important}.m-a-25,[m-a-25]{margin:25px!important}.m-a-30,[m-a-30]{margin:30px!important}[p-t-0],.p-t-0{padding-top:0!important}[p-t-4],.p-t-4{padding-top:4px!important}[p-t-5],.p-t-5{padding-top:5px!important}[p-t-6],.p-t-6{padding-top:6px!important}[p-t-8],.p-t-8{padding-top:8px!important}[p-t-10],.p-t-10{padding-top:10px!important}[p-t-12],.p-t-12{padding-top:12px!important}.p-t-15,[p-t-15]{padding-top:15px!important}.p-t-16,[p-t-16]{padding-top:16px!important}[p-t-17],.p-t-17{padding-top:17px!important}[p-t-18],.p-t-18{padding-top:18px!important}[p-t-20],.p-t-20{padding-top:20px!important}[p-t-24],.p-t-24{padding-top:24px!important}[p-t-25],.p-t-25{padding-top:25px!important}.p-t-30,[p-t-30]{padding-top:30px!important}.p-t-35,[p-t-35]{padding-top:35px!important}.p-t-40,[p-t-40]{padding-top:40px!important}.p-t-45,[p-t-45]{padding-top:45px!important}.p-t-48,[p-t-48]{padding-top:48px!important}.p-t-50,[p-t-50]{padding-top:50px!important}.p-t-55,[p-t-55]{padding-top:55px!important}.p-t-60,[p-t-60]{padding-top:60px!important}.p-t-65,[p-t-60]{padding-top:65px!important}[p-r-0],.p-r-0{padding-right:0!important}[p-r-5],.p-r-5{padding-right:5px!important}[p-r-6],.p-r-6{padding-right:6px!important}[p-r-10],.p-r-10{padding-right:10px!important}[p-r-15],.p-r-15{padding-right:15px!important}[p-r-20],.p-r-20{padding-right:20px!important}[p-r-25],.p-r-25{padding-right:25px!important}[p-b-0],.p-b-0{padding-bottom:0!important}[p-b-5],.p-b-5{padding-bottom:5px!important}[p-b-10],.p-b-10{padding-bottom:10px!important}[p-b-12],.p-b-12{padding-bottom:12px!important}[p-b-15],.p-b-15{padding-bottom:15px!important}[p-b-20],.p-b-20{padding-bottom:20px!important}[p-b-25],.p-b-25{padding-bottom:25px!important}[p-b-30],.p-b-30{padding-bottom:30px!important}[p-b-35],.p-b-35{padding-bottom:35px!important}[p-b-40],.p-b-40{padding-bottom:40px!important}[p-b-45],.p-b-45{padding-bottom:45px!important}[p-b-50],.p-b-50{padding-bottom:50px!important}[p-b-55],.p-b-55{padding-bottom:55px!important}[p-b-60],.p-b-60{padding-bottom:60px!important}[p-b-100],.p-b-100{padding-bottom:100px!important}.p-l-0,[p-l-0]{padding-left:0!important}.p-l-4,[p-l-4]{padding-left:4px!important}.p-l-5,[p-l-5]{padding-left:5px!important}.p-l-10,[p-l-10]{padding-left:10px!important}.p-l-12,[p-l-12]{padding-left:12px!important}.p-l-15,[p-l-15]{padding-left:15px!important}.p-l-20,[p-l-20]{padding-left:20px!important}.p-l-25,[p-l-25]{padding-left:25px!important}.p-l-30,[p-l-30]{padding-left:30px!important}[p-h-0],.p-h-0{padding-left:0!important;padding-right:0!important}[p-h-5],.p-h-5{padding-left:5px!important;padding-right:5px!important}[p-h-6],.p-h-6{padding-left:6px!important;padding-right:6px!important}[p-h-10],.p-h-10{padding-left:10px!important;padding-right:10px!important}[p-h-15],.p-h-15{padding-left:15px!important;padding-right:15px!important}[p-h-16],.p-h-16{padding-left:16px!important;padding-right:16px!important}[p-h-20],.p-h-20{padding-left:20px!important;padding-right:20px!important}[p-v-0],.p-v-0{padding-top:0!important;padding-bottom:0!important}[p-v-5],.p-v-5{padding-top:5px!important;padding-bottom:5px!important}[p-v-6],.p-v-6{padding-top:6px!important;padding-bottom:6px!important}[p-v-10],.p-v-10{padding-top:10px!important;padding-bottom:10px!important}[p-v-15],.p-v-15{padding-top:15px!important;padding-bottom:15px!important}[p-v-16],.p-v-16{padding-top:16px!important;padding-bottom:16px!important}[p-v-20],.p-v-20{padding-top:20px!important;padding-bottom:20px!important}[p-v-25],.p-v-25{padding-top:25px!important;padding-bottom:25px!important}[p-v-30],.p-v-30{padding-top:30px!important;padding-bottom:30px!important}[p-v-35],.p-v-35{padding-top:35px!important;padding-bottom:35px!important}[p-v-40],.p-v-40{padding-top:40px!important;padding-bottom:40px!important}[p-v-45],.p-v-45{padding-top:45px!important;padding-bottom:45px!important}[p-v-50],.p-v-50{padding-top:50px!important;padding-bottom:50px!important}[p-v-55],.p-v-55{padding-top:55px!important;padding-bottom:55px!important}[p-v-100],.p-v-100{padding-top:100px!important;padding-bottom:100px!important}[p-a-0],.p-a-0{padding:0!important}[p-a-5],.p-a-5{padding:5px!important}[p-a-10],.p-a-10{padding:10px!important}[p-a-15],.p-a-15{padding:15px!important}[p-a-20],.p-a-20{padding:20px!important}[p-a-25],.p-a-25{padding:25px!important}.input-w-300,[input-w-300]{width:300px!important}.input-w-200,[input-w-200]{width:200px!important}.input-w-150,[input-w-150]{width:150px!important}.input-w-120,[input-w-120]{width:120px!important}.text-left,[text-left]{text-align:left}.text-center,[text-center]{text-align:center!important}[p-x-16],.p-x-16{padding-left:16px!important;padding-right:16px!important}body{letter-spacing:0px;font-family:Poppins,sans-serif!important;font-size:14px;margin:0!important}body .mat-ripple-element{background-color:#0000001a}body .mat-mdc-option{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}body .mat-mdc-option:hover:not(.mdc-list-item--disabled),body .mat-mdc-option:focus:not(.mdc-list-item--disabled),body .mat-mdc-option.mat-mdc-option-active,body .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled){background:rgba(0,0,0,.04)}body .mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-primary)}body .mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-secondary)}body .mat-warn .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-error, #f44336)}body .mat-mdc-optgroup-label{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}body .mat-pseudo-checkbox{color:#0000008a}body .mat-pseudo-checkbox:after{color:#fafafa}body .mat-pseudo-checkbox-disabled{color:#b0b0b0}body .mat-warn .mat-pseudo-checkbox-checked,body .mat-warn .mat-pseudo-checkbox-indeterminate{background:#f44336}body .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,body .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background:#b0b0b0}body .mat-app-background,body.mat-app-background{background-color:#fafafa;color:#000000de}body .mat-elevation-z0,body .mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}body .mat-elevation-z1,body .mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}body .mat-elevation-z2,body .mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}body .mat-elevation-z3,body .mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}body .mat-elevation-z4,body .mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}body .mat-elevation-z5,body .mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f}body .mat-elevation-z6,body .mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}body .mat-elevation-z7,body .mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f}body .mat-elevation-z8,body .mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}body .mat-elevation-z9,body .mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f}body .mat-elevation-z10,body .mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f}body .mat-elevation-z11,body .mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f}body .mat-elevation-z12,body .mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}body .mat-elevation-z13,body .mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f}body .mat-elevation-z14,body .mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f}body .mat-elevation-z15,body .mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f}body .mat-elevation-z16,body .mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}body .mat-elevation-z17,body .mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f}body .mat-elevation-z18,body .mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f}body .mat-elevation-z19,body .mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f}body .mat-elevation-z20,body .mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f}body .mat-elevation-z21,body .mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f}body .mat-elevation-z22,body .mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f}body .mat-elevation-z23,body .mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f}body .mat-elevation-z24,body .mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.mat-theme-loaded-marker{display:none}body .mat-mdc-option{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body1-font-size, 16px);line-height:var(--mdc-typography-body1-line-height, 24px);font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em)}.merriweather{font-family:Merriweather,serif!important}.poppins{font-family:Poppins,sans-serif!important}.h1,[h1],h1{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:34px;line-height:48px;letter-spacing:normal;margin:0;padding:0}@media only screen and (max-width: 959px){.h1,[h1],h1{font-size:28px}}.h2,[h2],h2{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:24px;line-height:33px;letter-spacing:normal;margin:0;padding:0}@media only screen and (max-width: 959px){.h2,[h2],h2{font-size:24px}}.h3,[h3],h3{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:20px;line-height:28px;letter-spacing:normal;margin:0;padding:0}@media only screen and (max-width: 959px){.h3,[h3],h3{font-size:20px}}.h4,[h4],h4{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:27px;letter-spacing:normal;margin:0;padding:0}@media only screen and (max-width: 959px){.h4,[h4],h4{font-size:18px}}.body1{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:24px;letter-spacing:normal}@media only screen and (max-width: 959px){.body1{font-size:16px}}.body2{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:21px;letter-spacing:normal}@media only screen and (max-width: 959px){.body2{font-size:16px}}mat-form-field.body1{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:400!important;font-size:16px!important;line-height:24px!important;letter-spacing:normal!important}@media only screen and (max-width: 959px){mat-form-field.body1{font-size:16px!important}}mat-form-field.body2{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:21px;letter-spacing:normal}@media only screen and (max-width: 959px){mat-form-field.body2{font-size:16px}}.ls-half{letter-spacing:.5px!important}.ls-quarter{letter-spacing:.25px!important}.fw-500{font-weight:500!important}.fw-600{font-weight:600!important}.color-primary{color:var(--primary-color-500-parts)}.color-accent{color:var(--accent-color-500-parts)}.color-warn{color:var(--warn-color-500-parts)}.color-info{color:var(--info-color-500-parts)}.color-success{color:var(--success-color-500-parts)}.color-error{color:var(--error-color-500-parts)}.color-neutral{color:var(--neutral-color-500-parts)}.full-width{width:100%!important}.delete-icon{cursor:pointer;font-size:1.5em;color:var(--warn-color-500-parts)}.tooltip{cursor:pointer}.relative{position:relative}.left-align{text-align:left}.center-align{text-align:center}::ng-deep mat-button-toggle-group.sof-toggle-group{height:48px!important}::ng-deep mat-button-toggle-group.sof-toggle-group.mat-button-toggle-group.mat-button-toggle-group-appearance-standard{border:none!important;border-radius:0!important}::ng-deep mat-button-toggle-group.sof-toggle-group.full-width .toggle-left{width:100%!important}::ng-deep mat-button-toggle-group.sof-toggle-group.full-width .toggle-middle{width:100%!important}::ng-deep mat-button-toggle-group.sof-toggle-group.full-width .toggle-right{width:100%!important}::ng-deep mat-button-toggle-group.sof-toggle-group .mat-button-toggle-label-content{text-transform:uppercase!important;font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:16px!important;line-height:24px!important;letter-spacing:.05em!important;text-align:center!important;color:#000!important}::ng-deep mat-button-toggle-group.sof-toggle-group .mat-button-toggle-button{height:100%!important}::ng-deep mat-button-toggle-group.sof-toggle-group .mat-button-toggle-checked{background-color:var(--primary-color-100-parts)!important}::ng-deep mat-button-toggle-group.sof-toggle-group .toggle-left{border-top:2px solid var(--primary-color-500-parts)!important;border-bottom:2px solid var(--primary-color-500-parts)!important;border-left:2px solid var(--primary-color-500-parts)!important;border-right:1px solid var(--primary-color-500-parts)!important;border-radius:6px 0 0 6px!important;width:120px!important}::ng-deep mat-button-toggle-group.sof-toggle-group .toggle-middle{border-top:2px solid var(--primary-color-500-parts)!important;border-bottom:2px solid var(--primary-color-500-parts)!important;border-left:1px solid var(--primary-color-500-parts)!important;border-right:1px solid var(--primary-color-500-parts)!important;border-radius:0!important;width:120px!important}::ng-deep mat-button-toggle-group.sof-toggle-group .toggle-right{border-top:2px solid var(--primary-color-500-parts)!important;border-bottom:2px solid var(--primary-color-500-parts)!important;border-left:1px solid var(--primary-color-500-parts)!important;border-right:2px solid var(--primary-color-500-parts)!important;border-radius:0 6px 6px 0!important;width:120px!important}::ng-deep mat-button-toggle-group.sof-toggle-group .mat-button-toggle-disabled.mat-button-toggle-checked{background-color:var(--neutral-color-200-parts)!important}::ng-deep mat-button-toggle-group.sof-toggle-group .mat-button-toggle-disabled.toggle-left{border-top:2px solid var(--neutral-color-400-parts)!important;border-bottom:2px solid var(--neutral-color-400-parts)!important;border-left:2px solid var(--neutral-color-400-parts)!important;border-right:1px solid var(--neutral-color-400-parts)!important;border-radius:6px 0 0 6px!important;width:120px!important}::ng-deep mat-button-toggle-group.sof-toggle-group .mat-button-toggle-disabled.toggle-middle{border-top:2px solid var(--neutral-color-400-parts)!important;border-bottom:2px solid var(--neutral-color-400-parts)!important;border-left:1px solid var(--neutral-color-400-parts)!important;border-right:1px solid var(--neutral-color-400-parts)!important;border-radius:0!important;width:120px!important}::ng-deep mat-button-toggle-group.sof-toggle-group .mat-button-toggle-disabled.toggle-right{border-top:2px solid var(--neutral-color-400-parts)!important;border-bottom:2px solid var(--neutral-color-400-parts)!important;border-left:1px solid var(--neutral-color-400-parts)!important;border-right:2px solid var(--neutral-color-400-parts)!important;border-radius:0 6px 6px 0!important;width:120px!important}::ng-deep mat-button-toggle-group.sof-toggle-group[size=small]{height:36px!important}::ng-deep mat-button-toggle-group.sof-toggle-group[size=medium]{height:48px!important}::ng-deep mat-button-toggle-group.sof-toggle-group[size=large]{height:56px!important}button.mat-mdc-button.sof-button{padding:0 24px!important;height:48px!important;border-radius:6px!important;font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:16px!important;line-height:24px!important;letter-spacing:.05em!important;text-transform:uppercase!important}button.mat-mdc-button.sof-button.fixed-width{width:200px!important}button.mat-mdc-button.sof-button.full-width{width:100%!important}button.mat-mdc-button.sof-button:enabled.mat-primary{color:var(--primary-color-500-parts)!important}button.mat-mdc-button.sof-button:enabled.mat-primary:hover{background-color:var(--primary-color-50-parts)}button.mat-mdc-button.sof-button:enabled.mat-primary:focus{background-color:var(--primary-color-100-parts)}button.mat-mdc-button.sof-button:enabled.mat-accent{color:var(--accent-color-500-parts)!important}button.mat-mdc-button.sof-button:enabled.mat-accent:hover{background-color:var(--accent-color-50-parts)}button.mat-mdc-button.sof-button:enabled.mat-accent:focus{background-color:var(--accent-color-100-parts)}button.mat-mdc-button.sof-button:enabled.mat-warn{color:var(--warn-color-500-parts)!important}button.mat-mdc-button.sof-button:enabled.mat-warn:hover{background-color:var(--warn-color-50-parts)}button.mat-mdc-button.sof-button:enabled.mat-warn:focus{background-color:var(--warn-color-100-parts)}button.mat-mdc-button.sof-button:enabled.mat-success{color:var(--success-color-500-parts)!important}button.mat-mdc-button.sof-button:enabled.mat-success:hover{background-color:var(--success-color-50-parts)}button.mat-mdc-button.sof-button:enabled.mat-success:focus{background-color:var(--success-color-100-parts)}button.mat-mdc-button.sof-button:enabled.mat-error{color:var(--error-color-500-parts)!important}button.mat-mdc-button.sof-button:enabled.mat-error:hover{background-color:var(--error-color-50-parts)}button.mat-mdc-button.sof-button:enabled.mat-error:focus{background-color:var(--error-color-100-parts)}button.mat-mdc-button.sof-button:enabled.mat-info{color:var(--info-color-500-parts)!important}button.mat-mdc-button.sof-button:enabled.mat-info:hover{background-color:var(--info-color-50-parts)}button.mat-mdc-button.sof-button:enabled.mat-info:focus{background-color:var(--info-color-100-parts)}button.mat-mdc-button.sof-button:enabled.mat-neutral{color:#000000de!important}button.mat-mdc-button.sof-button:enabled.mat-neutral:hover{background-color:var(--neutral-color-50-parts)}button.mat-mdc-button.sof-button:enabled.mat-neutral:focus{background-color:var(--neutral-color-100-parts)}button.mat-mdc-button.sof-button:disabled{color:#0009!important;opacity:1!important}button.mat-mdc-button.sof-button i{margin-left:-8px!important;margin-right:4px!important}button.mat-mdc-button.sof-button[size=small]{height:36px!important}button.mat-mdc-button.sof-button[size=small] i{font-size:1em!important}button.mat-mdc-button.sof-button[size=medium]{height:48px!important}button.mat-mdc-button.sof-button[size=medium] i{font-size:1em!important}button.mat-mdc-button.sof-button[size=large]{height:56px!important}button.mat-mdc-button.sof-button[size=large] i{font-size:1.15em!important}button.mat-mdc-button.sof-icon-button{border-radius:6px!important;padding:0!important}button.mat-mdc-button.sof-icon-button:enabled.mat-primary{color:var(--primary-color-500-parts)!important}button.mat-mdc-button.sof-icon-button:enabled.mat-primary:hover{background-color:var(--primary-color-50-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-primary:focus{background-color:var(--primary-color-100-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-accent{color:var(--accent-color-500-parts)!important}button.mat-mdc-button.sof-icon-button:enabled.mat-accent:hover{background-color:var(--accent-color-50-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-accent:focus{background-color:var(--accent-color-100-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-warn{color:var(--warn-color-500-parts)!important}button.mat-mdc-button.sof-icon-button:enabled.mat-warn:hover{background-color:var(--warn-color-50-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-warn:focus{background-color:var(--warn-color-100-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-success{color:var(--success-color-500-parts)!important}button.mat-mdc-button.sof-icon-button:enabled.mat-success:hover{background-color:var(--success-color-50-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-success:focus{background-color:var(--success-color-100-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-error{color:var(--error-color-500-parts)!important}button.mat-mdc-button.sof-icon-button:enabled.mat-error:hover{background-color:var(--error-color-50-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-error:focus{background-color:var(--error-color-100-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-info{color:var(--info-color-500-parts)!important}button.mat-mdc-button.sof-icon-button:enabled.mat-info:hover{background-color:var(--info-color-50-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-info:focus{background-color:var(--info-color-100-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-neutral{color:#000000de!important}button.mat-mdc-button.sof-icon-button:enabled.mat-neutral:hover{background-color:var(--neutral-color-50-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-neutral:focus{background-color:var(--neutral-color-100-parts)}button.mat-mdc-button.sof-icon-button:disabled{color:#0009!important;opacity:1!important}button.mat-mdc-button.sof-icon-button[size=small]{height:36px!important;width:36px!important;min-width:36px!important;font-size:19px!important}button.mat-mdc-button.sof-icon-button[size=medium]{height:48px!important;width:48px!important;min-width:48px!important;font-size:26px!important}button.mat-mdc-button.sof-icon-button[size=large]{height:56px!important;width:56px!important;min-width:56px!important;font-size:26px!important}button.mat-mdc-unelevated-button.sof-flat-button{padding:0 24px!important;height:48px!important;border-radius:6px!important;font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:16px!important;line-height:24px!important;letter-spacing:.05em!important;text-transform:uppercase!important}button.mat-mdc-unelevated-button.sof-flat-button.fixed-width{width:200px!important}button.mat-mdc-unelevated-button.sof-flat-button.full-width{width:100%!important}button.mat-mdc-unelevated-button.sof-flat-button:enabled{color:#fff!important}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-primary{background:var(--primary-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-primary:hover{background-color:var(--primary-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-primary:focus{background-color:var(--primary-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-accent{background:var(--accent-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-accent:hover{background-color:var(--accent-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-accent:focus{background-color:var(--accent-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-warn{background:var(--warn-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-warn:hover{background-color:var(--warn-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-warn:focus{background-color:var(--warn-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-success{background:var(--success-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-success:hover{background-color:var(--success-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-success:focus{background-color:var(--success-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-error{background:var(--error-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-error:hover{background-color:var(--error-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-error:focus{background-color:var(--error-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-info{background:var(--info-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-info:hover{background-color:var(--info-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-info:focus{background-color:var(--info-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-neutral{background:rgba(0,0,0,.8705882353)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-neutral:hover{background-color:var(--neutral-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-neutral:focus{background-color:var(--neutral-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled i{color:#fff!important}button.mat-mdc-unelevated-button.sof-flat-button:disabled{background:#f7f7f7!important;color:#0009!important;opacity:1!important}button.mat-mdc-unelevated-button.sof-flat-button i{margin-left:-8px!important;margin-right:4px!important}button.mat-mdc-unelevated-button.sof-flat-button[size=small]{height:36px!important}button.mat-mdc-unelevated-button.sof-flat-button[size=small] i{font-size:1em!important}button.mat-mdc-unelevated-button.sof-flat-button[size=medium]{height:48px!important}button.mat-mdc-unelevated-button.sof-flat-button[size=medium] i{font-size:1em!important}button.mat-mdc-unelevated-button.sof-flat-button[size=large]{height:56px!important}button.mat-mdc-unelevated-button.sof-flat-button[size=large] i{font-size:1.15em!important}button.mat-mdc-unelevated-button.sof-flat-icon-button{border-radius:6px!important;padding:0!important}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled{color:#fff!important}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-primary{background:var(--primary-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-primary:hover{background-color:var(--primary-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-primary:focus{background-color:var(--primary-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-accent{background:var(--accent-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-accent:hover{background-color:var(--accent-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-accent:focus{background-color:var(--accent-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-warn{background:var(--warn-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-warn:hover{background-color:var(--warn-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-warn:focus{background-color:var(--warn-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-success{background:var(--success-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-success:hover{background-color:var(--success-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-success:focus{background-color:var(--success-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-error{background:var(--error-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-error:hover{background-color:var(--error-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-error:focus{background-color:var(--error-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-info{background:var(--info-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-info:hover{background-color:var(--info-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-info:focus{background-color:var(--info-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-neutral{background:rgba(0,0,0,.8705882353)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-neutral:hover{background-color:var(--neutral-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-neutral:focus{background-color:var(--neutral-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled i{color:#fff!important}button.mat-mdc-unelevated-button.sof-flat-icon-button:disabled{background:#f7f7f7!important;color:#0009!important;opacity:1!important}button.mat-mdc-unelevated-button.sof-flat-icon-button[size=small]{height:36px!important;width:36px!important;min-width:36px!important;font-size:19px!important}button.mat-mdc-unelevated-button.sof-flat-icon-button[size=medium]{height:48px!important;width:48px!important;min-width:48px!important;font-size:26px!important}button.mat-mdc-unelevated-button.sof-flat-icon-button[size=large]{height:56px!important;width:56px!important;min-width:56px!important;font-size:26px!important}button.mat-mdc-outlined-button.sof-stroked-button{padding:0 24px!important;height:48px!important;border:none!important;border-radius:6px!important;font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:16px!important;line-height:24px!important;letter-spacing:.05em!important;text-transform:uppercase!important}button.mat-mdc-outlined-button.sof-stroked-button.fixed-width{width:200px!important}button.mat-mdc-outlined-button.sof-stroked-button.full-width{width:100%!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-primary{background-color:var(--primary-color-50-parts)!important;color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-primary i{color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-primary:hover{background-color:var(--primary-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-primary:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-primary:focus{background-color:var(--primary-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-primary:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-accent{background-color:var(--accent-color-50-parts)!important;color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-accent i{color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-accent:hover{background-color:var(--accent-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-accent:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-accent:focus{background-color:var(--accent-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-accent:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-warn{background-color:var(--warn-color-50-parts)!important;color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-warn i{color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-warn:hover{background-color:var(--warn-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-warn:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-warn:focus{background-color:var(--warn-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-warn:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-success{background-color:var(--success-color-50-parts)!important;color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-success i{color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-success:hover{background-color:var(--success-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-success:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-success:focus{background-color:var(--success-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-success:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-info{background-color:var(--info-color-50-parts)!important;color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-info i{color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-info:hover{background-color:var(--info-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-info:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-info:focus{background-color:var(--info-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-info:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-error{background-color:var(--error-color-50-parts)!important;color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-error i{color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-error:hover{background-color:var(--error-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-error:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-error:focus{background-color:var(--error-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-error:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-neutral{background-color:var(--neutral-color-50-parts)!important;color:#000000de!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-neutral i{color:#000000de!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-neutral:hover{background-color:var(--neutral-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-neutral:focus{background-color:var(--neutral-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:disabled{background:#f7f7f7!important;color:#0009!important;opacity:1!important}button.mat-mdc-outlined-button.sof-stroked-button i{margin-left:-8px!important;margin-right:4px!important}button.mat-mdc-outlined-button.sof-stroked-button-outline{padding:0 24px!important;height:48px!important;background:#ffffff!important;border-radius:6px!important;font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:16px!important;line-height:24px!important;letter-spacing:.05em!important;text-transform:uppercase!important}button.mat-mdc-outlined-button.sof-stroked-button-outline.fixed-width{width:200px!important}button.mat-mdc-outlined-button.sof-stroked-button-outline.full-width{width:100%!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-primary{border:2px solid var(--primary-color-500-parts)!important;color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-primary i{color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-primary:hover{background-color:var(--primary-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-primary:focus{background-color:var(--primary-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-accent{border:2px solid var(--accent-color-500-parts)!important;color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-accent i{color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-accent:hover{background-color:var(--accent-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-accent:focus{background-color:var(--accent-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-warn{border:2px solid var(--warn-color-500-parts)!important;color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-warn i{color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-warn:hover{background-color:var(--warn-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-warn:focus{background-color:var(--warn-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-success{border:2px solid var(--success-color-500-parts)!important;color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-success i{color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-success:hover{background-color:var(--success-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-success:focus{background-color:var(--success-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-error{border:2px solid var(--error-color-500-parts)!important;color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-error i{color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-error:hover{background-color:var(--error-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-error:focus{background-color:var(--error-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-info{border:2px solid var(--info-color-500-parts)!important;color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-info i{color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-info:hover{background-color:var(--info-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-info:focus{background-color:var(--info-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-neutral{border:2px solid rgba(0,0,0,.8705882353)!important;color:#000000de!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-neutral i{color:0de!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-neutral:hover{background-color:var(--neutral-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-neutral:focus{background-color:var(--neutral-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:disabled{background:#f7f7f7!important;color:#0009!important;border:2px solid rgba(0,0,0,.38)!important;opacity:1!important}button.mat-mdc-outlined-button.sof-stroked-button-outline i{margin-left:-8px!important;margin-right:4px!important}button.mat-mdc-outlined-button.sof-stroked-button[size=small],button.mat-mdc-outlined-button.sof-stroked-button-outline[size=small]{height:36px!important}button.mat-mdc-outlined-button.sof-stroked-button[size=small] i,button.mat-mdc-outlined-button.sof-stroked-button-outline[size=small] i{font-size:1em!important}button.mat-mdc-outlined-button.sof-stroked-button[size=medium],button.mat-mdc-outlined-button.sof-stroked-button-outline[size=medium]{height:48px!important}button.mat-mdc-outlined-button.sof-stroked-button[size=medium] i,button.mat-mdc-outlined-button.sof-stroked-button-outline[size=medium] i{font-size:1em!important}button.mat-mdc-outlined-button.sof-stroked-button[size=large],button.mat-mdc-outlined-button.sof-stroked-button-outline[size=large]{height:56px!important}button.mat-mdc-outlined-button.sof-stroked-button[size=large] i,button.mat-mdc-outlined-button.sof-stroked-button-outline[size=large] i{font-size:1.15em!important}button.mat-mdc-outlined-button.sof-stroked-icon-button{border:none!important;border-radius:6px!important;padding:0!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-primary{background-color:var(--primary-color-50-parts)!important;color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-primary i{color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-primary:hover{background-color:var(--primary-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-primary:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-primary:focus{background-color:var(--primary-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-primary:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-accent{background-color:var(--accent-color-50-parts)!important;color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-accent i{color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-accent:hover{background-color:var(--accent-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-accent:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-accent:focus{background-color:var(--accent-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-accent:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-warn{background-color:var(--warn-color-50-parts)!important;color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-warn i{color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-warn:hover{background-color:var(--warn-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-warn:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-warn:focus{background-color:var(--warn-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-warn:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-success{background-color:var(--success-color-50-parts)!important;color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-success i{color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-success:hover{background-color:var(--success-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-success:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-success:focus{background-color:var(--success-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-success:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-info{background-color:var(--info-color-50-parts)!important;color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-info i{color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-info:hover{background-color:var(--info-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-info:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-info:focus{background-color:var(--info-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-info:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-error{background-color:var(--error-color-50-parts)!important;color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-error i{color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-error:hover{background-color:var(--error-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-error:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-error:focus{background-color:var(--error-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-error:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-neutral{background-color:var(--neutral-color-50-parts)!important;color:#000000de!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-neutral i{color:#000000de!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-neutral:hover{background-color:var(--neutral-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-neutral:focus{background-color:var(--neutral-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:disabled{background:#f7f7f7!important;color:#0009!important;opacity:1!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline{background:#ffffff!important;border-radius:6px!important;padding:0!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-primary{border:2px solid var(--primary-color-500-parts)!important;color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-primary i{color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-primary:hover{background-color:var(--primary-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-primary:focus{background-color:var(--primary-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-accent{border:2px solid var(--accent-color-500-parts)!important;color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-accent i{color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-accent:hover{background-color:var(--accent-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-accent:focus{background-color:var(--accent-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-warn{border:2px solid var(--warn-color-500-parts)!important;color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-warn i{color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-warn:hover{background-color:var(--warn-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-warn:focus{background-color:var(--warn-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-success{border:2px solid var(--success-color-500-parts)!important;color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-success i{color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-success:hover{background-color:var(--success-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-success:focus{background-color:var(--success-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-error{border:2px solid var(--error-color-500-parts)!important;color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-error i{color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-error:hover{background-color:var(--error-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-error:focus{background-color:var(--error-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-info{border:2px solid var(--info-color-500-parts)!important;color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-info i{color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-info:hover{background-color:var(--info-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-info:focus{background-color:var(--info-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-neutral{border:2px solid rgba(0,0,0,.8705882353)!important;color:#000000de!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-neutral i{color:0de!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-neutral:hover{background-color:var(--neutral-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-neutral:focus{background-color:var(--neutral-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:disabled{background:#f7f7f7!important;color:#0009!important;border:2px solid rgba(0,0,0,.38)!important;opacity:1!important}button.mat-mdc-outlined-button.sof-stroked-icon-button[size=small],button.mat-mdc-outlined-button.sof-stroked-icon-button-outline[size=small]{height:36px!important;width:36px!important;min-width:36px!important;font-size:19px!important}button.mat-mdc-outlined-button.sof-stroked-icon-button[size=medium],button.mat-mdc-outlined-button.sof-stroked-icon-button-outline[size=medium]{height:48px!important;width:48px!important;min-width:48px!important;font-size:26px!important}button.mat-mdc-outlined-button.sof-stroked-icon-button[size=large],button.mat-mdc-outlined-button.sof-stroked-icon-button-outline[size=large]{height:56px!important;width:56px!important;min-width:56px!important;font-size:26px!important}mat-card.mat-mdc-card.item-list{box-shadow:0 1px 7px #a69f9f40!important;border-radius:10px!important;overflow:overlay!important;max-height:322px!important;padding:0!important}.mat-mdc-dialog-title{font-family:Poppins!important;font-style:normal!important;font-weight:500!important;font-size:24px!important;line-height:36px!important;letter-spacing:normal!important}.mat-mdc-dialog-content{display:block!important;margin:0 -24px!important;padding:0!important;max-height:65vh!important;overflow:auto!important}.mat-mdc-dialog-container{display:block!important;background:#ffffff!important;border:1px solid #dfdfdf!important;box-sizing:border-box!important;border-radius:10px!important;overflow:auto!important;outline:0!important;width:100%!important;height:100%!important;min-height:inherit!important;max-height:inherit!important}.mat-mdc-list-base{padding-top:0!important}::ng-deep .mat-mdc-tooltip{cursor:pointer!important;width:234px!important;height:auto!important;font-family:Poppins,sans-serif!important;font-size:12px!important;font-style:normal!important;font-weight:400!important;line-height:18px!important;letter-spacing:.4px!important;text-align:left!important;display:flex!important;align-items:center!important;color:#fff!important;background-color:#333!important}.mat-mdc-chip{font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important;height:-moz-max-content!important;height:max-content!important;word-break:break-all!important}::ng-deep mat-form-field.sof-form-field{font-family:Poppins!important}::ng-deep mat-form-field.sof-form-field.mat-form-field-invalid .mat-mdc-form-field-flex>div.mdc-notched-outline>*{border-color:var(--error-color-900-parts)!important}::ng-deep mat-form-field.sof-form-field.mat-form-field-invalid .mdc-notched-outline__notch{border-left:none!important}::ng-deep mat-form-field.sof-form-field.mat-form-field-invalid .mat-mdc-floating-label{color:var(--error-color-900-parts)!important}::ng-deep mat-form-field.sof-form-field.mat-focused{font-weight:600!important}::ng-deep mat-form-field.sof-form-field.mat-focused input,::ng-deep mat-form-field.sof-form-field.mat-focused span.mat-mdc-select-value-text{font-weight:400!important}::ng-deep mat-form-field.sof-form-field.mat-form-field-disabled .mdc-notched-outline{background-color:#f7f7f7!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-form-field-flex>div.mdc-notched-outline{color:var(--primary-color-500-parts)!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-text-field-wrapper{padding:0!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-form-field-flex{padding:0 16px!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix{top:0!important;color:var(--neutral-color-300-parts)!important;padding-right:.5em!important;font-size:1.5em!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix{top:0!important;font-size:1.5em!important;color:var(--neutral-color-300-parts)!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .error{color:var(--error-color-500-parts)!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-form-field-flex div.mdc-notched-outline__leading{border-radius:6px 0 0 6px!important;min-width:6px!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-form-field-flex div.mdc-notched-outline__trailing{border-radius:0 6px 6px 0!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-form-field-subscript-wrapper{padding:14px 16px 0!important}::ng-deep mat-form-field.sof-form-field mat-error{font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:12px!important;line-height:18px!important;color:var(--error-color-900-parts)!important}::ng-deep mat-form-field.sof-form-field mat-hint{font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:12px!important;line-height:18px!important}::ng-deep mat-form-field.sof-form-field.mat-focused .mdc-floating-label{color:var(--primary-color-500-parts)!important}::ng-deep mat-form-field.sof-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,::ng-deep mat-form-field.sof-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,::ng-deep mat-form-field.sof-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--primary-color-500-parts)}::ng-deep mat-form-field.sof-form-field .mat-mdc-text-field-wrapper{--mat-mdc-form-field-label-offset-x: 0px}::ng-deep .mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option.mdc-list-item--disabled){color:var(--primary-color-500-parts)!important}mat-optgroup label,mat-optgroup mat-option{font-family:Poppins!important}@media only screen and (max-width: 959px){.mat-drawer-container.sof-ar-nav-sidenav-container{background:rgba(245,245,245,.5)!important}}::ng-deep mat-slide-toggle.sof-slide-toggle{height:auto}::ng-deep mat-slide-toggle.sof-slide-toggle .mdc-switch__track{height:22px!important;width:32px!important;border-radius:24px!important}::ng-deep mat-slide-toggle.sof-slide-toggle .mdc-switch__handle{height:20px!important;width:20px!important;border-radius:24px!important;left:-3px!important}::ng-deep mat-slide-toggle.sof-slide-toggle .mdc-switch__handle .mdc-switch__shadow{background:#fff!important}::ng-deep mat-slide-toggle.sof-slide-toggle label{font-family:Poppins!important;font-style:normal!important;font-weight:400!important;font-size:14px!important;line-height:150%!important;white-space:normal!important;flex-direction:row;align-items:start!important}::ng-deep mat-slide-toggle.sof-slide-toggle[size=large] label{font-family:Poppins!important;font-style:normal!important;font-weight:400!important;font-size:16px!important;line-height:150%!important;white-space:normal!important}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-primary{--mdc-switch-selected-focus-state-layer-color: var(--primary-color-300-parts);--mdc-switch-selected-handle-color: var(--primary-color-300-parts);--mdc-switch-selected-hover-state-layer-color: var(--primary-color-300-parts);--mdc-switch-selected-pressed-state-layer-color: var(--primary-color-300-parts);--mdc-switch-selected-focus-handle-color: var(--primary-color-600-parts);--mdc-switch-selected-hover-handle-color: var(--primary-color-600-parts);--mdc-switch-selected-pressed-handle-color: var(--primary-color-600-parts);--mdc-switch-selected-focus-track-color: var(--primary-color-500-parts);--mdc-switch-selected-hover-track-color: var(--primary-color-500-parts);--mdc-switch-selected-pressed-track-color: var(--primary-color-500-parts);--mdc-switch-selected-track-color: var(--primary-color-500-parts)}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-primary .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) .mdc-switch__handle{border:1px solid var(--primary-color-500-parts)!important}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-accent{--mdc-switch-selected-focus-state-layer-color: var(--accent-color-300-parts);--mdc-switch-selected-handle-color: var(--accent-color-300-parts);--mdc-switch-selected-hover-state-layer-color: var(--accent-color-300-parts);--mdc-switch-selected-pressed-state-layer-color: var(--accent-color-300-parts);--mdc-switch-selected-focus-handle-color: var(--accent-color-600-parts);--mdc-switch-selected-hover-handle-color: var(--accent-color-600-parts);--mdc-switch-selected-pressed-handle-color: var(--accent-color-600-parts);--mdc-switch-selected-focus-track-color: var(--accent-color-500-parts);--mdc-switch-selected-hover-track-color: var(--accent-color-500-parts);--mdc-switch-selected-pressed-track-color: var(--accent-color-500-parts);--mdc-switch-selected-track-color: var(--accent-color-500-parts)}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-accent .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) .mdc-switch__handle{border:1px solid var(--accent-color-500-parts)!important}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-warn{--mdc-switch-selected-focus-state-layer-color: var(--warn-color-300-parts);--mdc-switch-selected-handle-color: var(--warn-color-300-parts);--mdc-switch-selected-hover-state-layer-color: var(--warn-color-300-parts);--mdc-switch-selected-pressed-state-layer-color: var(--warn-color-300-parts);--mdc-switch-selected-focus-handle-color: var(--warn-color-600-parts);--mdc-switch-selected-hover-handle-color: var(--warn-color-600-parts);--mdc-switch-selected-pressed-handle-color: var(--warn-color-600-parts);--mdc-switch-selected-focus-track-color: var(--warn-color-500-parts);--mdc-switch-selected-hover-track-color: var(--warn-color-500-parts);--mdc-switch-selected-pressed-track-color: var(--warn-color-500-parts);--mdc-switch-selected-track-color: var(--warn-color-500-parts)}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-warn .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) .mdc-switch__handle{border:1px solid var(--warn-color-500-parts)!important}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-success{--mdc-switch-selected-focus-state-layer-color: var(--success-color-300-parts);--mdc-switch-selected-handle-color: var(--success-color-300-parts);--mdc-switch-selected-hover-state-layer-color: var(--success-color-300-parts);--mdc-switch-selected-pressed-state-layer-color: var(--success-color-300-parts);--mdc-switch-selected-focus-handle-color: var(--success-color-600-parts);--mdc-switch-selected-hover-handle-color: var(--success-color-600-parts);--mdc-switch-selected-pressed-handle-color: var(--success-color-600-parts);--mdc-switch-selected-focus-track-color: var(--success-color-500-parts);--mdc-switch-selected-hover-track-color: var(--success-color-500-parts);--mdc-switch-selected-pressed-track-color: var(--success-color-500-parts);--mdc-switch-selected-track-color: var(--success-color-500-parts)}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-success .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) .mdc-switch__handle{border:1px solid var(--success-color-500-parts)!important}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-error{--mdc-switch-selected-focus-state-layer-color: var(--error-color-300-parts);--mdc-switch-selected-handle-color: var(--error-color-300-parts);--mdc-switch-selected-hover-state-layer-color: var(--error-color-300-parts);--mdc-switch-selected-pressed-state-layer-color: var(--error-color-300-parts);--mdc-switch-selected-focus-handle-color: var(--error-color-600-parts);--mdc-switch-selected-hover-handle-color: var(--error-color-600-parts);--mdc-switch-selected-pressed-handle-color: var(--error-color-600-parts);--mdc-switch-selected-focus-track-color: var(--error-color-500-parts);--mdc-switch-selected-hover-track-color: var(--error-color-500-parts);--mdc-switch-selected-pressed-track-color: var(--error-color-500-parts);--mdc-switch-selected-track-color: var(--error-color-500-parts)}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-error .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) .mdc-switch__handle{border:1px solid var(--error-color-500-parts)!important}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-info{--mdc-switch-selected-focus-state-layer-color: var(--info-color-300-parts);--mdc-switch-selected-handle-color: var(--info-color-300-parts);--mdc-switch-selected-hover-state-layer-color: var(--info-color-300-parts);--mdc-switch-selected-pressed-state-layer-color: var(--info-color-300-parts);--mdc-switch-selected-focus-handle-color: var(--info-color-600-parts);--mdc-switch-selected-hover-handle-color: var(--info-color-600-parts);--mdc-switch-selected-pressed-handle-color: var(--info-color-600-parts);--mdc-switch-selected-focus-track-color: var(--info-color-500-parts);--mdc-switch-selected-hover-track-color: var(--info-color-500-parts);--mdc-switch-selected-pressed-track-color: var(--info-color-500-parts);--mdc-switch-selected-track-color: var(--info-color-500-parts)}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-info .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) .mdc-switch__handle{border:1px solid var(--info-color-500-parts)!important}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-neutral{--mdc-switch-selected-focus-state-layer-color: var(--neutral-color-300-parts);--mdc-switch-selected-handle-color: var(--neutral-color-300-parts);--mdc-switch-selected-hover-state-layer-color: var(--neutral-color-300-parts);--mdc-switch-selected-pressed-state-layer-color: var(--neutral-color-300-parts);--mdc-switch-selected-focus-handle-color: var(--neutral-color-600-parts);--mdc-switch-selected-hover-handle-color: var(--neutral-color-600-parts);--mdc-switch-selected-pressed-handle-color: var(--neutral-color-600-parts);--mdc-switch-selected-focus-track-color: var(--neutral-color-500-parts);--mdc-switch-selected-hover-track-color: var(--neutral-color-500-parts);--mdc-switch-selected-pressed-track-color: var(--neutral-color-500-parts);--mdc-switch-selected-track-color: var(--neutral-color-500-parts)}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-neutral .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) .mdc-switch__handle{border:1px solid rgba(0,0,0,.8705882353)!important}::ng-deep mat-slide-toggle.sof-slide-toggle:has(.mdc-switch--disabled) label{color:#000000de!important}@media only screen and (max-width: 599px){.mobile-sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}}.mobile-no-card{padding:36px 30px!important}@media only screen and (max-width: 599px){.mobile-no-card{background:transparent!important;box-shadow:none!important;padding:0!important}}.sm-screen-no-card{padding:36px 30px!important}@media only screen and (max-width: 959px){.sm-screen-no-card{background:transparent!important;box-shadow:none!important;padding:0!important}}@media only screen and (max-width: 959px){.sm-screen-no-white-bg{background:transparent!important}}@media only screen and (max-width: 959px){.sm-screen-card-shadow-z1{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}}@media only screen and (max-width: 959px){.sm-screen-op-7{opacity:.7}}@media only screen and (max-width: 959px){.sm-d-inline-flex{display:inline-flex!important}}@media only screen and (max-width: 599px){.mobile-no-h-margin{margin-left:0!important;margin-right:0!important}}@media only screen and (max-width: 599px){.mobile-no-h-padding{padding-left:0!important;padding-right:0!important}}@media only screen and (max-width: 599px){.mobile-full-width{width:100%}}@media only screen and (max-width: 959px){.sm-screen-full-width{width:100%}}.word-wrap-checkboxes-override label{white-space:initial!important}@media only screen and (max-width: 959px){.word-wrap-checkboxes-override label{white-space:initial}}@media only screen and (max-width: 959px){.sm-full-width-datepicker{width:100%}.sm-full-width-datepicker .mat-mdc-form-field-infix,.sm-full-width-datepicker .mat-mdc-form-field-infix>input{width:100%!important}}@media only screen and (max-width: 959px){.sof-tokenizer-button-btn-container{flex-direction:column-reverse!important;width:100%!important}.sof-tokenizer-button-btn-container button{margin:initial!important;margin-bottom:10px!important}}@media only screen and (max-width: 959px){.info-icon.mat-icon,.help-icon.mat-icon{padding-top:10px!important}}@media only screen and (max-width: 599px){.sof-ar-header--left.sof-ar-mobile-navigation{margin-left:35px!important}}@media screen and (max-width: 959px){.hidden-small-screen{display:none!important}}@media screen and (max-width: 1279px){.hidden-md-screen{display:none!important}}@media screen and (min-width: 960px){.visible-small-screen{display:none!important}}@media screen and (min-width: 1280px){.visible-md-screen{display:none!important}}.mat-card-mobile-header-override{background:var(--neutral-color-300-parts);padding:16px;margin:0 -16px}.mat-card-mobile-action-buttons-footer-override{border-top:1px solid rgba(0,0,0,.05);padding-top:16px;margin-top:36px}.mat-card-mobile-action-buttons-override button{transform:scale(.9)}@media only screen and (max-width: 959px){.sm-m-b-16{margin-bottom:16px!important}}@media only screen and (max-width: 959px){.sm-m-b-24{margin-bottom:24px!important}}@media only screen and (max-width: 959px){.sm-m-v-24{margin-top:24px!important;margin-bottom:24px!important}}@media only screen and (max-width: 959px){.sm-m-b-32{margin-bottom:32px!important}}@media only screen and (max-width: 959px){.sm-m-b-64{margin-bottom:64px!important}}@media screen and (max-width: 959px){.sm-screen-m-a-0{margin:0!important}}@media screen and (max-width: 959px){.sm-screen-m-l-0{margin-left:0!important}}@media screen and (max-width: 959px){.sm-screen-m-h-0{margin-left:0!important;margin-right:0!important}}@media screen and (max-width: 959px){.sm-screen-p-a-0{padding:0!important}}@media screen and (max-width: 959px){.sm-screen-p-h-0{padding-left:0!important;padding-right:0!important}}@media screen and (max-width: 1279px){.md-screen-p-a-0{padding:0!important}}@media only screen and (max-width: 1279px){.md-m-v-24{margin-top:24px!important;margin-bottom:24px!important}}@media screen and (max-width: 959px){.mat-responsive-table-override-sm{max-height:none!important;overflow-y:auto!important}.mat-responsive-table-override-sm .mat-mdc-table{border:0;vertical-align:middle}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-header-row{min-height:0;height:0}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-header-cell{border:10px solid;clip:rect(0 0 0 0);height:1px;min-height:1px;margin:-1px;padding:0;position:absolute;width:1px}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-row{padding:10px 20px 0;border-bottom:5px solid #ddd;display:block;min-height:1px;height:auto}.mat-responsive-table-override-sm .mat-mdc-table td.mat-mdc-cell:first-of-type{height:48px}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-cell{display:block;font-size:initial;height:auto;padding:8px 0;border-bottom-color:transparent;text-align:initial}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-cell.action-buttons{border-top:1px solid var(--neutral-color-300-parts);margin-top:24px;display:flex;flex-wrap:wrap;justify-content:flex-start;padding-bottom:0;margin-bottom:-8px}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-cell.action-buttons:before{content:none}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-cell:before{content:attr(data-label) \": \";float:left;font-weight:600;padding-right:5px}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-cell:last-child{border-bottom:0}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-cell:first-child{margin-top:4%}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-cell:first-of-type{margin:-10px -20px 8px;padding:16px 20px;background:var(--neutral-color-300-parts);box-sizing:border-box;height:auto}.mat-responsive-table-override-sm .mat-mdc-table td.mat-mdc-cell.action-buttons{margin-bottom:8px}}@media screen and (max-width: 1279px){.mat-responsive-table-override-md{max-height:none!important;overflow-y:auto!important}.mat-responsive-table-override-md .mat-mdc-table{border:0;vertical-align:middle}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-header-row{min-height:0;height:0}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-header-cell{border:10px solid;clip:rect(0 0 0 0);height:1px;min-height:1px;margin:-1px;padding:0;position:absolute;width:1px}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-row{padding:10px 20px 0;border-bottom:5px solid #ddd;display:block;min-height:1px;height:auto}.mat-responsive-table-override-md .mat-mdc-table td.mat-mdc-cell:first-of-type{height:48px}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-cell{display:block;font-size:initial;height:auto;padding:8px 0;border-bottom-color:transparent;text-align:initial}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-cell.action-buttons{border-top:1px solid var(--neutral-color-300-parts);margin-top:24px;display:flex;flex-wrap:wrap;justify-content:flex-start;padding-bottom:0;margin-bottom:-8px}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-cell.action-buttons:before{content:none}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-cell:before{content:attr(data-label) \": \";float:left;font-weight:600;padding-right:5px}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-cell:last-child{border-bottom:0}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-cell:first-child{margin-top:4%}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-cell:first-of-type{margin:-10px -20px 8px;padding:16px 20px;background:var(--neutral-color-300-parts);box-sizing:border-box;height:auto}.mat-responsive-table-override-md .mat-mdc-table td.mat-mdc-cell.action-buttons{margin-bottom:8px}}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.sof-super-header{height:34px;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 599px){.sof-super-header{justify-content:center;padding:0}}.sof-ar-header{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.sof-ar-header.sof-ar-header-shadow{box-shadow:0 1px 4px #00000080}.sof-ar-header-logo-text{font-size:20px;display:inline-block}::ng-deep .sof-ar-header-icon,::ng-deep .sof-ar-header-menu-icon{font-size:24px}::ng-deep .sof-ar-header-menu-icon{padding-right:10px}::ng-deep .sof-ar-mat-menu{border-radius:2px!important}::ng-deep .sof-ar-mat-menu .mat-mdc-menu-content{padding-top:0!important;padding-bottom:0!important;min-width:150px}::ng-deep .sof-ar-header-menu-list.sof-ar-header-menu-border{border-bottom:1px solid rgba(0,0,0,.25)!important}::ng-deep .sof-ar-header-menu-list{display:flex!important;align-items:center}::ng-deep .sof-ar-header-button-text{font-weight:600;font-size:14px;padding-left:10px;padding-right:10px}.sof-ar-header-logo{max-width:100%;height:32px}@media only screen and (max-width: 599px){.sof-ar-header-logo{height:24px}}.sof-ar-header--left{align-items:center;display:flex}.sof-ar-header--left.sof-ar-toggle-navigation{margin-left:50px}.sof-ar-header--right{text-align:right}.sof-ar-header--center{text-align:center}.sof-ar-header--right,.sof-ar-header--center,.sof-ar-header--left{flex:1}.absent-account-image{border-right:2px solid var(--primary-color-500-parts)!important;border-radius:6px!important;background:var(--primary-color-500-parts)!important;color:#fff;font-weight:500!important;font-size:16px!important;height:46px!important;margin-left:-1px!important;margin-top:-1px!important}.signed-in-name{font-weight:500!important;font-size:16px!important;color:var(--primary-color-500-parts)!important}.left-radius-10{border-top-left-radius:11px!important;border-bottom-left-radius:11px!important}.language-globe{padding-right:8px;font-size:20px!important}.dark-theme-icon{font-size:20px!important}.selected-language-icon{color:var(--primary-color-500-parts)!important;font-size:20px!important;padding-right:10px!important}.hidden{display:none}.mobile-border{padding:0;border:0px;border-radius:11px!important}\n"], dependencies: [{ kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i4.DefaultShowHideDirective, selector: " [fxShow], [fxShow.print], [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl], [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl], [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg], [fxHide], [fxHide.print], [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl], [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl], [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i4.DefaultStyleDirective, selector: " [ngStyle], [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl], [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl], [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "component", type: i10$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i14.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i14.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i14.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i10.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i13$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] });
|
|
1833
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
1831
|
+
ArmatureHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ArmatureHeaderComponent, deps: [{ token: i1.OAuthService }, { token: i1.OAuthStorage }, { token: i2$1.TranslateService }, { token: i1$1.MediaMatcher }, { token: i0.ChangeDetectorRef }, { token: AuthorizationService }, { token: HybridSamlOauthService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
1832
|
+
ArmatureHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", type: ArmatureHeaderComponent, selector: "sof-ar-header", inputs: { settings: "settings", themeSettings: "themeSettings", authSettings: "authSettings", currentLang: "currentLang" }, outputs: { setLanguage$: "setLanguage$", isLoggedInEE: "isLoggedInEE" }, ngImport: i0, template: "<ng-container *ngIf=\"displaySuperHeader\">\r\n <div class=\"sof-super-header\" [ngStyle]=\"{'background-color' : superHeaderColor}\">\r\n <ng-content select=\"[sof-ar-super-header]\"></ng-content>\r\n </div>\r\n</ng-container>\r\n<mat-toolbar class=\"sof-ar-header\" [class.sof-ar-header-shadow]=\"headerDropShadow\"\r\n [ngStyle]=\"{'height.px': settings?.headerStyles?.height, background: headerColor, 'border-bottom': themeSettings.borderBottomSize + ' solid ' + themeSettings.borderBottomColor }\"\r\n [ngStyle.lt-sm]=\"{'height.px': settings?.headerStyles?.heightMobile || 64, background: headerColor, 'border-bottom': themeSettings.borderBottomSize + ' solid ' + themeSettings.borderBottomColor }\">\r\n <div class=\"sof-ar-header--left\" [class.sof-ar-toggle-navigation]=\"(mobileQuery.matches && (armatureNavigation || armatureHeaderOverlay)) || settings?.createSpaceForNavToggle\">\r\n <!-- Logo Image -->\r\n <ng-container *ngIf=\"displayLogo\">\r\n <ng-container *ngIf=\"settings?.logoRouterLinkPath === 'internal'; else external\">\r\n <a [routerLink]=\"settings?.logoRouterLink\">\r\n <img class=\"sof-ar-header-logo\" [src]=\"logoUrl\" alt=\"{{logoAltText | translate}}\"\r\n [ngStyle]=\"{'height.px': settings?.logoStyles?.height, 'width.px': settings?.logoStyles?.width, 'max-width': settings?.logoStyles?.width + 'px' || '100%'}\"\r\n [ngStyle.lt-sm]=\"{'height.px': settings?.logoStyles?.heightMobile, 'width.px': settings?.logoStyles?.widthMobile, 'max-width': settings?.logoStyles?.widthMobile + 'px' || '100%'}\" />\r\n </a>\r\n </ng-container>\r\n <ng-template #external>\r\n <a [href]=\"settings?.logoRouterLink\"><img class=\"sof-ar-header-logo\" [src]=\"logoUrl\"\r\n alt=\"{{logoAltText | translate}}\"\r\n [ngStyle]=\"{'height.px': settings?.logoStyles?.height, 'width.px': settings?.logoStyles?.width, 'max-width': settings?.logoStyles?.width + 'px' || '100%'}\"\r\n [ngStyle.lt-sm]=\"{'height.px': settings?.logoStyles?.heightMobile, 'width.px': settings?.logoStyles?.widthMobile, 'max-width': settings?.logoStyles?.widthMobile + 'px' || '100%'}\" />\r\n </a>\r\n </ng-template>\r\n </ng-container>\r\n <!-- Logo Text -->\r\n <ng-container *ngIf=\"displayLogoText\">\r\n <p class=\"sof-ar-header-logo-text\">{{headerLogoText}}</p>\r\n </ng-container>\r\n <!-- NG-Content Left -->\r\n <ng-content select=\"[sof-ar-header-left]\"></ng-content>\r\n </div>\r\n <div class=\"sof-ar-header--center\">\r\n <!-- NG-Content Center -->\r\n <ng-content select=\"[sof-ar-header-center]\"></ng-content>\r\n </div>\r\n <div class=\"sof-ar-header--right\" fxLayout=\"row\" fxLayoutAlign=\"end center\" fxLayoutGap=\"10px\">\r\n <!-- NG-Content Right -->\r\n <span fxFlex=\"auto 0 1\" [fxHide.lt-sm]=\"!armatureNavigation && armatureHeaderOverlay\">\r\n <ng-content select=\"[sof-ar-header-right]\"></ng-content>\r\n </span>\r\n <div fxFlex=\"auto 0 1\" *ngIf=\"displayDropDownMenu\">\r\n <button id=\"sof-ar-header-btn-dropdown\" mat-icon-button [disableRipple]=\"true\"\r\n [matMenuTriggerFor]=\"sofArHeaderMenu\" [attr.aria-label]=\"dropDownAriaText | translate\">\r\n <span [style.color]=\"iconColor\">\r\n <i class=\"{{headerDropDownIcon}}\"></i>\r\n <span class=\"sr-only\">{{dropDownMenuSRText | translate}}</span>\r\n </span>\r\n </button>\r\n <mat-menu #sofArHeaderMenu=\"matMenu\" class=\"sof-ar-mat-menu\">\r\n <!-- NG-Content Menu -->\r\n <ng-content select=\"[sof-ar-header-menu]\"></ng-content>\r\n </mat-menu>\r\n </div>\r\n <!-- Language button -->\r\n <div fxFlex=\"auto 0 1\"\r\n *ngIf=\"headerLanguageSettings?.displayLanguageOptions && headerLanguageSettings?.languages?.length > 2 && !mobileQuery.matches\">\r\n <button id=\"sof-ar-header-lang-dropdown\" mat-stroked-button class=\"sof-stroked-button\" color=\"primary\"\r\n [matMenuTriggerFor]=\"headerLanguageMenu\" [attr.aria-label]=\"headerLanguageSettings.buttonText | translate\">\r\n <span>\r\n <i class=\"far fa-globe language-globe\"></i>\r\n {{headerLanguageSettings.buttonText | translate}}\r\n </span>\r\n </button>\r\n <mat-menu #headerLanguageMenu=\"matMenu\" class=\"sof-ar-mat-menu\">\r\n <button mat-menu-item *ngFor=\"let lang of headerLanguageSettings.languages\" (click)=\"setLanguage$.emit(lang)\"\r\n id=\"apply-lang-btn-{{lang}}\">\r\n <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\">\r\n <div fxFlex=\"auto\">\r\n {{ lang | translate }}\r\n </div>\r\n <div fxFlex=\"auto\" fxLayoutAlign=\"end end\">\r\n <i *ngIf=\"currentLang === lang\" class=\"fad fa-check selected-language-icon\"></i>\r\n </div>\r\n </div>\r\n </button>\r\n </mat-menu>\r\n </div>\r\n <div\r\n *ngIf=\"headerLanguageSettings?.displayLanguageOptions && headerLanguageSettings?.languages?.length === 2 && !mobileQuery.matches\">\r\n <button *ngIf=\"headerLanguageSettings.languages.length === 2\" id=\"sof-ar-header-lang-button\" mat-stroked-button\r\n class=\"sof-stroked-button\" color=\"primary\" [attr.aria-label]=\"headerLanguageSettings.buttonText | translate\"\r\n (click)=\"setLanguage$.emit()\">\r\n <span fxLayoutAlign=\"center center\">\r\n <i class=\"far fa-globe language-globe\"></i>\r\n {{otherLangText | translate}}\r\n </span>\r\n </button>\r\n </div>\r\n <!-- Authorization button -->\r\n <div fxFlex=\"auto 0 1\" *ngIf=\"settings?.displayAuthInfo\">\r\n <button *ngIf=\"!isLoggedIn;else loggedIn\" id=\"sof-ar-header-btn-auth\" mat-stroked-button color=\"primary\" (click)=\"authorizeUser()\"\r\n [attr.aria-label]=\"authBtnText | translate\" class=\"sof-stroked-button\">\r\n {{ authBtnText | translate }}\r\n </button>\r\n <ng-template #loggedIn>\r\n <div fxLayout=\"row\" fxLayoutAlign=\"end center\" fxLayoutGap=\"10px\">\r\n <div fxFlex=\"auto 0 1\">\r\n <button id=\"sof-ar-logged-in-btn-dropdown\" data-privacy=\"exclude\" [matMenuTriggerFor]=\"sofArLoginMenu\"\r\n [attr.aria-label]=\"dropDownAriaText | translate\" mat-stroked-button style=\"padding-left:0px !important\"\r\n ngClass=\"left-radius-10 sof-stroked-button\" color=\"primary\" ngClass.lt-md=\"mobile-border\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"15px\">\r\n <div fxFlex=\"46px\" fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"absent-account-image\">\r\n <div fxFlex=\"100%\">\r\n {{ userName.charAt(0).toUpperCase() }}\r\n </div>\r\n </div>\r\n <div fxShow fxHide.lt-md fxFlex=\"auto\" class=\"signed-in-name\">\r\n {{ userName }}\r\n </div>\r\n </div>\r\n </button>\r\n <!-- Login menu -->\r\n <mat-menu #sofArLoginMenu=\"matMenu\" class=\"sof-ar-mat-menu\" id=\"loginMenu\">\r\n <a mat-menu-item href=\"{{manageUrl}}\" target=\"_blank\">\r\n {{ authSettings.myAccountText | translate }}\r\n </a>\r\n <div *ngIf=\"settings.displayDarkTheme\" mat-menu-item (click)=\"$event.stopPropagation()\" disabled>\r\n <mat-slide-toggle color=\"accent\" labelPosition=\"before\" [aria-label]=\"settings.darkThemeText\"\r\n [id]=\"'dark-theme-toggle-btn'\" (change)=\"toggleTheme($event)\">\r\n {{ settings.darkThemeText + '(coming soon!)' | translate }}\r\n <!-- TODO: determine if icon is liked <i class=\"fad fa-moon-cloud dark-theme-icon\"></i> -->\r\n </mat-slide-toggle>\r\n </div>\r\n <ng-content select=\"[sof-header-user-menu]\"></ng-content>\r\n </mat-menu>\r\n </div>\r\n <div fxFlex=\"auto 0 1\">\r\n <button id=\"sof-ar-log-out-btn\" mat-stroked-button class=\"sof-stroked-icon-button\" color=\"primary\" size=\"medium\"\r\n [class.hidden]=\"mobileQuery.matches\" (click)=\"authorizeUser()\" [attr.aria-label]=\"authBtnText | translate\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\r\n <i fxFlex=\"100%\" class=\"fas fa-sign-out-alt\"></i>\r\n </div>\r\n </button>\r\n </div>\r\n </div>\r\n </ng-template>\r\n </div>\r\n </div>\r\n</mat-toolbar>\r\n", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #fafafa;--neutral-color-100-parts: #f5f5f5;--neutral-color-200-parts: #eeeeee;--neutral-color-300-parts: #e0e0e0;--neutral-color-400-parts: #bdbdbd;--neutral-color-500-parts: #9e9e9e;--neutral-color-600-parts: #757575;--neutral-color-700-parts: #616161;--neutral-color-800-parts: #424242;--neutral-color-900-parts: #212121;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 250, 250, 250;--neutral-color-100-parts-rgb: 245, 245, 245;--neutral-color-200-parts-rgb: 238, 238, 238;--neutral-color-300-parts-rgb: 224, 224, 224;--neutral-color-400-parts-rgb: 189, 189, 189;--neutral-color-500-parts-rgb: 158, 158, 158;--neutral-color-600-parts-rgb: 117, 117, 117;--neutral-color-700-parts-rgb: 97, 97, 97;--neutral-color-800-parts-rgb: 66, 66, 66;--neutral-color-900-parts-rgb: 33, 33, 33;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}[m-t-0],.m-t-0{margin-top:0!important}[m-t-5],.m-t-5{margin-top:5px!important}[m-t-10],.m-t-10{margin-top:10px!important}[m-t-15],.m-t-15{margin-top:15px!important}[m-t-20],.m-t-20{margin-top:20px!important}[m-t-24],.m-t-24{margin-top:24px!important}[m-t-25],.m-t-25{margin-top:25px!important}[m-t-30],.m-t-30{margin-top:30px!important}[m-t-32],.m-t-32{margin-top:32px!important}[m-t-40],.m-t-40{margin-top:40px!important}[m-t-45],.m-t-45,[m-t-50],.m-t-50{margin-top:45px!important}.m-t-55,[m-t-55]{margin-top:55px!important}[m-t-60],.m-t-60{margin-top:60px!important}.m-r-0,[m-r-0]{margin-right:0!important}.m-r-5,[m-r-5]{margin-right:5px!important}.m-r-10,[m-r-10]{margin-right:10px!important}.m-r-20,[m-r-20]{margin-right:20px!important}.m-r-60,[m-r-60]{margin-right:60px!important}[m-b-0],.m-b-0{margin-bottom:0!important}[m-b-5],.m-b-5{margin-bottom:5px!important}[m-b-10],.m-b-10{margin-bottom:10px!important}[m-b-15],.m-b-15{margin-bottom:15px!important}[m-b-20],.m-b-20{margin-bottom:20px!important}[m-b-24],.m-b-24{margin-bottom:24px!important}[m-b-25],.m-b-25{margin-bottom:25px!important}[m-b-30],.m-b-30{margin-bottom:30px!important}[m-b-37],.m-b-37{margin-bottom:37px!important}[m-b-45],.m-b-45{margin-bottom:45px!important}[m-b-50],.m-b-50{margin-bottom:50px!important}[m-b-65],.m-b-65{margin-bottom:65px!important}.m-l-0,[m-l-0]{margin-left:0!important}.m-l-5,[m-l-5]{margin-left:5px!important}.m-l-8,[m-l-8]{margin-left:8px!important}.m-l-10,[m-l-10]{margin-left:10px!important}.m-l-15,[m-l-15]{margin-left:15px!important}[m-l-20],.m-l-20{margin-left:20px!important}.m-l-35,[m-l-35]{margin-left:35px!important}.m-h-0,[m-h-0]{margin-left:0!important;margin-right:0!important}.m-h-5,[m-h-5]{margin-left:5px!important;margin-right:5px!important}.m-h-10,[m-h-10]{margin-left:10px!important;margin-right:10px!important}.m-h-15,[m-h-15]{margin-left:15px!important;margin-right:15px!important}.m-h-20,[m-h-20]{margin-left:20px!important;margin-right:20px!important}.m-h-24,[m-h-24]{margin-left:24px!important;margin-right:24px!important}.m-h-25,[m-h-25]{margin-left:25px!important;margin-right:25px!important}.m-h-30,[m-h-30]{margin-left:30px!important;margin-right:30px!important}.m-h-68,[m-h-68]{margin-left:68px!important;margin-right:68px!important}.m-h-70,[m-h-70]{margin-left:70px!important;margin-right:70px!important}.m-v-0,[m-v-0]{margin-top:0!important;margin-bottom:0!important}.m-v-5,[m-v-5]{margin-top:5px!important;margin-bottom:5px!important}.m-v-10,[m-v-10]{margin-top:10px!important;margin-bottom:10px!important}[m-v-15],.m-v-15{margin-top:15px!important;margin-bottom:15px!important}.m-v-18,[m-v-18]{margin-top:18px!important;margin-bottom:18px!important}.m-v-20,[m-v-20]{margin-top:20px!important;margin-bottom:20px!important}[m-v-24],.m-v-24{margin-top:24px!important;margin-bottom:24px!important}[m-v-25],.m-v-25{margin-top:25px!important;margin-bottom:25px!important}.m-v-30,[m-v-30]{margin-top:30px!important;margin-bottom:30px!important}.m-v-35,[m-v-35]{margin-top:35px!important;margin-bottom:35px!important}.m-v-40,[m-v-40]{margin-top:40px!important;margin-bottom:40px!important}.m-v-45,[m-v-45]{margin-top:45px!important;margin-bottom:45px!important}.m-v-50,[m-v-50]{margin-top:50px!important;margin-bottom:50px!important}.m-v-60,[m-v-60]{margin-top:60px!important;margin-bottom:60px!important}.m-a-0,[m-a-0]{margin:0!important}.m-a-5,[m-a-5]{margin:5px!important}.m-a-10,[m-a-10]{margin:10px!important}.m-a-15,[m-a-15]{margin:15px!important}.m-a-20,[m-a-20]{margin:20px!important}.m-a-25,[m-a-25]{margin:25px!important}.m-a-30,[m-a-30]{margin:30px!important}[p-t-0],.p-t-0{padding-top:0!important}[p-t-4],.p-t-4{padding-top:4px!important}[p-t-5],.p-t-5{padding-top:5px!important}[p-t-6],.p-t-6{padding-top:6px!important}[p-t-8],.p-t-8{padding-top:8px!important}[p-t-10],.p-t-10{padding-top:10px!important}[p-t-12],.p-t-12{padding-top:12px!important}.p-t-15,[p-t-15]{padding-top:15px!important}.p-t-16,[p-t-16]{padding-top:16px!important}[p-t-17],.p-t-17{padding-top:17px!important}[p-t-18],.p-t-18{padding-top:18px!important}[p-t-20],.p-t-20{padding-top:20px!important}[p-t-24],.p-t-24{padding-top:24px!important}[p-t-25],.p-t-25{padding-top:25px!important}.p-t-30,[p-t-30]{padding-top:30px!important}.p-t-35,[p-t-35]{padding-top:35px!important}.p-t-40,[p-t-40]{padding-top:40px!important}.p-t-45,[p-t-45]{padding-top:45px!important}.p-t-48,[p-t-48]{padding-top:48px!important}.p-t-50,[p-t-50]{padding-top:50px!important}.p-t-55,[p-t-55]{padding-top:55px!important}.p-t-60,[p-t-60]{padding-top:60px!important}.p-t-65,[p-t-60]{padding-top:65px!important}[p-r-0],.p-r-0{padding-right:0!important}[p-r-5],.p-r-5{padding-right:5px!important}[p-r-6],.p-r-6{padding-right:6px!important}[p-r-10],.p-r-10{padding-right:10px!important}[p-r-15],.p-r-15{padding-right:15px!important}[p-r-20],.p-r-20{padding-right:20px!important}[p-r-25],.p-r-25{padding-right:25px!important}[p-b-0],.p-b-0{padding-bottom:0!important}[p-b-5],.p-b-5{padding-bottom:5px!important}[p-b-10],.p-b-10{padding-bottom:10px!important}[p-b-12],.p-b-12{padding-bottom:12px!important}[p-b-15],.p-b-15{padding-bottom:15px!important}[p-b-20],.p-b-20{padding-bottom:20px!important}[p-b-25],.p-b-25{padding-bottom:25px!important}[p-b-30],.p-b-30{padding-bottom:30px!important}[p-b-35],.p-b-35{padding-bottom:35px!important}[p-b-40],.p-b-40{padding-bottom:40px!important}[p-b-45],.p-b-45{padding-bottom:45px!important}[p-b-50],.p-b-50{padding-bottom:50px!important}[p-b-55],.p-b-55{padding-bottom:55px!important}[p-b-60],.p-b-60{padding-bottom:60px!important}[p-b-100],.p-b-100{padding-bottom:100px!important}.p-l-0,[p-l-0]{padding-left:0!important}.p-l-4,[p-l-4]{padding-left:4px!important}.p-l-5,[p-l-5]{padding-left:5px!important}.p-l-10,[p-l-10]{padding-left:10px!important}.p-l-12,[p-l-12]{padding-left:12px!important}.p-l-15,[p-l-15]{padding-left:15px!important}.p-l-20,[p-l-20]{padding-left:20px!important}.p-l-25,[p-l-25]{padding-left:25px!important}.p-l-30,[p-l-30]{padding-left:30px!important}[p-h-0],.p-h-0{padding-left:0!important;padding-right:0!important}[p-h-5],.p-h-5{padding-left:5px!important;padding-right:5px!important}[p-h-6],.p-h-6{padding-left:6px!important;padding-right:6px!important}[p-h-10],.p-h-10{padding-left:10px!important;padding-right:10px!important}[p-h-15],.p-h-15{padding-left:15px!important;padding-right:15px!important}[p-h-16],.p-h-16{padding-left:16px!important;padding-right:16px!important}[p-h-20],.p-h-20{padding-left:20px!important;padding-right:20px!important}[p-v-0],.p-v-0{padding-top:0!important;padding-bottom:0!important}[p-v-5],.p-v-5{padding-top:5px!important;padding-bottom:5px!important}[p-v-6],.p-v-6{padding-top:6px!important;padding-bottom:6px!important}[p-v-10],.p-v-10{padding-top:10px!important;padding-bottom:10px!important}[p-v-15],.p-v-15{padding-top:15px!important;padding-bottom:15px!important}[p-v-16],.p-v-16{padding-top:16px!important;padding-bottom:16px!important}[p-v-20],.p-v-20{padding-top:20px!important;padding-bottom:20px!important}[p-v-25],.p-v-25{padding-top:25px!important;padding-bottom:25px!important}[p-v-30],.p-v-30{padding-top:30px!important;padding-bottom:30px!important}[p-v-35],.p-v-35{padding-top:35px!important;padding-bottom:35px!important}[p-v-40],.p-v-40{padding-top:40px!important;padding-bottom:40px!important}[p-v-45],.p-v-45{padding-top:45px!important;padding-bottom:45px!important}[p-v-50],.p-v-50{padding-top:50px!important;padding-bottom:50px!important}[p-v-55],.p-v-55{padding-top:55px!important;padding-bottom:55px!important}[p-v-100],.p-v-100{padding-top:100px!important;padding-bottom:100px!important}[p-a-0],.p-a-0{padding:0!important}[p-a-5],.p-a-5{padding:5px!important}[p-a-10],.p-a-10{padding:10px!important}[p-a-15],.p-a-15{padding:15px!important}[p-a-20],.p-a-20{padding:20px!important}[p-a-25],.p-a-25{padding:25px!important}.input-w-300,[input-w-300]{width:300px!important}.input-w-200,[input-w-200]{width:200px!important}.input-w-150,[input-w-150]{width:150px!important}.input-w-120,[input-w-120]{width:120px!important}.text-left,[text-left]{text-align:left}.text-center,[text-center]{text-align:center!important}[p-x-16],.p-x-16{padding-left:16px!important;padding-right:16px!important}body{letter-spacing:0px;font-family:Poppins,sans-serif!important;font-size:14px;margin:0!important}body .mat-ripple-element{background-color:#0000001a}body .mat-mdc-option{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}body .mat-mdc-option:hover:not(.mdc-list-item--disabled),body .mat-mdc-option:focus:not(.mdc-list-item--disabled),body .mat-mdc-option.mat-mdc-option-active,body .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled){background:rgba(0,0,0,.04)}body .mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-primary)}body .mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-secondary)}body .mat-warn .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-error, #f44336)}body .mat-mdc-optgroup-label{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}body .mat-pseudo-checkbox-full{color:#0000008a}body .mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled{color:#b0b0b0}body .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,body .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}body .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,body .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}body .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,body .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}body .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,body .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#f44336}body .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,body .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#f44336}body .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,body .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}body .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,body .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#b0b0b0}body .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,body .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#b0b0b0}body .mat-app-background,body.mat-app-background{background-color:#fafafa;color:#000000de}body .mat-elevation-z0,body .mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}body .mat-elevation-z1,body .mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}body .mat-elevation-z2,body .mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}body .mat-elevation-z3,body .mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}body .mat-elevation-z4,body .mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}body .mat-elevation-z5,body .mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f}body .mat-elevation-z6,body .mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}body .mat-elevation-z7,body .mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f}body .mat-elevation-z8,body .mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}body .mat-elevation-z9,body .mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f}body .mat-elevation-z10,body .mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f}body .mat-elevation-z11,body .mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f}body .mat-elevation-z12,body .mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}body .mat-elevation-z13,body .mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f}body .mat-elevation-z14,body .mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f}body .mat-elevation-z15,body .mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f}body .mat-elevation-z16,body .mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}body .mat-elevation-z17,body .mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f}body .mat-elevation-z18,body .mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f}body .mat-elevation-z19,body .mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f}body .mat-elevation-z20,body .mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f}body .mat-elevation-z21,body .mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f}body .mat-elevation-z22,body .mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f}body .mat-elevation-z23,body .mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f}body .mat-elevation-z24,body .mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.mat-theme-loaded-marker{display:none}body .mat-mdc-option{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body1-font-size, 16px);line-height:var(--mdc-typography-body1-line-height, 24px);font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em)}.merriweather{font-family:Merriweather,serif!important}.poppins{font-family:Poppins,sans-serif!important}.h1,[h1],h1{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:34px;line-height:48px;letter-spacing:normal;margin:0;padding:0}@media only screen and (max-width: 959px){.h1,[h1],h1{font-size:28px}}.h2,[h2],h2{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:24px;line-height:33px;letter-spacing:normal;margin:0;padding:0}@media only screen and (max-width: 959px){.h2,[h2],h2{font-size:24px}}.h3,[h3],h3{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:20px;line-height:28px;letter-spacing:normal;margin:0;padding:0}@media only screen and (max-width: 959px){.h3,[h3],h3{font-size:20px}}.h4,[h4],h4{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:27px;letter-spacing:normal;margin:0;padding:0}@media only screen and (max-width: 959px){.h4,[h4],h4{font-size:18px}}.body1{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:24px;letter-spacing:normal}@media only screen and (max-width: 959px){.body1{font-size:16px}}.body2{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:21px;letter-spacing:normal}@media only screen and (max-width: 959px){.body2{font-size:16px}}mat-form-field.body1{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:400!important;font-size:16px!important;line-height:24px!important;letter-spacing:normal!important}@media only screen and (max-width: 959px){mat-form-field.body1{font-size:16px!important}}mat-form-field.body2{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:21px;letter-spacing:normal}@media only screen and (max-width: 959px){mat-form-field.body2{font-size:16px}}.ls-half{letter-spacing:.5px!important}.ls-quarter{letter-spacing:.25px!important}.fw-500{font-weight:500!important}.fw-600{font-weight:600!important}.color-primary{color:var(--primary-color-500-parts)}.color-accent{color:var(--accent-color-500-parts)}.color-warn{color:var(--warn-color-500-parts)}.color-info{color:var(--info-color-500-parts)}.color-success{color:var(--success-color-500-parts)}.color-error{color:var(--error-color-500-parts)}.color-neutral{color:var(--neutral-color-500-parts)}.full-width{width:100%!important}.delete-icon{cursor:pointer;font-size:1.5em;color:var(--warn-color-500-parts)}.tooltip{cursor:pointer}.relative{position:relative}.left-align{text-align:left}.center-align{text-align:center}::ng-deep mat-button-toggle-group.sof-toggle-group{height:48px!important}::ng-deep mat-button-toggle-group.sof-toggle-group.mat-button-toggle-group.mat-button-toggle-group-appearance-standard{border:none!important;border-radius:0!important}::ng-deep mat-button-toggle-group.sof-toggle-group.full-width .toggle-left{width:100%!important}::ng-deep mat-button-toggle-group.sof-toggle-group.full-width .toggle-middle{width:100%!important}::ng-deep mat-button-toggle-group.sof-toggle-group.full-width .toggle-right{width:100%!important}::ng-deep mat-button-toggle-group.sof-toggle-group .mat-button-toggle-label-content{text-transform:uppercase!important;font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:16px!important;line-height:24px!important;letter-spacing:.05em!important;text-align:center!important;color:#000!important}::ng-deep mat-button-toggle-group.sof-toggle-group .mat-button-toggle-button{height:100%!important}::ng-deep mat-button-toggle-group.sof-toggle-group .mat-button-toggle-checked{background-color:var(--primary-color-100-parts)!important}::ng-deep mat-button-toggle-group.sof-toggle-group .toggle-left{border-top:2px solid var(--primary-color-500-parts)!important;border-bottom:2px solid var(--primary-color-500-parts)!important;border-left:2px solid var(--primary-color-500-parts)!important;border-right:1px solid var(--primary-color-500-parts)!important;border-radius:6px 0 0 6px!important;width:120px!important}::ng-deep mat-button-toggle-group.sof-toggle-group .toggle-middle{border-top:2px solid var(--primary-color-500-parts)!important;border-bottom:2px solid var(--primary-color-500-parts)!important;border-left:1px solid var(--primary-color-500-parts)!important;border-right:1px solid var(--primary-color-500-parts)!important;border-radius:0!important;width:120px!important}::ng-deep mat-button-toggle-group.sof-toggle-group .toggle-right{border-top:2px solid var(--primary-color-500-parts)!important;border-bottom:2px solid var(--primary-color-500-parts)!important;border-left:1px solid var(--primary-color-500-parts)!important;border-right:2px solid var(--primary-color-500-parts)!important;border-radius:0 6px 6px 0!important;width:120px!important}::ng-deep mat-button-toggle-group.sof-toggle-group .mat-button-toggle-disabled.mat-button-toggle-checked{background-color:var(--neutral-color-200-parts)!important}::ng-deep mat-button-toggle-group.sof-toggle-group .mat-button-toggle-disabled.toggle-left{border-top:2px solid var(--neutral-color-400-parts)!important;border-bottom:2px solid var(--neutral-color-400-parts)!important;border-left:2px solid var(--neutral-color-400-parts)!important;border-right:1px solid var(--neutral-color-400-parts)!important;border-radius:6px 0 0 6px!important;width:120px!important}::ng-deep mat-button-toggle-group.sof-toggle-group .mat-button-toggle-disabled.toggle-middle{border-top:2px solid var(--neutral-color-400-parts)!important;border-bottom:2px solid var(--neutral-color-400-parts)!important;border-left:1px solid var(--neutral-color-400-parts)!important;border-right:1px solid var(--neutral-color-400-parts)!important;border-radius:0!important;width:120px!important}::ng-deep mat-button-toggle-group.sof-toggle-group .mat-button-toggle-disabled.toggle-right{border-top:2px solid var(--neutral-color-400-parts)!important;border-bottom:2px solid var(--neutral-color-400-parts)!important;border-left:1px solid var(--neutral-color-400-parts)!important;border-right:2px solid var(--neutral-color-400-parts)!important;border-radius:0 6px 6px 0!important;width:120px!important}::ng-deep mat-button-toggle-group.sof-toggle-group[size=small]{height:36px!important}::ng-deep mat-button-toggle-group.sof-toggle-group[size=medium]{height:48px!important}::ng-deep mat-button-toggle-group.sof-toggle-group[size=large]{height:56px!important}button.mat-mdc-button.sof-button{padding:0 24px!important;height:48px!important;border-radius:6px!important;font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:16px!important;line-height:24px!important;letter-spacing:.05em!important;text-transform:uppercase!important}button.mat-mdc-button.sof-button.fixed-width{width:200px!important}button.mat-mdc-button.sof-button.full-width{width:100%!important}button.mat-mdc-button.sof-button:enabled.mat-primary{color:var(--primary-color-500-parts)!important}button.mat-mdc-button.sof-button:enabled.mat-primary:hover{background-color:var(--primary-color-50-parts)}button.mat-mdc-button.sof-button:enabled.mat-primary:focus{background-color:var(--primary-color-100-parts)}button.mat-mdc-button.sof-button:enabled.mat-accent{color:var(--accent-color-500-parts)!important}button.mat-mdc-button.sof-button:enabled.mat-accent:hover{background-color:var(--accent-color-50-parts)}button.mat-mdc-button.sof-button:enabled.mat-accent:focus{background-color:var(--accent-color-100-parts)}button.mat-mdc-button.sof-button:enabled.mat-warn{color:var(--warn-color-500-parts)!important}button.mat-mdc-button.sof-button:enabled.mat-warn:hover{background-color:var(--warn-color-50-parts)}button.mat-mdc-button.sof-button:enabled.mat-warn:focus{background-color:var(--warn-color-100-parts)}button.mat-mdc-button.sof-button:enabled.mat-success{color:var(--success-color-500-parts)!important}button.mat-mdc-button.sof-button:enabled.mat-success:hover{background-color:var(--success-color-50-parts)}button.mat-mdc-button.sof-button:enabled.mat-success:focus{background-color:var(--success-color-100-parts)}button.mat-mdc-button.sof-button:enabled.mat-error{color:var(--error-color-500-parts)!important}button.mat-mdc-button.sof-button:enabled.mat-error:hover{background-color:var(--error-color-50-parts)}button.mat-mdc-button.sof-button:enabled.mat-error:focus{background-color:var(--error-color-100-parts)}button.mat-mdc-button.sof-button:enabled.mat-info{color:var(--info-color-500-parts)!important}button.mat-mdc-button.sof-button:enabled.mat-info:hover{background-color:var(--info-color-50-parts)}button.mat-mdc-button.sof-button:enabled.mat-info:focus{background-color:var(--info-color-100-parts)}button.mat-mdc-button.sof-button:enabled.mat-neutral{color:#000000de!important}button.mat-mdc-button.sof-button:enabled.mat-neutral:hover{background-color:var(--neutral-color-50-parts)}button.mat-mdc-button.sof-button:enabled.mat-neutral:focus{background-color:var(--neutral-color-100-parts)}button.mat-mdc-button.sof-button:disabled{color:#0009!important;opacity:1!important}button.mat-mdc-button.sof-button i{margin-left:-8px!important;margin-right:4px!important}button.mat-mdc-button.sof-button[size=small]{height:36px!important}button.mat-mdc-button.sof-button[size=small] i{font-size:1em!important}button.mat-mdc-button.sof-button[size=medium]{height:48px!important}button.mat-mdc-button.sof-button[size=medium] i{font-size:1em!important}button.mat-mdc-button.sof-button[size=large]{height:56px!important}button.mat-mdc-button.sof-button[size=large] i{font-size:1.15em!important}button.mat-mdc-button.sof-icon-button{border-radius:6px!important;padding:0!important}button.mat-mdc-button.sof-icon-button:enabled.mat-primary{color:var(--primary-color-500-parts)!important}button.mat-mdc-button.sof-icon-button:enabled.mat-primary:hover{background-color:var(--primary-color-50-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-primary:focus{background-color:var(--primary-color-100-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-accent{color:var(--accent-color-500-parts)!important}button.mat-mdc-button.sof-icon-button:enabled.mat-accent:hover{background-color:var(--accent-color-50-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-accent:focus{background-color:var(--accent-color-100-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-warn{color:var(--warn-color-500-parts)!important}button.mat-mdc-button.sof-icon-button:enabled.mat-warn:hover{background-color:var(--warn-color-50-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-warn:focus{background-color:var(--warn-color-100-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-success{color:var(--success-color-500-parts)!important}button.mat-mdc-button.sof-icon-button:enabled.mat-success:hover{background-color:var(--success-color-50-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-success:focus{background-color:var(--success-color-100-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-error{color:var(--error-color-500-parts)!important}button.mat-mdc-button.sof-icon-button:enabled.mat-error:hover{background-color:var(--error-color-50-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-error:focus{background-color:var(--error-color-100-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-info{color:var(--info-color-500-parts)!important}button.mat-mdc-button.sof-icon-button:enabled.mat-info:hover{background-color:var(--info-color-50-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-info:focus{background-color:var(--info-color-100-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-neutral{color:#000000de!important}button.mat-mdc-button.sof-icon-button:enabled.mat-neutral:hover{background-color:var(--neutral-color-50-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-neutral:focus{background-color:var(--neutral-color-100-parts)}button.mat-mdc-button.sof-icon-button:disabled{color:#0009!important;opacity:1!important}button.mat-mdc-button.sof-icon-button[size=small]{height:36px!important;width:36px!important;min-width:36px!important;font-size:19px!important}button.mat-mdc-button.sof-icon-button[size=medium]{height:48px!important;width:48px!important;min-width:48px!important;font-size:26px!important}button.mat-mdc-button.sof-icon-button[size=large]{height:56px!important;width:56px!important;min-width:56px!important;font-size:26px!important}button.mat-mdc-unelevated-button.sof-flat-button{padding:0 24px!important;height:48px!important;border-radius:6px!important;font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:16px!important;line-height:24px!important;letter-spacing:.05em!important;text-transform:uppercase!important}button.mat-mdc-unelevated-button.sof-flat-button.fixed-width{width:200px!important}button.mat-mdc-unelevated-button.sof-flat-button.full-width{width:100%!important}button.mat-mdc-unelevated-button.sof-flat-button:enabled{color:#fff!important}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-primary{background:var(--primary-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-primary:hover{background-color:var(--primary-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-primary:focus{background-color:var(--primary-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-accent{background:var(--accent-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-accent:hover{background-color:var(--accent-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-accent:focus{background-color:var(--accent-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-warn{background:var(--warn-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-warn:hover{background-color:var(--warn-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-warn:focus{background-color:var(--warn-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-success{background:var(--success-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-success:hover{background-color:var(--success-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-success:focus{background-color:var(--success-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-error{background:var(--error-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-error:hover{background-color:var(--error-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-error:focus{background-color:var(--error-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-info{background:var(--info-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-info:hover{background-color:var(--info-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-info:focus{background-color:var(--info-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-neutral{background:rgba(0,0,0,.8705882353)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-neutral:hover{background-color:var(--neutral-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-neutral:focus{background-color:var(--neutral-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled i{color:#fff!important}button.mat-mdc-unelevated-button.sof-flat-button:disabled{background:#f7f7f7!important;color:#0009!important;opacity:1!important}button.mat-mdc-unelevated-button.sof-flat-button i{margin-left:-8px!important;margin-right:4px!important}button.mat-mdc-unelevated-button.sof-flat-button[size=small]{height:36px!important}button.mat-mdc-unelevated-button.sof-flat-button[size=small] i{font-size:1em!important}button.mat-mdc-unelevated-button.sof-flat-button[size=medium]{height:48px!important}button.mat-mdc-unelevated-button.sof-flat-button[size=medium] i{font-size:1em!important}button.mat-mdc-unelevated-button.sof-flat-button[size=large]{height:56px!important}button.mat-mdc-unelevated-button.sof-flat-button[size=large] i{font-size:1.15em!important}button.mat-mdc-unelevated-button.sof-flat-icon-button{border-radius:6px!important;padding:0!important}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled{color:#fff!important}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-primary{background:var(--primary-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-primary:hover{background-color:var(--primary-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-primary:focus{background-color:var(--primary-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-accent{background:var(--accent-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-accent:hover{background-color:var(--accent-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-accent:focus{background-color:var(--accent-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-warn{background:var(--warn-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-warn:hover{background-color:var(--warn-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-warn:focus{background-color:var(--warn-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-success{background:var(--success-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-success:hover{background-color:var(--success-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-success:focus{background-color:var(--success-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-error{background:var(--error-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-error:hover{background-color:var(--error-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-error:focus{background-color:var(--error-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-info{background:var(--info-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-info:hover{background-color:var(--info-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-info:focus{background-color:var(--info-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-neutral{background:rgba(0,0,0,.8705882353)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-neutral:hover{background-color:var(--neutral-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-neutral:focus{background-color:var(--neutral-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled i{color:#fff!important}button.mat-mdc-unelevated-button.sof-flat-icon-button:disabled{background:#f7f7f7!important;color:#0009!important;opacity:1!important}button.mat-mdc-unelevated-button.sof-flat-icon-button[size=small]{height:36px!important;width:36px!important;min-width:36px!important;font-size:19px!important}button.mat-mdc-unelevated-button.sof-flat-icon-button[size=medium]{height:48px!important;width:48px!important;min-width:48px!important;font-size:26px!important}button.mat-mdc-unelevated-button.sof-flat-icon-button[size=large]{height:56px!important;width:56px!important;min-width:56px!important;font-size:26px!important}button.mat-mdc-outlined-button.sof-stroked-button{padding:0 24px!important;height:48px!important;border:none!important;border-radius:6px!important;font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:16px!important;line-height:24px!important;letter-spacing:.05em!important;text-transform:uppercase!important}button.mat-mdc-outlined-button.sof-stroked-button.fixed-width{width:200px!important}button.mat-mdc-outlined-button.sof-stroked-button.full-width{width:100%!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-primary{background-color:var(--primary-color-50-parts)!important;color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-primary i{color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-primary:hover{background-color:var(--primary-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-primary:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-primary:focus{background-color:var(--primary-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-primary:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-accent{background-color:var(--accent-color-50-parts)!important;color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-accent i{color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-accent:hover{background-color:var(--accent-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-accent:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-accent:focus{background-color:var(--accent-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-accent:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-warn{background-color:var(--warn-color-50-parts)!important;color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-warn i{color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-warn:hover{background-color:var(--warn-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-warn:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-warn:focus{background-color:var(--warn-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-warn:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-success{background-color:var(--success-color-50-parts)!important;color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-success i{color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-success:hover{background-color:var(--success-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-success:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-success:focus{background-color:var(--success-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-success:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-info{background-color:var(--info-color-50-parts)!important;color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-info i{color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-info:hover{background-color:var(--info-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-info:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-info:focus{background-color:var(--info-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-info:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-error{background-color:var(--error-color-50-parts)!important;color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-error i{color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-error:hover{background-color:var(--error-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-error:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-error:focus{background-color:var(--error-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-error:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-neutral{background-color:var(--neutral-color-50-parts)!important;color:#000000de!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-neutral i{color:#000000de!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-neutral:hover{background-color:var(--neutral-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-neutral:focus{background-color:var(--neutral-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:disabled{background:#f7f7f7!important;color:#0009!important;opacity:1!important}button.mat-mdc-outlined-button.sof-stroked-button i{margin-left:-8px!important;margin-right:4px!important}button.mat-mdc-outlined-button.sof-stroked-button-outline{padding:0 24px!important;height:48px!important;background:#ffffff!important;border-radius:6px!important;font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:16px!important;line-height:24px!important;letter-spacing:.05em!important;text-transform:uppercase!important}button.mat-mdc-outlined-button.sof-stroked-button-outline.fixed-width{width:200px!important}button.mat-mdc-outlined-button.sof-stroked-button-outline.full-width{width:100%!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-primary{border:2px solid var(--primary-color-500-parts)!important;color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-primary i{color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-primary:hover{background-color:var(--primary-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-primary:focus{background-color:var(--primary-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-accent{border:2px solid var(--accent-color-500-parts)!important;color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-accent i{color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-accent:hover{background-color:var(--accent-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-accent:focus{background-color:var(--accent-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-warn{border:2px solid var(--warn-color-500-parts)!important;color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-warn i{color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-warn:hover{background-color:var(--warn-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-warn:focus{background-color:var(--warn-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-success{border:2px solid var(--success-color-500-parts)!important;color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-success i{color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-success:hover{background-color:var(--success-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-success:focus{background-color:var(--success-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-error{border:2px solid var(--error-color-500-parts)!important;color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-error i{color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-error:hover{background-color:var(--error-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-error:focus{background-color:var(--error-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-info{border:2px solid var(--info-color-500-parts)!important;color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-info i{color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-info:hover{background-color:var(--info-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-info:focus{background-color:var(--info-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-neutral{border:2px solid rgba(0,0,0,.8705882353)!important;color:#000000de!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-neutral i{color:0de!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-neutral:hover{background-color:var(--neutral-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-neutral:focus{background-color:var(--neutral-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:disabled{background:#f7f7f7!important;color:#0009!important;border:2px solid rgba(0,0,0,.38)!important;opacity:1!important}button.mat-mdc-outlined-button.sof-stroked-button-outline i{margin-left:-8px!important;margin-right:4px!important}button.mat-mdc-outlined-button.sof-stroked-button[size=small],button.mat-mdc-outlined-button.sof-stroked-button-outline[size=small]{height:36px!important}button.mat-mdc-outlined-button.sof-stroked-button[size=small] i,button.mat-mdc-outlined-button.sof-stroked-button-outline[size=small] i{font-size:1em!important}button.mat-mdc-outlined-button.sof-stroked-button[size=medium],button.mat-mdc-outlined-button.sof-stroked-button-outline[size=medium]{height:48px!important}button.mat-mdc-outlined-button.sof-stroked-button[size=medium] i,button.mat-mdc-outlined-button.sof-stroked-button-outline[size=medium] i{font-size:1em!important}button.mat-mdc-outlined-button.sof-stroked-button[size=large],button.mat-mdc-outlined-button.sof-stroked-button-outline[size=large]{height:56px!important}button.mat-mdc-outlined-button.sof-stroked-button[size=large] i,button.mat-mdc-outlined-button.sof-stroked-button-outline[size=large] i{font-size:1.15em!important}button.mat-mdc-outlined-button.sof-stroked-icon-button{border:none!important;border-radius:6px!important;padding:0!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-primary{background-color:var(--primary-color-50-parts)!important;color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-primary i{color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-primary:hover{background-color:var(--primary-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-primary:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-primary:focus{background-color:var(--primary-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-primary:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-accent{background-color:var(--accent-color-50-parts)!important;color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-accent i{color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-accent:hover{background-color:var(--accent-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-accent:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-accent:focus{background-color:var(--accent-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-accent:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-warn{background-color:var(--warn-color-50-parts)!important;color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-warn i{color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-warn:hover{background-color:var(--warn-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-warn:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-warn:focus{background-color:var(--warn-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-warn:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-success{background-color:var(--success-color-50-parts)!important;color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-success i{color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-success:hover{background-color:var(--success-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-success:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-success:focus{background-color:var(--success-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-success:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-info{background-color:var(--info-color-50-parts)!important;color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-info i{color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-info:hover{background-color:var(--info-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-info:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-info:focus{background-color:var(--info-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-info:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-error{background-color:var(--error-color-50-parts)!important;color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-error i{color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-error:hover{background-color:var(--error-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-error:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-error:focus{background-color:var(--error-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-error:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-neutral{background-color:var(--neutral-color-50-parts)!important;color:#000000de!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-neutral i{color:#000000de!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-neutral:hover{background-color:var(--neutral-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-neutral:focus{background-color:var(--neutral-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:disabled{background:#f7f7f7!important;color:#0009!important;opacity:1!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline{background:#ffffff!important;border-radius:6px!important;padding:0!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-primary{border:2px solid var(--primary-color-500-parts)!important;color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-primary i{color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-primary:hover{background-color:var(--primary-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-primary:focus{background-color:var(--primary-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-accent{border:2px solid var(--accent-color-500-parts)!important;color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-accent i{color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-accent:hover{background-color:var(--accent-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-accent:focus{background-color:var(--accent-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-warn{border:2px solid var(--warn-color-500-parts)!important;color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-warn i{color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-warn:hover{background-color:var(--warn-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-warn:focus{background-color:var(--warn-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-success{border:2px solid var(--success-color-500-parts)!important;color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-success i{color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-success:hover{background-color:var(--success-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-success:focus{background-color:var(--success-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-error{border:2px solid var(--error-color-500-parts)!important;color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-error i{color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-error:hover{background-color:var(--error-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-error:focus{background-color:var(--error-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-info{border:2px solid var(--info-color-500-parts)!important;color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-info i{color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-info:hover{background-color:var(--info-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-info:focus{background-color:var(--info-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-neutral{border:2px solid rgba(0,0,0,.8705882353)!important;color:#000000de!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-neutral i{color:0de!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-neutral:hover{background-color:var(--neutral-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-neutral:focus{background-color:var(--neutral-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:disabled{background:#f7f7f7!important;color:#0009!important;border:2px solid rgba(0,0,0,.38)!important;opacity:1!important}button.mat-mdc-outlined-button.sof-stroked-icon-button[size=small],button.mat-mdc-outlined-button.sof-stroked-icon-button-outline[size=small]{height:36px!important;width:36px!important;min-width:36px!important;font-size:19px!important}button.mat-mdc-outlined-button.sof-stroked-icon-button[size=medium],button.mat-mdc-outlined-button.sof-stroked-icon-button-outline[size=medium]{height:48px!important;width:48px!important;min-width:48px!important;font-size:26px!important}button.mat-mdc-outlined-button.sof-stroked-icon-button[size=large],button.mat-mdc-outlined-button.sof-stroked-icon-button-outline[size=large]{height:56px!important;width:56px!important;min-width:56px!important;font-size:26px!important}mat-card.mat-mdc-card.item-list{box-shadow:0 1px 7px #a69f9f40!important;border-radius:10px!important;overflow:overlay!important;max-height:322px!important;padding:0!important}.mat-mdc-dialog-title{font-family:Poppins!important;font-style:normal!important;font-weight:500!important;font-size:24px!important;line-height:36px!important;letter-spacing:normal!important}.mat-mdc-dialog-content{display:block!important;max-height:65vh!important;overflow:auto!important}.mat-mdc-dialog-container{display:block!important;background:#ffffff!important;border:1px solid #dfdfdf!important;box-sizing:border-box!important;border-radius:10px!important;overflow:auto!important;outline:0!important;width:100%!important;height:100%!important;min-height:inherit!important;max-height:inherit!important}.mat-mdc-list-base{padding-top:0!important}::ng-deep .mat-mdc-tooltip{cursor:pointer!important;width:234px!important;height:auto!important;font-family:Poppins,sans-serif!important;font-size:12px!important;font-style:normal!important;font-weight:400!important;line-height:18px!important;letter-spacing:.4px!important;text-align:left!important;display:flex!important;align-items:center!important;color:#fff!important;background-color:#333!important}.mat-mdc-chip{font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important;height:-moz-max-content!important;height:max-content!important;word-break:break-all!important}::ng-deep mat-form-field.sof-form-field{font-family:Poppins!important}::ng-deep mat-form-field.sof-form-field.mat-form-field-invalid .mat-mdc-form-field-flex>div.mdc-notched-outline>*{border-color:var(--error-color-900-parts)!important}::ng-deep mat-form-field.sof-form-field.mat-form-field-invalid .mdc-notched-outline__notch{border-left:none!important}::ng-deep mat-form-field.sof-form-field.mat-form-field-invalid .mat-mdc-floating-label{color:var(--error-color-900-parts)!important}::ng-deep mat-form-field.sof-form-field.mat-focused{font-weight:600!important}::ng-deep mat-form-field.sof-form-field.mat-focused input,::ng-deep mat-form-field.sof-form-field.mat-focused span.mat-mdc-select-value-text{font-weight:400!important}::ng-deep mat-form-field.sof-form-field.mat-form-field-disabled .mdc-text-field--outlined{background-color:#f7f7f7!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-form-field-flex>div.mdc-notched-outline{color:var(--primary-color-500-parts)!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-text-field-wrapper{padding:0!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-form-field-flex{padding:0 16px!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix{top:0!important;color:var(--neutral-color-300-parts)!important;padding-right:.5em!important;font-size:1.5em!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix{top:0!important;font-size:1.5em!important;color:var(--neutral-color-300-parts)!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .error{color:var(--error-color-500-parts)!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-form-field-flex div.mdc-notched-outline__leading{border-radius:6px 0 0 6px!important;min-width:6px!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-form-field-flex div.mdc-notched-outline__trailing{border-radius:0 6px 6px 0!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-form-field-subscript-wrapper{padding:14px 16px 0!important}::ng-deep mat-form-field.sof-form-field mat-error{font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:12px!important;line-height:18px!important;color:var(--error-color-900-parts)!important}::ng-deep mat-form-field.sof-form-field mat-hint{font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:12px!important;line-height:18px!important}::ng-deep mat-form-field.sof-form-field.mat-focused .mdc-floating-label{color:var(--primary-color-500-parts)!important}::ng-deep mat-form-field.sof-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,::ng-deep mat-form-field.sof-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,::ng-deep mat-form-field.sof-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--primary-color-500-parts)}::ng-deep mat-form-field.sof-form-field .mat-mdc-text-field-wrapper{--mat-mdc-form-field-label-offset-x: 0px}::ng-deep .mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option.mdc-list-item--disabled){color:var(--primary-color-500-parts)!important}mat-optgroup label,mat-optgroup mat-option{font-family:Poppins!important}@media only screen and (max-width: 959px){.mat-drawer-container.sof-ar-nav-sidenav-container{background:rgba(245,245,245,.5)!important}}::ng-deep mat-slide-toggle.sof-slide-toggle{height:auto}::ng-deep mat-slide-toggle.sof-slide-toggle .mdc-switch__track{height:22px!important;width:32px!important;border-radius:24px!important}::ng-deep mat-slide-toggle.sof-slide-toggle .mdc-switch__handle{height:20px!important;width:20px!important;border-radius:24px!important;left:-3px!important}::ng-deep mat-slide-toggle.sof-slide-toggle .mdc-switch__handle .mdc-switch__shadow{background:#fff!important}::ng-deep mat-slide-toggle.sof-slide-toggle label{font-family:Poppins!important;font-style:normal!important;font-weight:400!important;font-size:14px!important;line-height:150%!important;white-space:normal!important;flex-direction:row;align-items:start!important}::ng-deep mat-slide-toggle.sof-slide-toggle[size=large] label{font-family:Poppins!important;font-style:normal!important;font-weight:400!important;font-size:16px!important;line-height:150%!important;white-space:normal!important}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-primary{--mdc-switch-selected-focus-state-layer-color: var(--primary-color-300-parts);--mdc-switch-selected-handle-color: var(--primary-color-300-parts);--mdc-switch-selected-hover-state-layer-color: var(--primary-color-300-parts);--mdc-switch-selected-pressed-state-layer-color: var(--primary-color-300-parts);--mdc-switch-selected-focus-handle-color: var(--primary-color-600-parts);--mdc-switch-selected-hover-handle-color: var(--primary-color-600-parts);--mdc-switch-selected-pressed-handle-color: var(--primary-color-600-parts);--mdc-switch-selected-focus-track-color: var(--primary-color-500-parts);--mdc-switch-selected-hover-track-color: var(--primary-color-500-parts);--mdc-switch-selected-pressed-track-color: var(--primary-color-500-parts);--mdc-switch-selected-track-color: var(--primary-color-500-parts)}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-primary .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) .mdc-switch__handle{border:1px solid var(--primary-color-500-parts)!important}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-accent{--mdc-switch-selected-focus-state-layer-color: var(--accent-color-300-parts);--mdc-switch-selected-handle-color: var(--accent-color-300-parts);--mdc-switch-selected-hover-state-layer-color: var(--accent-color-300-parts);--mdc-switch-selected-pressed-state-layer-color: var(--accent-color-300-parts);--mdc-switch-selected-focus-handle-color: var(--accent-color-600-parts);--mdc-switch-selected-hover-handle-color: var(--accent-color-600-parts);--mdc-switch-selected-pressed-handle-color: var(--accent-color-600-parts);--mdc-switch-selected-focus-track-color: var(--accent-color-500-parts);--mdc-switch-selected-hover-track-color: var(--accent-color-500-parts);--mdc-switch-selected-pressed-track-color: var(--accent-color-500-parts);--mdc-switch-selected-track-color: var(--accent-color-500-parts)}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-accent .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) .mdc-switch__handle{border:1px solid var(--accent-color-500-parts)!important}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-warn{--mdc-switch-selected-focus-state-layer-color: var(--warn-color-300-parts);--mdc-switch-selected-handle-color: var(--warn-color-300-parts);--mdc-switch-selected-hover-state-layer-color: var(--warn-color-300-parts);--mdc-switch-selected-pressed-state-layer-color: var(--warn-color-300-parts);--mdc-switch-selected-focus-handle-color: var(--warn-color-600-parts);--mdc-switch-selected-hover-handle-color: var(--warn-color-600-parts);--mdc-switch-selected-pressed-handle-color: var(--warn-color-600-parts);--mdc-switch-selected-focus-track-color: var(--warn-color-500-parts);--mdc-switch-selected-hover-track-color: var(--warn-color-500-parts);--mdc-switch-selected-pressed-track-color: var(--warn-color-500-parts);--mdc-switch-selected-track-color: var(--warn-color-500-parts)}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-warn .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) .mdc-switch__handle{border:1px solid var(--warn-color-500-parts)!important}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-success{--mdc-switch-selected-focus-state-layer-color: var(--success-color-300-parts);--mdc-switch-selected-handle-color: var(--success-color-300-parts);--mdc-switch-selected-hover-state-layer-color: var(--success-color-300-parts);--mdc-switch-selected-pressed-state-layer-color: var(--success-color-300-parts);--mdc-switch-selected-focus-handle-color: var(--success-color-600-parts);--mdc-switch-selected-hover-handle-color: var(--success-color-600-parts);--mdc-switch-selected-pressed-handle-color: var(--success-color-600-parts);--mdc-switch-selected-focus-track-color: var(--success-color-500-parts);--mdc-switch-selected-hover-track-color: var(--success-color-500-parts);--mdc-switch-selected-pressed-track-color: var(--success-color-500-parts);--mdc-switch-selected-track-color: var(--success-color-500-parts)}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-success .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) .mdc-switch__handle{border:1px solid var(--success-color-500-parts)!important}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-error{--mdc-switch-selected-focus-state-layer-color: var(--error-color-300-parts);--mdc-switch-selected-handle-color: var(--error-color-300-parts);--mdc-switch-selected-hover-state-layer-color: var(--error-color-300-parts);--mdc-switch-selected-pressed-state-layer-color: var(--error-color-300-parts);--mdc-switch-selected-focus-handle-color: var(--error-color-600-parts);--mdc-switch-selected-hover-handle-color: var(--error-color-600-parts);--mdc-switch-selected-pressed-handle-color: var(--error-color-600-parts);--mdc-switch-selected-focus-track-color: var(--error-color-500-parts);--mdc-switch-selected-hover-track-color: var(--error-color-500-parts);--mdc-switch-selected-pressed-track-color: var(--error-color-500-parts);--mdc-switch-selected-track-color: var(--error-color-500-parts)}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-error .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) .mdc-switch__handle{border:1px solid var(--error-color-500-parts)!important}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-info{--mdc-switch-selected-focus-state-layer-color: var(--info-color-300-parts);--mdc-switch-selected-handle-color: var(--info-color-300-parts);--mdc-switch-selected-hover-state-layer-color: var(--info-color-300-parts);--mdc-switch-selected-pressed-state-layer-color: var(--info-color-300-parts);--mdc-switch-selected-focus-handle-color: var(--info-color-600-parts);--mdc-switch-selected-hover-handle-color: var(--info-color-600-parts);--mdc-switch-selected-pressed-handle-color: var(--info-color-600-parts);--mdc-switch-selected-focus-track-color: var(--info-color-500-parts);--mdc-switch-selected-hover-track-color: var(--info-color-500-parts);--mdc-switch-selected-pressed-track-color: var(--info-color-500-parts);--mdc-switch-selected-track-color: var(--info-color-500-parts)}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-info .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) .mdc-switch__handle{border:1px solid var(--info-color-500-parts)!important}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-neutral{--mdc-switch-selected-focus-state-layer-color: var(--neutral-color-300-parts);--mdc-switch-selected-handle-color: var(--neutral-color-300-parts);--mdc-switch-selected-hover-state-layer-color: var(--neutral-color-300-parts);--mdc-switch-selected-pressed-state-layer-color: var(--neutral-color-300-parts);--mdc-switch-selected-focus-handle-color: var(--neutral-color-600-parts);--mdc-switch-selected-hover-handle-color: var(--neutral-color-600-parts);--mdc-switch-selected-pressed-handle-color: var(--neutral-color-600-parts);--mdc-switch-selected-focus-track-color: var(--neutral-color-500-parts);--mdc-switch-selected-hover-track-color: var(--neutral-color-500-parts);--mdc-switch-selected-pressed-track-color: var(--neutral-color-500-parts);--mdc-switch-selected-track-color: var(--neutral-color-500-parts)}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-neutral .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) .mdc-switch__handle{border:1px solid rgba(0,0,0,.8705882353)!important}::ng-deep mat-slide-toggle.sof-slide-toggle:has(.mdc-switch--disabled) label{color:#000000de!important}@media only screen and (max-width: 599px){.mobile-sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}}.mobile-no-card{padding:36px 30px!important}@media only screen and (max-width: 599px){.mobile-no-card{background:transparent!important;box-shadow:none!important;padding:0!important}}.sm-screen-no-card{padding:36px 30px!important}@media only screen and (max-width: 959px){.sm-screen-no-card{background:transparent!important;box-shadow:none!important;padding:0!important}}@media only screen and (max-width: 959px){.sm-screen-no-white-bg{background:transparent!important}}@media only screen and (max-width: 959px){.sm-screen-card-shadow-z1{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}}@media only screen and (max-width: 959px){.sm-screen-op-7{opacity:.7}}@media only screen and (max-width: 959px){.sm-d-inline-flex{display:inline-flex!important}}@media only screen and (max-width: 599px){.mobile-no-h-margin{margin-left:0!important;margin-right:0!important}}@media only screen and (max-width: 599px){.mobile-no-h-padding{padding-left:0!important;padding-right:0!important}}@media only screen and (max-width: 599px){.mobile-full-width{width:100%}}@media only screen and (max-width: 959px){.sm-screen-full-width{width:100%}}.word-wrap-checkboxes-override label{white-space:initial!important}@media only screen and (max-width: 959px){.word-wrap-checkboxes-override label{white-space:initial}}@media only screen and (max-width: 959px){.sm-full-width-datepicker{width:100%}.sm-full-width-datepicker .mat-mdc-form-field-infix,.sm-full-width-datepicker .mat-mdc-form-field-infix>input{width:100%!important}}@media only screen and (max-width: 959px){.sof-tokenizer-button-btn-container{flex-direction:column-reverse!important;width:100%!important}.sof-tokenizer-button-btn-container button{margin:initial!important;margin-bottom:10px!important}}@media only screen and (max-width: 959px){.info-icon.mat-icon,.help-icon.mat-icon{padding-top:10px!important}}@media only screen and (max-width: 599px){.sof-ar-header--left.sof-ar-mobile-navigation{margin-left:35px!important}}@media screen and (max-width: 959px){.hidden-small-screen{display:none!important}}@media screen and (max-width: 1279px){.hidden-md-screen{display:none!important}}@media screen and (min-width: 960px){.visible-small-screen{display:none!important}}@media screen and (min-width: 1280px){.visible-md-screen{display:none!important}}.mat-card-mobile-header-override{background:var(--neutral-color-300-parts);padding:16px;margin:0 -16px}.mat-card-mobile-action-buttons-footer-override{border-top:1px solid rgba(0,0,0,.05);padding-top:16px;margin-top:36px}.mat-card-mobile-action-buttons-override button{transform:scale(.9)}@media only screen and (max-width: 959px){.sm-m-b-16{margin-bottom:16px!important}}@media only screen and (max-width: 959px){.sm-m-b-24{margin-bottom:24px!important}}@media only screen and (max-width: 959px){.sm-m-v-24{margin-top:24px!important;margin-bottom:24px!important}}@media only screen and (max-width: 959px){.sm-m-b-32{margin-bottom:32px!important}}@media only screen and (max-width: 959px){.sm-m-b-64{margin-bottom:64px!important}}@media screen and (max-width: 959px){.sm-screen-m-a-0{margin:0!important}}@media screen and (max-width: 959px){.sm-screen-m-l-0{margin-left:0!important}}@media screen and (max-width: 959px){.sm-screen-m-h-0{margin-left:0!important;margin-right:0!important}}@media screen and (max-width: 959px){.sm-screen-p-a-0{padding:0!important}}@media screen and (max-width: 959px){.sm-screen-p-h-0{padding-left:0!important;padding-right:0!important}}@media screen and (max-width: 1279px){.md-screen-p-a-0{padding:0!important}}@media only screen and (max-width: 1279px){.md-m-v-24{margin-top:24px!important;margin-bottom:24px!important}}@media screen and (max-width: 959px){.mat-responsive-table-override-sm{max-height:none!important;overflow-y:auto!important}.mat-responsive-table-override-sm .mat-mdc-table{border:0;vertical-align:middle}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-header-row{min-height:0;height:0}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-header-cell{border:10px solid;clip:rect(0 0 0 0);height:1px;min-height:1px;margin:-1px;padding:0;position:absolute;width:1px}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-row{padding:10px 20px 0;border-bottom:5px solid #ddd;display:block;min-height:1px;height:auto}.mat-responsive-table-override-sm .mat-mdc-table td.mat-mdc-cell:first-of-type{height:48px}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-cell{display:block;font-size:initial;height:auto;padding:8px 0;border-bottom-color:transparent;text-align:initial}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-cell.action-buttons{border-top:1px solid var(--neutral-color-300-parts);margin-top:24px;display:flex;flex-wrap:wrap;justify-content:flex-start;padding-bottom:0;margin-bottom:-8px}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-cell.action-buttons:before{content:none}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-cell:before{content:attr(data-label) \": \";float:left;font-weight:600;padding-right:5px}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-cell:last-child{border-bottom:0}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-cell:first-child{margin-top:4%}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-cell:first-of-type{margin:-10px -20px 8px;padding:16px 20px;background:var(--neutral-color-300-parts);box-sizing:border-box;height:auto}.mat-responsive-table-override-sm .mat-mdc-table td.mat-mdc-cell.action-buttons{margin-bottom:8px}}@media screen and (max-width: 1279px){.mat-responsive-table-override-md{max-height:none!important;overflow-y:auto!important}.mat-responsive-table-override-md .mat-mdc-table{border:0;vertical-align:middle}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-header-row{min-height:0;height:0}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-header-cell{border:10px solid;clip:rect(0 0 0 0);height:1px;min-height:1px;margin:-1px;padding:0;position:absolute;width:1px}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-row{padding:10px 20px 0;border-bottom:5px solid #ddd;display:block;min-height:1px;height:auto}.mat-responsive-table-override-md .mat-mdc-table td.mat-mdc-cell:first-of-type{height:48px}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-cell{display:block;font-size:initial;height:auto;padding:8px 0;border-bottom-color:transparent;text-align:initial}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-cell.action-buttons{border-top:1px solid var(--neutral-color-300-parts);margin-top:24px;display:flex;flex-wrap:wrap;justify-content:flex-start;padding-bottom:0;margin-bottom:-8px}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-cell.action-buttons:before{content:none}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-cell:before{content:attr(data-label) \": \";float:left;font-weight:600;padding-right:5px}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-cell:last-child{border-bottom:0}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-cell:first-child{margin-top:4%}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-cell:first-of-type{margin:-10px -20px 8px;padding:16px 20px;background:var(--neutral-color-300-parts);box-sizing:border-box;height:auto}.mat-responsive-table-override-md .mat-mdc-table td.mat-mdc-cell.action-buttons{margin-bottom:8px}}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.sof-super-header{height:34px;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 599px){.sof-super-header{justify-content:center;padding:0}}.sof-ar-header{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.sof-ar-header.sof-ar-header-shadow{box-shadow:0 1px 4px #00000080}.sof-ar-header-logo-text{font-size:20px;display:inline-block}::ng-deep .sof-ar-header-icon,::ng-deep .sof-ar-header-menu-icon{font-size:24px}::ng-deep .sof-ar-header-menu-icon{padding-right:10px}::ng-deep .sof-ar-mat-menu{border-radius:2px!important}::ng-deep .sof-ar-mat-menu .mat-mdc-menu-content{padding-top:0!important;padding-bottom:0!important;min-width:150px}::ng-deep .sof-ar-header-menu-list.sof-ar-header-menu-border{border-bottom:1px solid rgba(0,0,0,.25)!important}::ng-deep .sof-ar-header-menu-list{display:flex!important;align-items:center}::ng-deep .sof-ar-header-button-text{font-weight:600;font-size:14px;padding-left:10px;padding-right:10px}.sof-ar-header-logo{max-width:100%;height:32px}@media only screen and (max-width: 599px){.sof-ar-header-logo{height:24px}}.sof-ar-header--left{align-items:center;display:flex}.sof-ar-header--left.sof-ar-toggle-navigation{margin-left:50px}.sof-ar-header--right{text-align:right}.sof-ar-header--center{text-align:center}.sof-ar-header--right,.sof-ar-header--center,.sof-ar-header--left{flex:1}.absent-account-image{border-right:2px solid var(--primary-color-500-parts)!important;border-radius:6px!important;background:var(--primary-color-500-parts)!important;color:#fff;font-weight:500!important;font-size:16px!important;height:46px!important;margin-left:-1px!important;margin-top:-1px!important}.signed-in-name{font-weight:500!important;font-size:16px!important;color:var(--primary-color-500-parts)!important}.left-radius-10{border-top-left-radius:11px!important;border-bottom-left-radius:11px!important}.language-globe{padding-right:8px;font-size:20px!important}.dark-theme-icon{font-size:20px!important}.selected-language-icon{color:var(--primary-color-500-parts)!important;font-size:20px!important;padding-right:10px!important}.hidden{display:none}.mobile-border{padding:0;border:0px;border-radius:11px!important}\n"], dependencies: [{ kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i4.DefaultShowHideDirective, selector: " [fxShow], [fxShow.print], [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl], [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl], [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg], [fxHide], [fxHide.print], [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl], [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl], [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i4.DefaultStyleDirective, selector: " [ngStyle], [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl], [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl], [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "component", type: i10$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i14.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i14.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i14.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i10.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i13$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] });
|
|
1833
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ArmatureHeaderComponent, decorators: [{
|
|
1834
1834
|
type: Component,
|
|
1835
|
-
args: [{ selector: 'sof-ar-header', template: "<ng-container *ngIf=\"displaySuperHeader\">\r\n <div class=\"sof-super-header\" [ngStyle]=\"{'background-color' : superHeaderColor}\">\r\n <ng-content select=\"[sof-ar-super-header]\"></ng-content>\r\n </div>\r\n</ng-container>\r\n<mat-toolbar class=\"sof-ar-header\" [class.sof-ar-header-shadow]=\"headerDropShadow\"\r\n [ngStyle]=\"{'height.px': settings?.headerStyles?.height, background: headerColor, 'border-bottom': themeSettings.borderBottomSize + ' solid ' + themeSettings.borderBottomColor }\"\r\n [ngStyle.lt-sm]=\"{'height.px': settings?.headerStyles?.heightMobile || 64, background: headerColor, 'border-bottom': themeSettings.borderBottomSize + ' solid ' + themeSettings.borderBottomColor }\">\r\n <div class=\"sof-ar-header--left\" [class.sof-ar-toggle-navigation]=\"(mobileQuery.matches && (armatureNavigation || armatureHeaderOverlay)) || settings?.createSpaceForNavToggle\">\r\n <!-- Logo Image -->\r\n <ng-container *ngIf=\"displayLogo\">\r\n <ng-container *ngIf=\"settings?.logoRouterLinkPath === 'internal'; else external\">\r\n <a [routerLink]=\"settings?.logoRouterLink\">\r\n <img class=\"sof-ar-header-logo\" [src]=\"logoUrl\" alt=\"{{logoAltText | translate}}\"\r\n [ngStyle]=\"{'height.px': settings?.logoStyles?.height, 'width.px': settings?.logoStyles?.width, 'max-width': settings?.logoStyles?.width + 'px' || '100%'}\"\r\n [ngStyle.lt-sm]=\"{'height.px': settings?.logoStyles?.heightMobile, 'width.px': settings?.logoStyles?.widthMobile, 'max-width': settings?.logoStyles?.widthMobile + 'px' || '100%'}\" />\r\n </a>\r\n </ng-container>\r\n <ng-template #external>\r\n <a [href]=\"settings?.logoRouterLink\"><img class=\"sof-ar-header-logo\" [src]=\"logoUrl\"\r\n alt=\"{{logoAltText | translate}}\"\r\n [ngStyle]=\"{'height.px': settings?.logoStyles?.height, 'width.px': settings?.logoStyles?.width, 'max-width': settings?.logoStyles?.width + 'px' || '100%'}\"\r\n [ngStyle.lt-sm]=\"{'height.px': settings?.logoStyles?.heightMobile, 'width.px': settings?.logoStyles?.widthMobile, 'max-width': settings?.logoStyles?.widthMobile + 'px' || '100%'}\" />\r\n </a>\r\n </ng-template>\r\n </ng-container>\r\n <!-- Logo Text -->\r\n <ng-container *ngIf=\"displayLogoText\">\r\n <p class=\"sof-ar-header-logo-text\">{{headerLogoText}}</p>\r\n </ng-container>\r\n <!-- NG-Content Left -->\r\n <ng-content select=\"[sof-ar-header-left]\"></ng-content>\r\n </div>\r\n <div class=\"sof-ar-header--center\">\r\n <!-- NG-Content Center -->\r\n <ng-content select=\"[sof-ar-header-center]\"></ng-content>\r\n </div>\r\n <div class=\"sof-ar-header--right\" fxLayout=\"row\" fxLayoutAlign=\"end center\" fxLayoutGap=\"10px\">\r\n <!-- NG-Content Right -->\r\n <span fxFlex=\"auto 0 1\" [fxHide.lt-sm]=\"!armatureNavigation && armatureHeaderOverlay\">\r\n <ng-content select=\"[sof-ar-header-right]\"></ng-content>\r\n </span>\r\n <div fxFlex=\"auto 0 1\" *ngIf=\"displayDropDownMenu\">\r\n <button id=\"sof-ar-header-btn-dropdown\" mat-icon-button [disableRipple]=\"true\"\r\n [matMenuTriggerFor]=\"sofArHeaderMenu\" [attr.aria-label]=\"dropDownAriaText | translate\">\r\n <span [style.color]=\"iconColor\">\r\n <i class=\"{{headerDropDownIcon}}\"></i>\r\n <span class=\"sr-only\">{{dropDownMenuSRText | translate}}</span>\r\n </span>\r\n </button>\r\n <mat-menu #sofArHeaderMenu=\"matMenu\" class=\"sof-ar-mat-menu\">\r\n <!-- NG-Content Menu -->\r\n <ng-content select=\"[sof-ar-header-menu]\"></ng-content>\r\n </mat-menu>\r\n </div>\r\n <!-- Language button -->\r\n <div fxFlex=\"auto 0 1\"\r\n *ngIf=\"headerLanguageSettings?.displayLanguageOptions && headerLanguageSettings?.languages?.length > 2 && !mobileQuery.matches\">\r\n <button id=\"sof-ar-header-lang-dropdown\" mat-stroked-button class=\"sof-stroked-button\" color=\"primary\"\r\n [matMenuTriggerFor]=\"headerLanguageMenu\" [attr.aria-label]=\"headerLanguageSettings.buttonText | translate\">\r\n <span>\r\n <i class=\"far fa-globe language-globe\"></i>\r\n {{headerLanguageSettings.buttonText | translate}}\r\n </span>\r\n </button>\r\n <mat-menu #headerLanguageMenu=\"matMenu\" class=\"sof-ar-mat-menu\">\r\n <button mat-menu-item *ngFor=\"let lang of headerLanguageSettings.languages\" (click)=\"setLanguage$.emit(lang)\"\r\n id=\"apply-lang-btn-{{lang}}\">\r\n <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\">\r\n <div fxFlex=\"auto\">\r\n {{ lang | translate }}\r\n </div>\r\n <div fxFlex=\"auto\" fxLayoutAlign=\"end end\">\r\n <i *ngIf=\"currentLang === lang\" class=\"fad fa-check selected-language-icon\"></i>\r\n </div>\r\n </div>\r\n </button>\r\n </mat-menu>\r\n </div>\r\n <div\r\n *ngIf=\"headerLanguageSettings?.displayLanguageOptions && headerLanguageSettings?.languages?.length === 2 && !mobileQuery.matches\">\r\n <button *ngIf=\"headerLanguageSettings.languages.length === 2\" id=\"sof-ar-header-lang-button\" mat-stroked-button\r\n class=\"sof-stroked-button\" color=\"primary\" [attr.aria-label]=\"headerLanguageSettings.buttonText | translate\"\r\n (click)=\"setLanguage$.emit()\">\r\n <span fxLayoutAlign=\"center center\">\r\n <i class=\"far fa-globe language-globe\"></i>\r\n {{otherLangText | translate}}\r\n </span>\r\n </button>\r\n </div>\r\n <!-- Authorization button -->\r\n <div fxFlex=\"auto 0 1\" *ngIf=\"settings?.displayAuthInfo\">\r\n <button *ngIf=\"!isLoggedIn;else loggedIn\" id=\"sof-ar-header-btn-auth\" mat-stroked-button color=\"primary\" (click)=\"authorizeUser()\"\r\n [attr.aria-label]=\"authBtnText | translate\" class=\"sof-stroked-button\">\r\n {{ authBtnText | translate }}\r\n </button>\r\n <ng-template #loggedIn>\r\n <div fxLayout=\"row\" fxLayoutAlign=\"end center\" fxLayoutGap=\"10px\">\r\n <div fxFlex=\"auto 0 1\">\r\n <button id=\"sof-ar-logged-in-btn-dropdown\" [matMenuTriggerFor]=\"sofArLoginMenu\"\r\n [attr.aria-label]=\"dropDownAriaText | translate\" mat-stroked-button style=\"padding-left:0px !important\"\r\n ngClass=\"left-radius-10 sof-stroked-button\" color=\"primary\" ngClass.lt-md=\"mobile-border\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"15px\">\r\n <div fxFlex=\"46px\" fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"absent-account-image\">\r\n <div fxFlex=\"100%\">\r\n {{ userName.charAt(0).toUpperCase() }}\r\n </div>\r\n </div>\r\n <div fxShow fxHide.lt-md fxFlex=\"auto\" class=\"signed-in-name\">\r\n {{ userName }}\r\n </div>\r\n </div>\r\n </button>\r\n <!-- Login menu -->\r\n <mat-menu #sofArLoginMenu=\"matMenu\" class=\"sof-ar-mat-menu\" id=\"loginMenu\">\r\n <a mat-menu-item href=\"{{manageUrl}}\" target=\"_blank\">\r\n {{ authSettings.myAccountText | translate }}\r\n </a>\r\n <div *ngIf=\"settings.displayDarkTheme\" mat-menu-item (click)=\"$event.stopPropagation()\" disabled>\r\n <mat-slide-toggle color=\"accent\" labelPosition=\"before\" [aria-label]=\"settings.darkThemeText\"\r\n [id]=\"'dark-theme-toggle-btn'\" (change)=\"toggleTheme($event)\">\r\n {{ settings.darkThemeText + '(coming soon!)' | translate }}\r\n <!-- TODO: determine if icon is liked <i class=\"fad fa-moon-cloud dark-theme-icon\"></i> -->\r\n </mat-slide-toggle>\r\n </div>\r\n <ng-content select=\"[sof-header-user-menu]\"></ng-content>\r\n </mat-menu>\r\n </div>\r\n <div fxFlex=\"auto 0 1\">\r\n <button id=\"sof-ar-log-out-btn\" mat-stroked-button class=\"sof-stroked-icon-button\" color=\"primary\" size=\"medium\"\r\n [class.hidden]=\"mobileQuery.matches\" (click)=\"authorizeUser()\" [attr.aria-label]=\"authBtnText | translate\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\r\n <i fxFlex=\"100%\" class=\"fas fa-sign-out-alt\"></i>\r\n </div>\r\n </button>\r\n </div>\r\n </div>\r\n </ng-template>\r\n </div>\r\n </div>\r\n</mat-toolbar>\r\n", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #fafafa;--neutral-color-100-parts: #f5f5f5;--neutral-color-200-parts: #eeeeee;--neutral-color-300-parts: #e0e0e0;--neutral-color-400-parts: #bdbdbd;--neutral-color-500-parts: #9e9e9e;--neutral-color-600-parts: #757575;--neutral-color-700-parts: #616161;--neutral-color-800-parts: #424242;--neutral-color-900-parts: #212121;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 250, 250, 250;--neutral-color-100-parts-rgb: 245, 245, 245;--neutral-color-200-parts-rgb: 238, 238, 238;--neutral-color-300-parts-rgb: 224, 224, 224;--neutral-color-400-parts-rgb: 189, 189, 189;--neutral-color-500-parts-rgb: 158, 158, 158;--neutral-color-600-parts-rgb: 117, 117, 117;--neutral-color-700-parts-rgb: 97, 97, 97;--neutral-color-800-parts-rgb: 66, 66, 66;--neutral-color-900-parts-rgb: 33, 33, 33;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}[m-t-0],.m-t-0{margin-top:0!important}[m-t-5],.m-t-5{margin-top:5px!important}[m-t-10],.m-t-10{margin-top:10px!important}[m-t-15],.m-t-15{margin-top:15px!important}[m-t-20],.m-t-20{margin-top:20px!important}[m-t-24],.m-t-24{margin-top:24px!important}[m-t-25],.m-t-25{margin-top:25px!important}[m-t-30],.m-t-30{margin-top:30px!important}[m-t-32],.m-t-32{margin-top:32px!important}[m-t-40],.m-t-40{margin-top:40px!important}[m-t-45],.m-t-45,[m-t-50],.m-t-50{margin-top:45px!important}.m-t-55,[m-t-55]{margin-top:55px!important}[m-t-60],.m-t-60{margin-top:60px!important}.m-r-0,[m-r-0]{margin-right:0!important}.m-r-5,[m-r-5]{margin-right:5px!important}.m-r-10,[m-r-10]{margin-right:10px!important}.m-r-20,[m-r-20]{margin-right:20px!important}.m-r-60,[m-r-60]{margin-right:60px!important}[m-b-0],.m-b-0{margin-bottom:0!important}[m-b-5],.m-b-5{margin-bottom:5px!important}[m-b-10],.m-b-10{margin-bottom:10px!important}[m-b-15],.m-b-15{margin-bottom:15px!important}[m-b-20],.m-b-20{margin-bottom:20px!important}[m-b-24],.m-b-24{margin-bottom:24px!important}[m-b-25],.m-b-25{margin-bottom:25px!important}[m-b-30],.m-b-30{margin-bottom:30px!important}[m-b-37],.m-b-37{margin-bottom:37px!important}[m-b-45],.m-b-45{margin-bottom:45px!important}[m-b-50],.m-b-50{margin-bottom:50px!important}[m-b-65],.m-b-65{margin-bottom:65px!important}.m-l-0,[m-l-0]{margin-left:0!important}.m-l-5,[m-l-5]{margin-left:5px!important}.m-l-8,[m-l-8]{margin-left:8px!important}.m-l-10,[m-l-10]{margin-left:10px!important}.m-l-15,[m-l-15]{margin-left:15px!important}[m-l-20],.m-l-20{margin-left:20px!important}.m-l-35,[m-l-35]{margin-left:35px!important}.m-h-0,[m-h-0]{margin-left:0!important;margin-right:0!important}.m-h-5,[m-h-5]{margin-left:5px!important;margin-right:5px!important}.m-h-10,[m-h-10]{margin-left:10px!important;margin-right:10px!important}.m-h-15,[m-h-15]{margin-left:15px!important;margin-right:15px!important}.m-h-20,[m-h-20]{margin-left:20px!important;margin-right:20px!important}.m-h-24,[m-h-24]{margin-left:24px!important;margin-right:24px!important}.m-h-25,[m-h-25]{margin-left:25px!important;margin-right:25px!important}.m-h-30,[m-h-30]{margin-left:30px!important;margin-right:30px!important}.m-h-68,[m-h-68]{margin-left:68px!important;margin-right:68px!important}.m-h-70,[m-h-70]{margin-left:70px!important;margin-right:70px!important}.m-v-0,[m-v-0]{margin-top:0!important;margin-bottom:0!important}.m-v-5,[m-v-5]{margin-top:5px!important;margin-bottom:5px!important}.m-v-10,[m-v-10]{margin-top:10px!important;margin-bottom:10px!important}[m-v-15],.m-v-15{margin-top:15px!important;margin-bottom:15px!important}.m-v-18,[m-v-18]{margin-top:18px!important;margin-bottom:18px!important}.m-v-20,[m-v-20]{margin-top:20px!important;margin-bottom:20px!important}[m-v-24],.m-v-24{margin-top:24px!important;margin-bottom:24px!important}[m-v-25],.m-v-25{margin-top:25px!important;margin-bottom:25px!important}.m-v-30,[m-v-30]{margin-top:30px!important;margin-bottom:30px!important}.m-v-35,[m-v-35]{margin-top:35px!important;margin-bottom:35px!important}.m-v-40,[m-v-40]{margin-top:40px!important;margin-bottom:40px!important}.m-v-45,[m-v-45]{margin-top:45px!important;margin-bottom:45px!important}.m-v-50,[m-v-50]{margin-top:50px!important;margin-bottom:50px!important}.m-v-60,[m-v-60]{margin-top:60px!important;margin-bottom:60px!important}.m-a-0,[m-a-0]{margin:0!important}.m-a-5,[m-a-5]{margin:5px!important}.m-a-10,[m-a-10]{margin:10px!important}.m-a-15,[m-a-15]{margin:15px!important}.m-a-20,[m-a-20]{margin:20px!important}.m-a-25,[m-a-25]{margin:25px!important}.m-a-30,[m-a-30]{margin:30px!important}[p-t-0],.p-t-0{padding-top:0!important}[p-t-4],.p-t-4{padding-top:4px!important}[p-t-5],.p-t-5{padding-top:5px!important}[p-t-6],.p-t-6{padding-top:6px!important}[p-t-8],.p-t-8{padding-top:8px!important}[p-t-10],.p-t-10{padding-top:10px!important}[p-t-12],.p-t-12{padding-top:12px!important}.p-t-15,[p-t-15]{padding-top:15px!important}.p-t-16,[p-t-16]{padding-top:16px!important}[p-t-17],.p-t-17{padding-top:17px!important}[p-t-18],.p-t-18{padding-top:18px!important}[p-t-20],.p-t-20{padding-top:20px!important}[p-t-24],.p-t-24{padding-top:24px!important}[p-t-25],.p-t-25{padding-top:25px!important}.p-t-30,[p-t-30]{padding-top:30px!important}.p-t-35,[p-t-35]{padding-top:35px!important}.p-t-40,[p-t-40]{padding-top:40px!important}.p-t-45,[p-t-45]{padding-top:45px!important}.p-t-48,[p-t-48]{padding-top:48px!important}.p-t-50,[p-t-50]{padding-top:50px!important}.p-t-55,[p-t-55]{padding-top:55px!important}.p-t-60,[p-t-60]{padding-top:60px!important}.p-t-65,[p-t-60]{padding-top:65px!important}[p-r-0],.p-r-0{padding-right:0!important}[p-r-5],.p-r-5{padding-right:5px!important}[p-r-6],.p-r-6{padding-right:6px!important}[p-r-10],.p-r-10{padding-right:10px!important}[p-r-15],.p-r-15{padding-right:15px!important}[p-r-20],.p-r-20{padding-right:20px!important}[p-r-25],.p-r-25{padding-right:25px!important}[p-b-0],.p-b-0{padding-bottom:0!important}[p-b-5],.p-b-5{padding-bottom:5px!important}[p-b-10],.p-b-10{padding-bottom:10px!important}[p-b-12],.p-b-12{padding-bottom:12px!important}[p-b-15],.p-b-15{padding-bottom:15px!important}[p-b-20],.p-b-20{padding-bottom:20px!important}[p-b-25],.p-b-25{padding-bottom:25px!important}[p-b-30],.p-b-30{padding-bottom:30px!important}[p-b-35],.p-b-35{padding-bottom:35px!important}[p-b-40],.p-b-40{padding-bottom:40px!important}[p-b-45],.p-b-45{padding-bottom:45px!important}[p-b-50],.p-b-50{padding-bottom:50px!important}[p-b-55],.p-b-55{padding-bottom:55px!important}[p-b-60],.p-b-60{padding-bottom:60px!important}[p-b-100],.p-b-100{padding-bottom:100px!important}.p-l-0,[p-l-0]{padding-left:0!important}.p-l-4,[p-l-4]{padding-left:4px!important}.p-l-5,[p-l-5]{padding-left:5px!important}.p-l-10,[p-l-10]{padding-left:10px!important}.p-l-12,[p-l-12]{padding-left:12px!important}.p-l-15,[p-l-15]{padding-left:15px!important}.p-l-20,[p-l-20]{padding-left:20px!important}.p-l-25,[p-l-25]{padding-left:25px!important}.p-l-30,[p-l-30]{padding-left:30px!important}[p-h-0],.p-h-0{padding-left:0!important;padding-right:0!important}[p-h-5],.p-h-5{padding-left:5px!important;padding-right:5px!important}[p-h-6],.p-h-6{padding-left:6px!important;padding-right:6px!important}[p-h-10],.p-h-10{padding-left:10px!important;padding-right:10px!important}[p-h-15],.p-h-15{padding-left:15px!important;padding-right:15px!important}[p-h-16],.p-h-16{padding-left:16px!important;padding-right:16px!important}[p-h-20],.p-h-20{padding-left:20px!important;padding-right:20px!important}[p-v-0],.p-v-0{padding-top:0!important;padding-bottom:0!important}[p-v-5],.p-v-5{padding-top:5px!important;padding-bottom:5px!important}[p-v-6],.p-v-6{padding-top:6px!important;padding-bottom:6px!important}[p-v-10],.p-v-10{padding-top:10px!important;padding-bottom:10px!important}[p-v-15],.p-v-15{padding-top:15px!important;padding-bottom:15px!important}[p-v-16],.p-v-16{padding-top:16px!important;padding-bottom:16px!important}[p-v-20],.p-v-20{padding-top:20px!important;padding-bottom:20px!important}[p-v-25],.p-v-25{padding-top:25px!important;padding-bottom:25px!important}[p-v-30],.p-v-30{padding-top:30px!important;padding-bottom:30px!important}[p-v-35],.p-v-35{padding-top:35px!important;padding-bottom:35px!important}[p-v-40],.p-v-40{padding-top:40px!important;padding-bottom:40px!important}[p-v-45],.p-v-45{padding-top:45px!important;padding-bottom:45px!important}[p-v-50],.p-v-50{padding-top:50px!important;padding-bottom:50px!important}[p-v-55],.p-v-55{padding-top:55px!important;padding-bottom:55px!important}[p-v-100],.p-v-100{padding-top:100px!important;padding-bottom:100px!important}[p-a-0],.p-a-0{padding:0!important}[p-a-5],.p-a-5{padding:5px!important}[p-a-10],.p-a-10{padding:10px!important}[p-a-15],.p-a-15{padding:15px!important}[p-a-20],.p-a-20{padding:20px!important}[p-a-25],.p-a-25{padding:25px!important}.input-w-300,[input-w-300]{width:300px!important}.input-w-200,[input-w-200]{width:200px!important}.input-w-150,[input-w-150]{width:150px!important}.input-w-120,[input-w-120]{width:120px!important}.text-left,[text-left]{text-align:left}.text-center,[text-center]{text-align:center!important}[p-x-16],.p-x-16{padding-left:16px!important;padding-right:16px!important}body{letter-spacing:0px;font-family:Poppins,sans-serif!important;font-size:14px;margin:0!important}body .mat-ripple-element{background-color:#0000001a}body .mat-mdc-option{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}body .mat-mdc-option:hover:not(.mdc-list-item--disabled),body .mat-mdc-option:focus:not(.mdc-list-item--disabled),body .mat-mdc-option.mat-mdc-option-active,body .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled){background:rgba(0,0,0,.04)}body .mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-primary)}body .mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-secondary)}body .mat-warn .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-error, #f44336)}body .mat-mdc-optgroup-label{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}body .mat-pseudo-checkbox{color:#0000008a}body .mat-pseudo-checkbox:after{color:#fafafa}body .mat-pseudo-checkbox-disabled{color:#b0b0b0}body .mat-warn .mat-pseudo-checkbox-checked,body .mat-warn .mat-pseudo-checkbox-indeterminate{background:#f44336}body .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,body .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background:#b0b0b0}body .mat-app-background,body.mat-app-background{background-color:#fafafa;color:#000000de}body .mat-elevation-z0,body .mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}body .mat-elevation-z1,body .mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}body .mat-elevation-z2,body .mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}body .mat-elevation-z3,body .mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}body .mat-elevation-z4,body .mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}body .mat-elevation-z5,body .mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f}body .mat-elevation-z6,body .mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}body .mat-elevation-z7,body .mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f}body .mat-elevation-z8,body .mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}body .mat-elevation-z9,body .mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f}body .mat-elevation-z10,body .mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f}body .mat-elevation-z11,body .mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f}body .mat-elevation-z12,body .mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}body .mat-elevation-z13,body .mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f}body .mat-elevation-z14,body .mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f}body .mat-elevation-z15,body .mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f}body .mat-elevation-z16,body .mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}body .mat-elevation-z17,body .mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f}body .mat-elevation-z18,body .mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f}body .mat-elevation-z19,body .mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f}body .mat-elevation-z20,body .mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f}body .mat-elevation-z21,body .mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f}body .mat-elevation-z22,body .mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f}body .mat-elevation-z23,body .mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f}body .mat-elevation-z24,body .mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.mat-theme-loaded-marker{display:none}body .mat-mdc-option{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body1-font-size, 16px);line-height:var(--mdc-typography-body1-line-height, 24px);font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em)}.merriweather{font-family:Merriweather,serif!important}.poppins{font-family:Poppins,sans-serif!important}.h1,[h1],h1{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:34px;line-height:48px;letter-spacing:normal;margin:0;padding:0}@media only screen and (max-width: 959px){.h1,[h1],h1{font-size:28px}}.h2,[h2],h2{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:24px;line-height:33px;letter-spacing:normal;margin:0;padding:0}@media only screen and (max-width: 959px){.h2,[h2],h2{font-size:24px}}.h3,[h3],h3{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:20px;line-height:28px;letter-spacing:normal;margin:0;padding:0}@media only screen and (max-width: 959px){.h3,[h3],h3{font-size:20px}}.h4,[h4],h4{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:27px;letter-spacing:normal;margin:0;padding:0}@media only screen and (max-width: 959px){.h4,[h4],h4{font-size:18px}}.body1{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:24px;letter-spacing:normal}@media only screen and (max-width: 959px){.body1{font-size:16px}}.body2{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:21px;letter-spacing:normal}@media only screen and (max-width: 959px){.body2{font-size:16px}}mat-form-field.body1{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:400!important;font-size:16px!important;line-height:24px!important;letter-spacing:normal!important}@media only screen and (max-width: 959px){mat-form-field.body1{font-size:16px!important}}mat-form-field.body2{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:21px;letter-spacing:normal}@media only screen and (max-width: 959px){mat-form-field.body2{font-size:16px}}.ls-half{letter-spacing:.5px!important}.ls-quarter{letter-spacing:.25px!important}.fw-500{font-weight:500!important}.fw-600{font-weight:600!important}.color-primary{color:var(--primary-color-500-parts)}.color-accent{color:var(--accent-color-500-parts)}.color-warn{color:var(--warn-color-500-parts)}.color-info{color:var(--info-color-500-parts)}.color-success{color:var(--success-color-500-parts)}.color-error{color:var(--error-color-500-parts)}.color-neutral{color:var(--neutral-color-500-parts)}.full-width{width:100%!important}.delete-icon{cursor:pointer;font-size:1.5em;color:var(--warn-color-500-parts)}.tooltip{cursor:pointer}.relative{position:relative}.left-align{text-align:left}.center-align{text-align:center}::ng-deep mat-button-toggle-group.sof-toggle-group{height:48px!important}::ng-deep mat-button-toggle-group.sof-toggle-group.mat-button-toggle-group.mat-button-toggle-group-appearance-standard{border:none!important;border-radius:0!important}::ng-deep mat-button-toggle-group.sof-toggle-group.full-width .toggle-left{width:100%!important}::ng-deep mat-button-toggle-group.sof-toggle-group.full-width .toggle-middle{width:100%!important}::ng-deep mat-button-toggle-group.sof-toggle-group.full-width .toggle-right{width:100%!important}::ng-deep mat-button-toggle-group.sof-toggle-group .mat-button-toggle-label-content{text-transform:uppercase!important;font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:16px!important;line-height:24px!important;letter-spacing:.05em!important;text-align:center!important;color:#000!important}::ng-deep mat-button-toggle-group.sof-toggle-group .mat-button-toggle-button{height:100%!important}::ng-deep mat-button-toggle-group.sof-toggle-group .mat-button-toggle-checked{background-color:var(--primary-color-100-parts)!important}::ng-deep mat-button-toggle-group.sof-toggle-group .toggle-left{border-top:2px solid var(--primary-color-500-parts)!important;border-bottom:2px solid var(--primary-color-500-parts)!important;border-left:2px solid var(--primary-color-500-parts)!important;border-right:1px solid var(--primary-color-500-parts)!important;border-radius:6px 0 0 6px!important;width:120px!important}::ng-deep mat-button-toggle-group.sof-toggle-group .toggle-middle{border-top:2px solid var(--primary-color-500-parts)!important;border-bottom:2px solid var(--primary-color-500-parts)!important;border-left:1px solid var(--primary-color-500-parts)!important;border-right:1px solid var(--primary-color-500-parts)!important;border-radius:0!important;width:120px!important}::ng-deep mat-button-toggle-group.sof-toggle-group .toggle-right{border-top:2px solid var(--primary-color-500-parts)!important;border-bottom:2px solid var(--primary-color-500-parts)!important;border-left:1px solid var(--primary-color-500-parts)!important;border-right:2px solid var(--primary-color-500-parts)!important;border-radius:0 6px 6px 0!important;width:120px!important}::ng-deep mat-button-toggle-group.sof-toggle-group .mat-button-toggle-disabled.mat-button-toggle-checked{background-color:var(--neutral-color-200-parts)!important}::ng-deep mat-button-toggle-group.sof-toggle-group .mat-button-toggle-disabled.toggle-left{border-top:2px solid var(--neutral-color-400-parts)!important;border-bottom:2px solid var(--neutral-color-400-parts)!important;border-left:2px solid var(--neutral-color-400-parts)!important;border-right:1px solid var(--neutral-color-400-parts)!important;border-radius:6px 0 0 6px!important;width:120px!important}::ng-deep mat-button-toggle-group.sof-toggle-group .mat-button-toggle-disabled.toggle-middle{border-top:2px solid var(--neutral-color-400-parts)!important;border-bottom:2px solid var(--neutral-color-400-parts)!important;border-left:1px solid var(--neutral-color-400-parts)!important;border-right:1px solid var(--neutral-color-400-parts)!important;border-radius:0!important;width:120px!important}::ng-deep mat-button-toggle-group.sof-toggle-group .mat-button-toggle-disabled.toggle-right{border-top:2px solid var(--neutral-color-400-parts)!important;border-bottom:2px solid var(--neutral-color-400-parts)!important;border-left:1px solid var(--neutral-color-400-parts)!important;border-right:2px solid var(--neutral-color-400-parts)!important;border-radius:0 6px 6px 0!important;width:120px!important}::ng-deep mat-button-toggle-group.sof-toggle-group[size=small]{height:36px!important}::ng-deep mat-button-toggle-group.sof-toggle-group[size=medium]{height:48px!important}::ng-deep mat-button-toggle-group.sof-toggle-group[size=large]{height:56px!important}button.mat-mdc-button.sof-button{padding:0 24px!important;height:48px!important;border-radius:6px!important;font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:16px!important;line-height:24px!important;letter-spacing:.05em!important;text-transform:uppercase!important}button.mat-mdc-button.sof-button.fixed-width{width:200px!important}button.mat-mdc-button.sof-button.full-width{width:100%!important}button.mat-mdc-button.sof-button:enabled.mat-primary{color:var(--primary-color-500-parts)!important}button.mat-mdc-button.sof-button:enabled.mat-primary:hover{background-color:var(--primary-color-50-parts)}button.mat-mdc-button.sof-button:enabled.mat-primary:focus{background-color:var(--primary-color-100-parts)}button.mat-mdc-button.sof-button:enabled.mat-accent{color:var(--accent-color-500-parts)!important}button.mat-mdc-button.sof-button:enabled.mat-accent:hover{background-color:var(--accent-color-50-parts)}button.mat-mdc-button.sof-button:enabled.mat-accent:focus{background-color:var(--accent-color-100-parts)}button.mat-mdc-button.sof-button:enabled.mat-warn{color:var(--warn-color-500-parts)!important}button.mat-mdc-button.sof-button:enabled.mat-warn:hover{background-color:var(--warn-color-50-parts)}button.mat-mdc-button.sof-button:enabled.mat-warn:focus{background-color:var(--warn-color-100-parts)}button.mat-mdc-button.sof-button:enabled.mat-success{color:var(--success-color-500-parts)!important}button.mat-mdc-button.sof-button:enabled.mat-success:hover{background-color:var(--success-color-50-parts)}button.mat-mdc-button.sof-button:enabled.mat-success:focus{background-color:var(--success-color-100-parts)}button.mat-mdc-button.sof-button:enabled.mat-error{color:var(--error-color-500-parts)!important}button.mat-mdc-button.sof-button:enabled.mat-error:hover{background-color:var(--error-color-50-parts)}button.mat-mdc-button.sof-button:enabled.mat-error:focus{background-color:var(--error-color-100-parts)}button.mat-mdc-button.sof-button:enabled.mat-info{color:var(--info-color-500-parts)!important}button.mat-mdc-button.sof-button:enabled.mat-info:hover{background-color:var(--info-color-50-parts)}button.mat-mdc-button.sof-button:enabled.mat-info:focus{background-color:var(--info-color-100-parts)}button.mat-mdc-button.sof-button:enabled.mat-neutral{color:#000000de!important}button.mat-mdc-button.sof-button:enabled.mat-neutral:hover{background-color:var(--neutral-color-50-parts)}button.mat-mdc-button.sof-button:enabled.mat-neutral:focus{background-color:var(--neutral-color-100-parts)}button.mat-mdc-button.sof-button:disabled{color:#0009!important;opacity:1!important}button.mat-mdc-button.sof-button i{margin-left:-8px!important;margin-right:4px!important}button.mat-mdc-button.sof-button[size=small]{height:36px!important}button.mat-mdc-button.sof-button[size=small] i{font-size:1em!important}button.mat-mdc-button.sof-button[size=medium]{height:48px!important}button.mat-mdc-button.sof-button[size=medium] i{font-size:1em!important}button.mat-mdc-button.sof-button[size=large]{height:56px!important}button.mat-mdc-button.sof-button[size=large] i{font-size:1.15em!important}button.mat-mdc-button.sof-icon-button{border-radius:6px!important;padding:0!important}button.mat-mdc-button.sof-icon-button:enabled.mat-primary{color:var(--primary-color-500-parts)!important}button.mat-mdc-button.sof-icon-button:enabled.mat-primary:hover{background-color:var(--primary-color-50-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-primary:focus{background-color:var(--primary-color-100-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-accent{color:var(--accent-color-500-parts)!important}button.mat-mdc-button.sof-icon-button:enabled.mat-accent:hover{background-color:var(--accent-color-50-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-accent:focus{background-color:var(--accent-color-100-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-warn{color:var(--warn-color-500-parts)!important}button.mat-mdc-button.sof-icon-button:enabled.mat-warn:hover{background-color:var(--warn-color-50-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-warn:focus{background-color:var(--warn-color-100-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-success{color:var(--success-color-500-parts)!important}button.mat-mdc-button.sof-icon-button:enabled.mat-success:hover{background-color:var(--success-color-50-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-success:focus{background-color:var(--success-color-100-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-error{color:var(--error-color-500-parts)!important}button.mat-mdc-button.sof-icon-button:enabled.mat-error:hover{background-color:var(--error-color-50-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-error:focus{background-color:var(--error-color-100-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-info{color:var(--info-color-500-parts)!important}button.mat-mdc-button.sof-icon-button:enabled.mat-info:hover{background-color:var(--info-color-50-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-info:focus{background-color:var(--info-color-100-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-neutral{color:#000000de!important}button.mat-mdc-button.sof-icon-button:enabled.mat-neutral:hover{background-color:var(--neutral-color-50-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-neutral:focus{background-color:var(--neutral-color-100-parts)}button.mat-mdc-button.sof-icon-button:disabled{color:#0009!important;opacity:1!important}button.mat-mdc-button.sof-icon-button[size=small]{height:36px!important;width:36px!important;min-width:36px!important;font-size:19px!important}button.mat-mdc-button.sof-icon-button[size=medium]{height:48px!important;width:48px!important;min-width:48px!important;font-size:26px!important}button.mat-mdc-button.sof-icon-button[size=large]{height:56px!important;width:56px!important;min-width:56px!important;font-size:26px!important}button.mat-mdc-unelevated-button.sof-flat-button{padding:0 24px!important;height:48px!important;border-radius:6px!important;font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:16px!important;line-height:24px!important;letter-spacing:.05em!important;text-transform:uppercase!important}button.mat-mdc-unelevated-button.sof-flat-button.fixed-width{width:200px!important}button.mat-mdc-unelevated-button.sof-flat-button.full-width{width:100%!important}button.mat-mdc-unelevated-button.sof-flat-button:enabled{color:#fff!important}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-primary{background:var(--primary-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-primary:hover{background-color:var(--primary-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-primary:focus{background-color:var(--primary-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-accent{background:var(--accent-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-accent:hover{background-color:var(--accent-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-accent:focus{background-color:var(--accent-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-warn{background:var(--warn-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-warn:hover{background-color:var(--warn-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-warn:focus{background-color:var(--warn-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-success{background:var(--success-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-success:hover{background-color:var(--success-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-success:focus{background-color:var(--success-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-error{background:var(--error-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-error:hover{background-color:var(--error-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-error:focus{background-color:var(--error-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-info{background:var(--info-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-info:hover{background-color:var(--info-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-info:focus{background-color:var(--info-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-neutral{background:rgba(0,0,0,.8705882353)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-neutral:hover{background-color:var(--neutral-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-neutral:focus{background-color:var(--neutral-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled i{color:#fff!important}button.mat-mdc-unelevated-button.sof-flat-button:disabled{background:#f7f7f7!important;color:#0009!important;opacity:1!important}button.mat-mdc-unelevated-button.sof-flat-button i{margin-left:-8px!important;margin-right:4px!important}button.mat-mdc-unelevated-button.sof-flat-button[size=small]{height:36px!important}button.mat-mdc-unelevated-button.sof-flat-button[size=small] i{font-size:1em!important}button.mat-mdc-unelevated-button.sof-flat-button[size=medium]{height:48px!important}button.mat-mdc-unelevated-button.sof-flat-button[size=medium] i{font-size:1em!important}button.mat-mdc-unelevated-button.sof-flat-button[size=large]{height:56px!important}button.mat-mdc-unelevated-button.sof-flat-button[size=large] i{font-size:1.15em!important}button.mat-mdc-unelevated-button.sof-flat-icon-button{border-radius:6px!important;padding:0!important}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled{color:#fff!important}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-primary{background:var(--primary-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-primary:hover{background-color:var(--primary-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-primary:focus{background-color:var(--primary-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-accent{background:var(--accent-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-accent:hover{background-color:var(--accent-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-accent:focus{background-color:var(--accent-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-warn{background:var(--warn-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-warn:hover{background-color:var(--warn-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-warn:focus{background-color:var(--warn-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-success{background:var(--success-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-success:hover{background-color:var(--success-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-success:focus{background-color:var(--success-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-error{background:var(--error-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-error:hover{background-color:var(--error-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-error:focus{background-color:var(--error-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-info{background:var(--info-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-info:hover{background-color:var(--info-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-info:focus{background-color:var(--info-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-neutral{background:rgba(0,0,0,.8705882353)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-neutral:hover{background-color:var(--neutral-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-neutral:focus{background-color:var(--neutral-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled i{color:#fff!important}button.mat-mdc-unelevated-button.sof-flat-icon-button:disabled{background:#f7f7f7!important;color:#0009!important;opacity:1!important}button.mat-mdc-unelevated-button.sof-flat-icon-button[size=small]{height:36px!important;width:36px!important;min-width:36px!important;font-size:19px!important}button.mat-mdc-unelevated-button.sof-flat-icon-button[size=medium]{height:48px!important;width:48px!important;min-width:48px!important;font-size:26px!important}button.mat-mdc-unelevated-button.sof-flat-icon-button[size=large]{height:56px!important;width:56px!important;min-width:56px!important;font-size:26px!important}button.mat-mdc-outlined-button.sof-stroked-button{padding:0 24px!important;height:48px!important;border:none!important;border-radius:6px!important;font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:16px!important;line-height:24px!important;letter-spacing:.05em!important;text-transform:uppercase!important}button.mat-mdc-outlined-button.sof-stroked-button.fixed-width{width:200px!important}button.mat-mdc-outlined-button.sof-stroked-button.full-width{width:100%!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-primary{background-color:var(--primary-color-50-parts)!important;color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-primary i{color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-primary:hover{background-color:var(--primary-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-primary:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-primary:focus{background-color:var(--primary-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-primary:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-accent{background-color:var(--accent-color-50-parts)!important;color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-accent i{color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-accent:hover{background-color:var(--accent-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-accent:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-accent:focus{background-color:var(--accent-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-accent:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-warn{background-color:var(--warn-color-50-parts)!important;color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-warn i{color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-warn:hover{background-color:var(--warn-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-warn:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-warn:focus{background-color:var(--warn-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-warn:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-success{background-color:var(--success-color-50-parts)!important;color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-success i{color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-success:hover{background-color:var(--success-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-success:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-success:focus{background-color:var(--success-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-success:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-info{background-color:var(--info-color-50-parts)!important;color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-info i{color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-info:hover{background-color:var(--info-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-info:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-info:focus{background-color:var(--info-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-info:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-error{background-color:var(--error-color-50-parts)!important;color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-error i{color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-error:hover{background-color:var(--error-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-error:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-error:focus{background-color:var(--error-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-error:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-neutral{background-color:var(--neutral-color-50-parts)!important;color:#000000de!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-neutral i{color:#000000de!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-neutral:hover{background-color:var(--neutral-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-neutral:focus{background-color:var(--neutral-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:disabled{background:#f7f7f7!important;color:#0009!important;opacity:1!important}button.mat-mdc-outlined-button.sof-stroked-button i{margin-left:-8px!important;margin-right:4px!important}button.mat-mdc-outlined-button.sof-stroked-button-outline{padding:0 24px!important;height:48px!important;background:#ffffff!important;border-radius:6px!important;font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:16px!important;line-height:24px!important;letter-spacing:.05em!important;text-transform:uppercase!important}button.mat-mdc-outlined-button.sof-stroked-button-outline.fixed-width{width:200px!important}button.mat-mdc-outlined-button.sof-stroked-button-outline.full-width{width:100%!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-primary{border:2px solid var(--primary-color-500-parts)!important;color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-primary i{color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-primary:hover{background-color:var(--primary-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-primary:focus{background-color:var(--primary-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-accent{border:2px solid var(--accent-color-500-parts)!important;color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-accent i{color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-accent:hover{background-color:var(--accent-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-accent:focus{background-color:var(--accent-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-warn{border:2px solid var(--warn-color-500-parts)!important;color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-warn i{color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-warn:hover{background-color:var(--warn-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-warn:focus{background-color:var(--warn-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-success{border:2px solid var(--success-color-500-parts)!important;color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-success i{color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-success:hover{background-color:var(--success-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-success:focus{background-color:var(--success-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-error{border:2px solid var(--error-color-500-parts)!important;color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-error i{color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-error:hover{background-color:var(--error-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-error:focus{background-color:var(--error-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-info{border:2px solid var(--info-color-500-parts)!important;color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-info i{color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-info:hover{background-color:var(--info-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-info:focus{background-color:var(--info-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-neutral{border:2px solid rgba(0,0,0,.8705882353)!important;color:#000000de!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-neutral i{color:0de!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-neutral:hover{background-color:var(--neutral-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-neutral:focus{background-color:var(--neutral-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:disabled{background:#f7f7f7!important;color:#0009!important;border:2px solid rgba(0,0,0,.38)!important;opacity:1!important}button.mat-mdc-outlined-button.sof-stroked-button-outline i{margin-left:-8px!important;margin-right:4px!important}button.mat-mdc-outlined-button.sof-stroked-button[size=small],button.mat-mdc-outlined-button.sof-stroked-button-outline[size=small]{height:36px!important}button.mat-mdc-outlined-button.sof-stroked-button[size=small] i,button.mat-mdc-outlined-button.sof-stroked-button-outline[size=small] i{font-size:1em!important}button.mat-mdc-outlined-button.sof-stroked-button[size=medium],button.mat-mdc-outlined-button.sof-stroked-button-outline[size=medium]{height:48px!important}button.mat-mdc-outlined-button.sof-stroked-button[size=medium] i,button.mat-mdc-outlined-button.sof-stroked-button-outline[size=medium] i{font-size:1em!important}button.mat-mdc-outlined-button.sof-stroked-button[size=large],button.mat-mdc-outlined-button.sof-stroked-button-outline[size=large]{height:56px!important}button.mat-mdc-outlined-button.sof-stroked-button[size=large] i,button.mat-mdc-outlined-button.sof-stroked-button-outline[size=large] i{font-size:1.15em!important}button.mat-mdc-outlined-button.sof-stroked-icon-button{border:none!important;border-radius:6px!important;padding:0!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-primary{background-color:var(--primary-color-50-parts)!important;color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-primary i{color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-primary:hover{background-color:var(--primary-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-primary:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-primary:focus{background-color:var(--primary-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-primary:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-accent{background-color:var(--accent-color-50-parts)!important;color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-accent i{color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-accent:hover{background-color:var(--accent-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-accent:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-accent:focus{background-color:var(--accent-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-accent:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-warn{background-color:var(--warn-color-50-parts)!important;color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-warn i{color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-warn:hover{background-color:var(--warn-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-warn:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-warn:focus{background-color:var(--warn-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-warn:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-success{background-color:var(--success-color-50-parts)!important;color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-success i{color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-success:hover{background-color:var(--success-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-success:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-success:focus{background-color:var(--success-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-success:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-info{background-color:var(--info-color-50-parts)!important;color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-info i{color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-info:hover{background-color:var(--info-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-info:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-info:focus{background-color:var(--info-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-info:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-error{background-color:var(--error-color-50-parts)!important;color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-error i{color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-error:hover{background-color:var(--error-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-error:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-error:focus{background-color:var(--error-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-error:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-neutral{background-color:var(--neutral-color-50-parts)!important;color:#000000de!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-neutral i{color:#000000de!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-neutral:hover{background-color:var(--neutral-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-neutral:focus{background-color:var(--neutral-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:disabled{background:#f7f7f7!important;color:#0009!important;opacity:1!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline{background:#ffffff!important;border-radius:6px!important;padding:0!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-primary{border:2px solid var(--primary-color-500-parts)!important;color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-primary i{color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-primary:hover{background-color:var(--primary-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-primary:focus{background-color:var(--primary-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-accent{border:2px solid var(--accent-color-500-parts)!important;color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-accent i{color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-accent:hover{background-color:var(--accent-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-accent:focus{background-color:var(--accent-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-warn{border:2px solid var(--warn-color-500-parts)!important;color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-warn i{color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-warn:hover{background-color:var(--warn-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-warn:focus{background-color:var(--warn-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-success{border:2px solid var(--success-color-500-parts)!important;color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-success i{color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-success:hover{background-color:var(--success-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-success:focus{background-color:var(--success-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-error{border:2px solid var(--error-color-500-parts)!important;color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-error i{color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-error:hover{background-color:var(--error-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-error:focus{background-color:var(--error-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-info{border:2px solid var(--info-color-500-parts)!important;color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-info i{color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-info:hover{background-color:var(--info-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-info:focus{background-color:var(--info-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-neutral{border:2px solid rgba(0,0,0,.8705882353)!important;color:#000000de!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-neutral i{color:0de!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-neutral:hover{background-color:var(--neutral-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-neutral:focus{background-color:var(--neutral-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:disabled{background:#f7f7f7!important;color:#0009!important;border:2px solid rgba(0,0,0,.38)!important;opacity:1!important}button.mat-mdc-outlined-button.sof-stroked-icon-button[size=small],button.mat-mdc-outlined-button.sof-stroked-icon-button-outline[size=small]{height:36px!important;width:36px!important;min-width:36px!important;font-size:19px!important}button.mat-mdc-outlined-button.sof-stroked-icon-button[size=medium],button.mat-mdc-outlined-button.sof-stroked-icon-button-outline[size=medium]{height:48px!important;width:48px!important;min-width:48px!important;font-size:26px!important}button.mat-mdc-outlined-button.sof-stroked-icon-button[size=large],button.mat-mdc-outlined-button.sof-stroked-icon-button-outline[size=large]{height:56px!important;width:56px!important;min-width:56px!important;font-size:26px!important}mat-card.mat-mdc-card.item-list{box-shadow:0 1px 7px #a69f9f40!important;border-radius:10px!important;overflow:overlay!important;max-height:322px!important;padding:0!important}.mat-mdc-dialog-title{font-family:Poppins!important;font-style:normal!important;font-weight:500!important;font-size:24px!important;line-height:36px!important;letter-spacing:normal!important}.mat-mdc-dialog-content{display:block!important;margin:0 -24px!important;padding:0!important;max-height:65vh!important;overflow:auto!important}.mat-mdc-dialog-container{display:block!important;background:#ffffff!important;border:1px solid #dfdfdf!important;box-sizing:border-box!important;border-radius:10px!important;overflow:auto!important;outline:0!important;width:100%!important;height:100%!important;min-height:inherit!important;max-height:inherit!important}.mat-mdc-list-base{padding-top:0!important}::ng-deep .mat-mdc-tooltip{cursor:pointer!important;width:234px!important;height:auto!important;font-family:Poppins,sans-serif!important;font-size:12px!important;font-style:normal!important;font-weight:400!important;line-height:18px!important;letter-spacing:.4px!important;text-align:left!important;display:flex!important;align-items:center!important;color:#fff!important;background-color:#333!important}.mat-mdc-chip{font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important;height:-moz-max-content!important;height:max-content!important;word-break:break-all!important}::ng-deep mat-form-field.sof-form-field{font-family:Poppins!important}::ng-deep mat-form-field.sof-form-field.mat-form-field-invalid .mat-mdc-form-field-flex>div.mdc-notched-outline>*{border-color:var(--error-color-900-parts)!important}::ng-deep mat-form-field.sof-form-field.mat-form-field-invalid .mdc-notched-outline__notch{border-left:none!important}::ng-deep mat-form-field.sof-form-field.mat-form-field-invalid .mat-mdc-floating-label{color:var(--error-color-900-parts)!important}::ng-deep mat-form-field.sof-form-field.mat-focused{font-weight:600!important}::ng-deep mat-form-field.sof-form-field.mat-focused input,::ng-deep mat-form-field.sof-form-field.mat-focused span.mat-mdc-select-value-text{font-weight:400!important}::ng-deep mat-form-field.sof-form-field.mat-form-field-disabled .mdc-notched-outline{background-color:#f7f7f7!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-form-field-flex>div.mdc-notched-outline{color:var(--primary-color-500-parts)!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-text-field-wrapper{padding:0!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-form-field-flex{padding:0 16px!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix{top:0!important;color:var(--neutral-color-300-parts)!important;padding-right:.5em!important;font-size:1.5em!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix{top:0!important;font-size:1.5em!important;color:var(--neutral-color-300-parts)!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .error{color:var(--error-color-500-parts)!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-form-field-flex div.mdc-notched-outline__leading{border-radius:6px 0 0 6px!important;min-width:6px!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-form-field-flex div.mdc-notched-outline__trailing{border-radius:0 6px 6px 0!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-form-field-subscript-wrapper{padding:14px 16px 0!important}::ng-deep mat-form-field.sof-form-field mat-error{font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:12px!important;line-height:18px!important;color:var(--error-color-900-parts)!important}::ng-deep mat-form-field.sof-form-field mat-hint{font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:12px!important;line-height:18px!important}::ng-deep mat-form-field.sof-form-field.mat-focused .mdc-floating-label{color:var(--primary-color-500-parts)!important}::ng-deep mat-form-field.sof-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,::ng-deep mat-form-field.sof-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,::ng-deep mat-form-field.sof-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--primary-color-500-parts)}::ng-deep mat-form-field.sof-form-field .mat-mdc-text-field-wrapper{--mat-mdc-form-field-label-offset-x: 0px}::ng-deep .mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option.mdc-list-item--disabled){color:var(--primary-color-500-parts)!important}mat-optgroup label,mat-optgroup mat-option{font-family:Poppins!important}@media only screen and (max-width: 959px){.mat-drawer-container.sof-ar-nav-sidenav-container{background:rgba(245,245,245,.5)!important}}::ng-deep mat-slide-toggle.sof-slide-toggle{height:auto}::ng-deep mat-slide-toggle.sof-slide-toggle .mdc-switch__track{height:22px!important;width:32px!important;border-radius:24px!important}::ng-deep mat-slide-toggle.sof-slide-toggle .mdc-switch__handle{height:20px!important;width:20px!important;border-radius:24px!important;left:-3px!important}::ng-deep mat-slide-toggle.sof-slide-toggle .mdc-switch__handle .mdc-switch__shadow{background:#fff!important}::ng-deep mat-slide-toggle.sof-slide-toggle label{font-family:Poppins!important;font-style:normal!important;font-weight:400!important;font-size:14px!important;line-height:150%!important;white-space:normal!important;flex-direction:row;align-items:start!important}::ng-deep mat-slide-toggle.sof-slide-toggle[size=large] label{font-family:Poppins!important;font-style:normal!important;font-weight:400!important;font-size:16px!important;line-height:150%!important;white-space:normal!important}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-primary{--mdc-switch-selected-focus-state-layer-color: var(--primary-color-300-parts);--mdc-switch-selected-handle-color: var(--primary-color-300-parts);--mdc-switch-selected-hover-state-layer-color: var(--primary-color-300-parts);--mdc-switch-selected-pressed-state-layer-color: var(--primary-color-300-parts);--mdc-switch-selected-focus-handle-color: var(--primary-color-600-parts);--mdc-switch-selected-hover-handle-color: var(--primary-color-600-parts);--mdc-switch-selected-pressed-handle-color: var(--primary-color-600-parts);--mdc-switch-selected-focus-track-color: var(--primary-color-500-parts);--mdc-switch-selected-hover-track-color: var(--primary-color-500-parts);--mdc-switch-selected-pressed-track-color: var(--primary-color-500-parts);--mdc-switch-selected-track-color: var(--primary-color-500-parts)}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-primary .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) .mdc-switch__handle{border:1px solid var(--primary-color-500-parts)!important}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-accent{--mdc-switch-selected-focus-state-layer-color: var(--accent-color-300-parts);--mdc-switch-selected-handle-color: var(--accent-color-300-parts);--mdc-switch-selected-hover-state-layer-color: var(--accent-color-300-parts);--mdc-switch-selected-pressed-state-layer-color: var(--accent-color-300-parts);--mdc-switch-selected-focus-handle-color: var(--accent-color-600-parts);--mdc-switch-selected-hover-handle-color: var(--accent-color-600-parts);--mdc-switch-selected-pressed-handle-color: var(--accent-color-600-parts);--mdc-switch-selected-focus-track-color: var(--accent-color-500-parts);--mdc-switch-selected-hover-track-color: var(--accent-color-500-parts);--mdc-switch-selected-pressed-track-color: var(--accent-color-500-parts);--mdc-switch-selected-track-color: var(--accent-color-500-parts)}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-accent .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) .mdc-switch__handle{border:1px solid var(--accent-color-500-parts)!important}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-warn{--mdc-switch-selected-focus-state-layer-color: var(--warn-color-300-parts);--mdc-switch-selected-handle-color: var(--warn-color-300-parts);--mdc-switch-selected-hover-state-layer-color: var(--warn-color-300-parts);--mdc-switch-selected-pressed-state-layer-color: var(--warn-color-300-parts);--mdc-switch-selected-focus-handle-color: var(--warn-color-600-parts);--mdc-switch-selected-hover-handle-color: var(--warn-color-600-parts);--mdc-switch-selected-pressed-handle-color: var(--warn-color-600-parts);--mdc-switch-selected-focus-track-color: var(--warn-color-500-parts);--mdc-switch-selected-hover-track-color: var(--warn-color-500-parts);--mdc-switch-selected-pressed-track-color: var(--warn-color-500-parts);--mdc-switch-selected-track-color: var(--warn-color-500-parts)}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-warn .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) .mdc-switch__handle{border:1px solid var(--warn-color-500-parts)!important}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-success{--mdc-switch-selected-focus-state-layer-color: var(--success-color-300-parts);--mdc-switch-selected-handle-color: var(--success-color-300-parts);--mdc-switch-selected-hover-state-layer-color: var(--success-color-300-parts);--mdc-switch-selected-pressed-state-layer-color: var(--success-color-300-parts);--mdc-switch-selected-focus-handle-color: var(--success-color-600-parts);--mdc-switch-selected-hover-handle-color: var(--success-color-600-parts);--mdc-switch-selected-pressed-handle-color: var(--success-color-600-parts);--mdc-switch-selected-focus-track-color: var(--success-color-500-parts);--mdc-switch-selected-hover-track-color: var(--success-color-500-parts);--mdc-switch-selected-pressed-track-color: var(--success-color-500-parts);--mdc-switch-selected-track-color: var(--success-color-500-parts)}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-success .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) .mdc-switch__handle{border:1px solid var(--success-color-500-parts)!important}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-error{--mdc-switch-selected-focus-state-layer-color: var(--error-color-300-parts);--mdc-switch-selected-handle-color: var(--error-color-300-parts);--mdc-switch-selected-hover-state-layer-color: var(--error-color-300-parts);--mdc-switch-selected-pressed-state-layer-color: var(--error-color-300-parts);--mdc-switch-selected-focus-handle-color: var(--error-color-600-parts);--mdc-switch-selected-hover-handle-color: var(--error-color-600-parts);--mdc-switch-selected-pressed-handle-color: var(--error-color-600-parts);--mdc-switch-selected-focus-track-color: var(--error-color-500-parts);--mdc-switch-selected-hover-track-color: var(--error-color-500-parts);--mdc-switch-selected-pressed-track-color: var(--error-color-500-parts);--mdc-switch-selected-track-color: var(--error-color-500-parts)}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-error .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) .mdc-switch__handle{border:1px solid var(--error-color-500-parts)!important}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-info{--mdc-switch-selected-focus-state-layer-color: var(--info-color-300-parts);--mdc-switch-selected-handle-color: var(--info-color-300-parts);--mdc-switch-selected-hover-state-layer-color: var(--info-color-300-parts);--mdc-switch-selected-pressed-state-layer-color: var(--info-color-300-parts);--mdc-switch-selected-focus-handle-color: var(--info-color-600-parts);--mdc-switch-selected-hover-handle-color: var(--info-color-600-parts);--mdc-switch-selected-pressed-handle-color: var(--info-color-600-parts);--mdc-switch-selected-focus-track-color: var(--info-color-500-parts);--mdc-switch-selected-hover-track-color: var(--info-color-500-parts);--mdc-switch-selected-pressed-track-color: var(--info-color-500-parts);--mdc-switch-selected-track-color: var(--info-color-500-parts)}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-info .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) .mdc-switch__handle{border:1px solid var(--info-color-500-parts)!important}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-neutral{--mdc-switch-selected-focus-state-layer-color: var(--neutral-color-300-parts);--mdc-switch-selected-handle-color: var(--neutral-color-300-parts);--mdc-switch-selected-hover-state-layer-color: var(--neutral-color-300-parts);--mdc-switch-selected-pressed-state-layer-color: var(--neutral-color-300-parts);--mdc-switch-selected-focus-handle-color: var(--neutral-color-600-parts);--mdc-switch-selected-hover-handle-color: var(--neutral-color-600-parts);--mdc-switch-selected-pressed-handle-color: var(--neutral-color-600-parts);--mdc-switch-selected-focus-track-color: var(--neutral-color-500-parts);--mdc-switch-selected-hover-track-color: var(--neutral-color-500-parts);--mdc-switch-selected-pressed-track-color: var(--neutral-color-500-parts);--mdc-switch-selected-track-color: var(--neutral-color-500-parts)}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-neutral .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) .mdc-switch__handle{border:1px solid rgba(0,0,0,.8705882353)!important}::ng-deep mat-slide-toggle.sof-slide-toggle:has(.mdc-switch--disabled) label{color:#000000de!important}@media only screen and (max-width: 599px){.mobile-sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}}.mobile-no-card{padding:36px 30px!important}@media only screen and (max-width: 599px){.mobile-no-card{background:transparent!important;box-shadow:none!important;padding:0!important}}.sm-screen-no-card{padding:36px 30px!important}@media only screen and (max-width: 959px){.sm-screen-no-card{background:transparent!important;box-shadow:none!important;padding:0!important}}@media only screen and (max-width: 959px){.sm-screen-no-white-bg{background:transparent!important}}@media only screen and (max-width: 959px){.sm-screen-card-shadow-z1{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}}@media only screen and (max-width: 959px){.sm-screen-op-7{opacity:.7}}@media only screen and (max-width: 959px){.sm-d-inline-flex{display:inline-flex!important}}@media only screen and (max-width: 599px){.mobile-no-h-margin{margin-left:0!important;margin-right:0!important}}@media only screen and (max-width: 599px){.mobile-no-h-padding{padding-left:0!important;padding-right:0!important}}@media only screen and (max-width: 599px){.mobile-full-width{width:100%}}@media only screen and (max-width: 959px){.sm-screen-full-width{width:100%}}.word-wrap-checkboxes-override label{white-space:initial!important}@media only screen and (max-width: 959px){.word-wrap-checkboxes-override label{white-space:initial}}@media only screen and (max-width: 959px){.sm-full-width-datepicker{width:100%}.sm-full-width-datepicker .mat-mdc-form-field-infix,.sm-full-width-datepicker .mat-mdc-form-field-infix>input{width:100%!important}}@media only screen and (max-width: 959px){.sof-tokenizer-button-btn-container{flex-direction:column-reverse!important;width:100%!important}.sof-tokenizer-button-btn-container button{margin:initial!important;margin-bottom:10px!important}}@media only screen and (max-width: 959px){.info-icon.mat-icon,.help-icon.mat-icon{padding-top:10px!important}}@media only screen and (max-width: 599px){.sof-ar-header--left.sof-ar-mobile-navigation{margin-left:35px!important}}@media screen and (max-width: 959px){.hidden-small-screen{display:none!important}}@media screen and (max-width: 1279px){.hidden-md-screen{display:none!important}}@media screen and (min-width: 960px){.visible-small-screen{display:none!important}}@media screen and (min-width: 1280px){.visible-md-screen{display:none!important}}.mat-card-mobile-header-override{background:var(--neutral-color-300-parts);padding:16px;margin:0 -16px}.mat-card-mobile-action-buttons-footer-override{border-top:1px solid rgba(0,0,0,.05);padding-top:16px;margin-top:36px}.mat-card-mobile-action-buttons-override button{transform:scale(.9)}@media only screen and (max-width: 959px){.sm-m-b-16{margin-bottom:16px!important}}@media only screen and (max-width: 959px){.sm-m-b-24{margin-bottom:24px!important}}@media only screen and (max-width: 959px){.sm-m-v-24{margin-top:24px!important;margin-bottom:24px!important}}@media only screen and (max-width: 959px){.sm-m-b-32{margin-bottom:32px!important}}@media only screen and (max-width: 959px){.sm-m-b-64{margin-bottom:64px!important}}@media screen and (max-width: 959px){.sm-screen-m-a-0{margin:0!important}}@media screen and (max-width: 959px){.sm-screen-m-l-0{margin-left:0!important}}@media screen and (max-width: 959px){.sm-screen-m-h-0{margin-left:0!important;margin-right:0!important}}@media screen and (max-width: 959px){.sm-screen-p-a-0{padding:0!important}}@media screen and (max-width: 959px){.sm-screen-p-h-0{padding-left:0!important;padding-right:0!important}}@media screen and (max-width: 1279px){.md-screen-p-a-0{padding:0!important}}@media only screen and (max-width: 1279px){.md-m-v-24{margin-top:24px!important;margin-bottom:24px!important}}@media screen and (max-width: 959px){.mat-responsive-table-override-sm{max-height:none!important;overflow-y:auto!important}.mat-responsive-table-override-sm .mat-mdc-table{border:0;vertical-align:middle}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-header-row{min-height:0;height:0}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-header-cell{border:10px solid;clip:rect(0 0 0 0);height:1px;min-height:1px;margin:-1px;padding:0;position:absolute;width:1px}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-row{padding:10px 20px 0;border-bottom:5px solid #ddd;display:block;min-height:1px;height:auto}.mat-responsive-table-override-sm .mat-mdc-table td.mat-mdc-cell:first-of-type{height:48px}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-cell{display:block;font-size:initial;height:auto;padding:8px 0;border-bottom-color:transparent;text-align:initial}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-cell.action-buttons{border-top:1px solid var(--neutral-color-300-parts);margin-top:24px;display:flex;flex-wrap:wrap;justify-content:flex-start;padding-bottom:0;margin-bottom:-8px}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-cell.action-buttons:before{content:none}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-cell:before{content:attr(data-label) \": \";float:left;font-weight:600;padding-right:5px}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-cell:last-child{border-bottom:0}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-cell:first-child{margin-top:4%}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-cell:first-of-type{margin:-10px -20px 8px;padding:16px 20px;background:var(--neutral-color-300-parts);box-sizing:border-box;height:auto}.mat-responsive-table-override-sm .mat-mdc-table td.mat-mdc-cell.action-buttons{margin-bottom:8px}}@media screen and (max-width: 1279px){.mat-responsive-table-override-md{max-height:none!important;overflow-y:auto!important}.mat-responsive-table-override-md .mat-mdc-table{border:0;vertical-align:middle}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-header-row{min-height:0;height:0}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-header-cell{border:10px solid;clip:rect(0 0 0 0);height:1px;min-height:1px;margin:-1px;padding:0;position:absolute;width:1px}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-row{padding:10px 20px 0;border-bottom:5px solid #ddd;display:block;min-height:1px;height:auto}.mat-responsive-table-override-md .mat-mdc-table td.mat-mdc-cell:first-of-type{height:48px}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-cell{display:block;font-size:initial;height:auto;padding:8px 0;border-bottom-color:transparent;text-align:initial}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-cell.action-buttons{border-top:1px solid var(--neutral-color-300-parts);margin-top:24px;display:flex;flex-wrap:wrap;justify-content:flex-start;padding-bottom:0;margin-bottom:-8px}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-cell.action-buttons:before{content:none}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-cell:before{content:attr(data-label) \": \";float:left;font-weight:600;padding-right:5px}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-cell:last-child{border-bottom:0}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-cell:first-child{margin-top:4%}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-cell:first-of-type{margin:-10px -20px 8px;padding:16px 20px;background:var(--neutral-color-300-parts);box-sizing:border-box;height:auto}.mat-responsive-table-override-md .mat-mdc-table td.mat-mdc-cell.action-buttons{margin-bottom:8px}}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.sof-super-header{height:34px;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 599px){.sof-super-header{justify-content:center;padding:0}}.sof-ar-header{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.sof-ar-header.sof-ar-header-shadow{box-shadow:0 1px 4px #00000080}.sof-ar-header-logo-text{font-size:20px;display:inline-block}::ng-deep .sof-ar-header-icon,::ng-deep .sof-ar-header-menu-icon{font-size:24px}::ng-deep .sof-ar-header-menu-icon{padding-right:10px}::ng-deep .sof-ar-mat-menu{border-radius:2px!important}::ng-deep .sof-ar-mat-menu .mat-mdc-menu-content{padding-top:0!important;padding-bottom:0!important;min-width:150px}::ng-deep .sof-ar-header-menu-list.sof-ar-header-menu-border{border-bottom:1px solid rgba(0,0,0,.25)!important}::ng-deep .sof-ar-header-menu-list{display:flex!important;align-items:center}::ng-deep .sof-ar-header-button-text{font-weight:600;font-size:14px;padding-left:10px;padding-right:10px}.sof-ar-header-logo{max-width:100%;height:32px}@media only screen and (max-width: 599px){.sof-ar-header-logo{height:24px}}.sof-ar-header--left{align-items:center;display:flex}.sof-ar-header--left.sof-ar-toggle-navigation{margin-left:50px}.sof-ar-header--right{text-align:right}.sof-ar-header--center{text-align:center}.sof-ar-header--right,.sof-ar-header--center,.sof-ar-header--left{flex:1}.absent-account-image{border-right:2px solid var(--primary-color-500-parts)!important;border-radius:6px!important;background:var(--primary-color-500-parts)!important;color:#fff;font-weight:500!important;font-size:16px!important;height:46px!important;margin-left:-1px!important;margin-top:-1px!important}.signed-in-name{font-weight:500!important;font-size:16px!important;color:var(--primary-color-500-parts)!important}.left-radius-10{border-top-left-radius:11px!important;border-bottom-left-radius:11px!important}.language-globe{padding-right:8px;font-size:20px!important}.dark-theme-icon{font-size:20px!important}.selected-language-icon{color:var(--primary-color-500-parts)!important;font-size:20px!important;padding-right:10px!important}.hidden{display:none}.mobile-border{padding:0;border:0px;border-radius:11px!important}\n"] }]
|
|
1835
|
+
args: [{ selector: 'sof-ar-header', template: "<ng-container *ngIf=\"displaySuperHeader\">\r\n <div class=\"sof-super-header\" [ngStyle]=\"{'background-color' : superHeaderColor}\">\r\n <ng-content select=\"[sof-ar-super-header]\"></ng-content>\r\n </div>\r\n</ng-container>\r\n<mat-toolbar class=\"sof-ar-header\" [class.sof-ar-header-shadow]=\"headerDropShadow\"\r\n [ngStyle]=\"{'height.px': settings?.headerStyles?.height, background: headerColor, 'border-bottom': themeSettings.borderBottomSize + ' solid ' + themeSettings.borderBottomColor }\"\r\n [ngStyle.lt-sm]=\"{'height.px': settings?.headerStyles?.heightMobile || 64, background: headerColor, 'border-bottom': themeSettings.borderBottomSize + ' solid ' + themeSettings.borderBottomColor }\">\r\n <div class=\"sof-ar-header--left\" [class.sof-ar-toggle-navigation]=\"(mobileQuery.matches && (armatureNavigation || armatureHeaderOverlay)) || settings?.createSpaceForNavToggle\">\r\n <!-- Logo Image -->\r\n <ng-container *ngIf=\"displayLogo\">\r\n <ng-container *ngIf=\"settings?.logoRouterLinkPath === 'internal'; else external\">\r\n <a [routerLink]=\"settings?.logoRouterLink\">\r\n <img class=\"sof-ar-header-logo\" [src]=\"logoUrl\" alt=\"{{logoAltText | translate}}\"\r\n [ngStyle]=\"{'height.px': settings?.logoStyles?.height, 'width.px': settings?.logoStyles?.width, 'max-width': settings?.logoStyles?.width + 'px' || '100%'}\"\r\n [ngStyle.lt-sm]=\"{'height.px': settings?.logoStyles?.heightMobile, 'width.px': settings?.logoStyles?.widthMobile, 'max-width': settings?.logoStyles?.widthMobile + 'px' || '100%'}\" />\r\n </a>\r\n </ng-container>\r\n <ng-template #external>\r\n <a [href]=\"settings?.logoRouterLink\"><img class=\"sof-ar-header-logo\" [src]=\"logoUrl\"\r\n alt=\"{{logoAltText | translate}}\"\r\n [ngStyle]=\"{'height.px': settings?.logoStyles?.height, 'width.px': settings?.logoStyles?.width, 'max-width': settings?.logoStyles?.width + 'px' || '100%'}\"\r\n [ngStyle.lt-sm]=\"{'height.px': settings?.logoStyles?.heightMobile, 'width.px': settings?.logoStyles?.widthMobile, 'max-width': settings?.logoStyles?.widthMobile + 'px' || '100%'}\" />\r\n </a>\r\n </ng-template>\r\n </ng-container>\r\n <!-- Logo Text -->\r\n <ng-container *ngIf=\"displayLogoText\">\r\n <p class=\"sof-ar-header-logo-text\">{{headerLogoText}}</p>\r\n </ng-container>\r\n <!-- NG-Content Left -->\r\n <ng-content select=\"[sof-ar-header-left]\"></ng-content>\r\n </div>\r\n <div class=\"sof-ar-header--center\">\r\n <!-- NG-Content Center -->\r\n <ng-content select=\"[sof-ar-header-center]\"></ng-content>\r\n </div>\r\n <div class=\"sof-ar-header--right\" fxLayout=\"row\" fxLayoutAlign=\"end center\" fxLayoutGap=\"10px\">\r\n <!-- NG-Content Right -->\r\n <span fxFlex=\"auto 0 1\" [fxHide.lt-sm]=\"!armatureNavigation && armatureHeaderOverlay\">\r\n <ng-content select=\"[sof-ar-header-right]\"></ng-content>\r\n </span>\r\n <div fxFlex=\"auto 0 1\" *ngIf=\"displayDropDownMenu\">\r\n <button id=\"sof-ar-header-btn-dropdown\" mat-icon-button [disableRipple]=\"true\"\r\n [matMenuTriggerFor]=\"sofArHeaderMenu\" [attr.aria-label]=\"dropDownAriaText | translate\">\r\n <span [style.color]=\"iconColor\">\r\n <i class=\"{{headerDropDownIcon}}\"></i>\r\n <span class=\"sr-only\">{{dropDownMenuSRText | translate}}</span>\r\n </span>\r\n </button>\r\n <mat-menu #sofArHeaderMenu=\"matMenu\" class=\"sof-ar-mat-menu\">\r\n <!-- NG-Content Menu -->\r\n <ng-content select=\"[sof-ar-header-menu]\"></ng-content>\r\n </mat-menu>\r\n </div>\r\n <!-- Language button -->\r\n <div fxFlex=\"auto 0 1\"\r\n *ngIf=\"headerLanguageSettings?.displayLanguageOptions && headerLanguageSettings?.languages?.length > 2 && !mobileQuery.matches\">\r\n <button id=\"sof-ar-header-lang-dropdown\" mat-stroked-button class=\"sof-stroked-button\" color=\"primary\"\r\n [matMenuTriggerFor]=\"headerLanguageMenu\" [attr.aria-label]=\"headerLanguageSettings.buttonText | translate\">\r\n <span>\r\n <i class=\"far fa-globe language-globe\"></i>\r\n {{headerLanguageSettings.buttonText | translate}}\r\n </span>\r\n </button>\r\n <mat-menu #headerLanguageMenu=\"matMenu\" class=\"sof-ar-mat-menu\">\r\n <button mat-menu-item *ngFor=\"let lang of headerLanguageSettings.languages\" (click)=\"setLanguage$.emit(lang)\"\r\n id=\"apply-lang-btn-{{lang}}\">\r\n <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\">\r\n <div fxFlex=\"auto\">\r\n {{ lang | translate }}\r\n </div>\r\n <div fxFlex=\"auto\" fxLayoutAlign=\"end end\">\r\n <i *ngIf=\"currentLang === lang\" class=\"fad fa-check selected-language-icon\"></i>\r\n </div>\r\n </div>\r\n </button>\r\n </mat-menu>\r\n </div>\r\n <div\r\n *ngIf=\"headerLanguageSettings?.displayLanguageOptions && headerLanguageSettings?.languages?.length === 2 && !mobileQuery.matches\">\r\n <button *ngIf=\"headerLanguageSettings.languages.length === 2\" id=\"sof-ar-header-lang-button\" mat-stroked-button\r\n class=\"sof-stroked-button\" color=\"primary\" [attr.aria-label]=\"headerLanguageSettings.buttonText | translate\"\r\n (click)=\"setLanguage$.emit()\">\r\n <span fxLayoutAlign=\"center center\">\r\n <i class=\"far fa-globe language-globe\"></i>\r\n {{otherLangText | translate}}\r\n </span>\r\n </button>\r\n </div>\r\n <!-- Authorization button -->\r\n <div fxFlex=\"auto 0 1\" *ngIf=\"settings?.displayAuthInfo\">\r\n <button *ngIf=\"!isLoggedIn;else loggedIn\" id=\"sof-ar-header-btn-auth\" mat-stroked-button color=\"primary\" (click)=\"authorizeUser()\"\r\n [attr.aria-label]=\"authBtnText | translate\" class=\"sof-stroked-button\">\r\n {{ authBtnText | translate }}\r\n </button>\r\n <ng-template #loggedIn>\r\n <div fxLayout=\"row\" fxLayoutAlign=\"end center\" fxLayoutGap=\"10px\">\r\n <div fxFlex=\"auto 0 1\">\r\n <button id=\"sof-ar-logged-in-btn-dropdown\" data-privacy=\"exclude\" [matMenuTriggerFor]=\"sofArLoginMenu\"\r\n [attr.aria-label]=\"dropDownAriaText | translate\" mat-stroked-button style=\"padding-left:0px !important\"\r\n ngClass=\"left-radius-10 sof-stroked-button\" color=\"primary\" ngClass.lt-md=\"mobile-border\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"15px\">\r\n <div fxFlex=\"46px\" fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"absent-account-image\">\r\n <div fxFlex=\"100%\">\r\n {{ userName.charAt(0).toUpperCase() }}\r\n </div>\r\n </div>\r\n <div fxShow fxHide.lt-md fxFlex=\"auto\" class=\"signed-in-name\">\r\n {{ userName }}\r\n </div>\r\n </div>\r\n </button>\r\n <!-- Login menu -->\r\n <mat-menu #sofArLoginMenu=\"matMenu\" class=\"sof-ar-mat-menu\" id=\"loginMenu\">\r\n <a mat-menu-item href=\"{{manageUrl}}\" target=\"_blank\">\r\n {{ authSettings.myAccountText | translate }}\r\n </a>\r\n <div *ngIf=\"settings.displayDarkTheme\" mat-menu-item (click)=\"$event.stopPropagation()\" disabled>\r\n <mat-slide-toggle color=\"accent\" labelPosition=\"before\" [aria-label]=\"settings.darkThemeText\"\r\n [id]=\"'dark-theme-toggle-btn'\" (change)=\"toggleTheme($event)\">\r\n {{ settings.darkThemeText + '(coming soon!)' | translate }}\r\n <!-- TODO: determine if icon is liked <i class=\"fad fa-moon-cloud dark-theme-icon\"></i> -->\r\n </mat-slide-toggle>\r\n </div>\r\n <ng-content select=\"[sof-header-user-menu]\"></ng-content>\r\n </mat-menu>\r\n </div>\r\n <div fxFlex=\"auto 0 1\">\r\n <button id=\"sof-ar-log-out-btn\" mat-stroked-button class=\"sof-stroked-icon-button\" color=\"primary\" size=\"medium\"\r\n [class.hidden]=\"mobileQuery.matches\" (click)=\"authorizeUser()\" [attr.aria-label]=\"authBtnText | translate\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\r\n <i fxFlex=\"100%\" class=\"fas fa-sign-out-alt\"></i>\r\n </div>\r\n </button>\r\n </div>\r\n </div>\r\n </ng-template>\r\n </div>\r\n </div>\r\n</mat-toolbar>\r\n", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #fafafa;--neutral-color-100-parts: #f5f5f5;--neutral-color-200-parts: #eeeeee;--neutral-color-300-parts: #e0e0e0;--neutral-color-400-parts: #bdbdbd;--neutral-color-500-parts: #9e9e9e;--neutral-color-600-parts: #757575;--neutral-color-700-parts: #616161;--neutral-color-800-parts: #424242;--neutral-color-900-parts: #212121;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 250, 250, 250;--neutral-color-100-parts-rgb: 245, 245, 245;--neutral-color-200-parts-rgb: 238, 238, 238;--neutral-color-300-parts-rgb: 224, 224, 224;--neutral-color-400-parts-rgb: 189, 189, 189;--neutral-color-500-parts-rgb: 158, 158, 158;--neutral-color-600-parts-rgb: 117, 117, 117;--neutral-color-700-parts-rgb: 97, 97, 97;--neutral-color-800-parts-rgb: 66, 66, 66;--neutral-color-900-parts-rgb: 33, 33, 33;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}[m-t-0],.m-t-0{margin-top:0!important}[m-t-5],.m-t-5{margin-top:5px!important}[m-t-10],.m-t-10{margin-top:10px!important}[m-t-15],.m-t-15{margin-top:15px!important}[m-t-20],.m-t-20{margin-top:20px!important}[m-t-24],.m-t-24{margin-top:24px!important}[m-t-25],.m-t-25{margin-top:25px!important}[m-t-30],.m-t-30{margin-top:30px!important}[m-t-32],.m-t-32{margin-top:32px!important}[m-t-40],.m-t-40{margin-top:40px!important}[m-t-45],.m-t-45,[m-t-50],.m-t-50{margin-top:45px!important}.m-t-55,[m-t-55]{margin-top:55px!important}[m-t-60],.m-t-60{margin-top:60px!important}.m-r-0,[m-r-0]{margin-right:0!important}.m-r-5,[m-r-5]{margin-right:5px!important}.m-r-10,[m-r-10]{margin-right:10px!important}.m-r-20,[m-r-20]{margin-right:20px!important}.m-r-60,[m-r-60]{margin-right:60px!important}[m-b-0],.m-b-0{margin-bottom:0!important}[m-b-5],.m-b-5{margin-bottom:5px!important}[m-b-10],.m-b-10{margin-bottom:10px!important}[m-b-15],.m-b-15{margin-bottom:15px!important}[m-b-20],.m-b-20{margin-bottom:20px!important}[m-b-24],.m-b-24{margin-bottom:24px!important}[m-b-25],.m-b-25{margin-bottom:25px!important}[m-b-30],.m-b-30{margin-bottom:30px!important}[m-b-37],.m-b-37{margin-bottom:37px!important}[m-b-45],.m-b-45{margin-bottom:45px!important}[m-b-50],.m-b-50{margin-bottom:50px!important}[m-b-65],.m-b-65{margin-bottom:65px!important}.m-l-0,[m-l-0]{margin-left:0!important}.m-l-5,[m-l-5]{margin-left:5px!important}.m-l-8,[m-l-8]{margin-left:8px!important}.m-l-10,[m-l-10]{margin-left:10px!important}.m-l-15,[m-l-15]{margin-left:15px!important}[m-l-20],.m-l-20{margin-left:20px!important}.m-l-35,[m-l-35]{margin-left:35px!important}.m-h-0,[m-h-0]{margin-left:0!important;margin-right:0!important}.m-h-5,[m-h-5]{margin-left:5px!important;margin-right:5px!important}.m-h-10,[m-h-10]{margin-left:10px!important;margin-right:10px!important}.m-h-15,[m-h-15]{margin-left:15px!important;margin-right:15px!important}.m-h-20,[m-h-20]{margin-left:20px!important;margin-right:20px!important}.m-h-24,[m-h-24]{margin-left:24px!important;margin-right:24px!important}.m-h-25,[m-h-25]{margin-left:25px!important;margin-right:25px!important}.m-h-30,[m-h-30]{margin-left:30px!important;margin-right:30px!important}.m-h-68,[m-h-68]{margin-left:68px!important;margin-right:68px!important}.m-h-70,[m-h-70]{margin-left:70px!important;margin-right:70px!important}.m-v-0,[m-v-0]{margin-top:0!important;margin-bottom:0!important}.m-v-5,[m-v-5]{margin-top:5px!important;margin-bottom:5px!important}.m-v-10,[m-v-10]{margin-top:10px!important;margin-bottom:10px!important}[m-v-15],.m-v-15{margin-top:15px!important;margin-bottom:15px!important}.m-v-18,[m-v-18]{margin-top:18px!important;margin-bottom:18px!important}.m-v-20,[m-v-20]{margin-top:20px!important;margin-bottom:20px!important}[m-v-24],.m-v-24{margin-top:24px!important;margin-bottom:24px!important}[m-v-25],.m-v-25{margin-top:25px!important;margin-bottom:25px!important}.m-v-30,[m-v-30]{margin-top:30px!important;margin-bottom:30px!important}.m-v-35,[m-v-35]{margin-top:35px!important;margin-bottom:35px!important}.m-v-40,[m-v-40]{margin-top:40px!important;margin-bottom:40px!important}.m-v-45,[m-v-45]{margin-top:45px!important;margin-bottom:45px!important}.m-v-50,[m-v-50]{margin-top:50px!important;margin-bottom:50px!important}.m-v-60,[m-v-60]{margin-top:60px!important;margin-bottom:60px!important}.m-a-0,[m-a-0]{margin:0!important}.m-a-5,[m-a-5]{margin:5px!important}.m-a-10,[m-a-10]{margin:10px!important}.m-a-15,[m-a-15]{margin:15px!important}.m-a-20,[m-a-20]{margin:20px!important}.m-a-25,[m-a-25]{margin:25px!important}.m-a-30,[m-a-30]{margin:30px!important}[p-t-0],.p-t-0{padding-top:0!important}[p-t-4],.p-t-4{padding-top:4px!important}[p-t-5],.p-t-5{padding-top:5px!important}[p-t-6],.p-t-6{padding-top:6px!important}[p-t-8],.p-t-8{padding-top:8px!important}[p-t-10],.p-t-10{padding-top:10px!important}[p-t-12],.p-t-12{padding-top:12px!important}.p-t-15,[p-t-15]{padding-top:15px!important}.p-t-16,[p-t-16]{padding-top:16px!important}[p-t-17],.p-t-17{padding-top:17px!important}[p-t-18],.p-t-18{padding-top:18px!important}[p-t-20],.p-t-20{padding-top:20px!important}[p-t-24],.p-t-24{padding-top:24px!important}[p-t-25],.p-t-25{padding-top:25px!important}.p-t-30,[p-t-30]{padding-top:30px!important}.p-t-35,[p-t-35]{padding-top:35px!important}.p-t-40,[p-t-40]{padding-top:40px!important}.p-t-45,[p-t-45]{padding-top:45px!important}.p-t-48,[p-t-48]{padding-top:48px!important}.p-t-50,[p-t-50]{padding-top:50px!important}.p-t-55,[p-t-55]{padding-top:55px!important}.p-t-60,[p-t-60]{padding-top:60px!important}.p-t-65,[p-t-60]{padding-top:65px!important}[p-r-0],.p-r-0{padding-right:0!important}[p-r-5],.p-r-5{padding-right:5px!important}[p-r-6],.p-r-6{padding-right:6px!important}[p-r-10],.p-r-10{padding-right:10px!important}[p-r-15],.p-r-15{padding-right:15px!important}[p-r-20],.p-r-20{padding-right:20px!important}[p-r-25],.p-r-25{padding-right:25px!important}[p-b-0],.p-b-0{padding-bottom:0!important}[p-b-5],.p-b-5{padding-bottom:5px!important}[p-b-10],.p-b-10{padding-bottom:10px!important}[p-b-12],.p-b-12{padding-bottom:12px!important}[p-b-15],.p-b-15{padding-bottom:15px!important}[p-b-20],.p-b-20{padding-bottom:20px!important}[p-b-25],.p-b-25{padding-bottom:25px!important}[p-b-30],.p-b-30{padding-bottom:30px!important}[p-b-35],.p-b-35{padding-bottom:35px!important}[p-b-40],.p-b-40{padding-bottom:40px!important}[p-b-45],.p-b-45{padding-bottom:45px!important}[p-b-50],.p-b-50{padding-bottom:50px!important}[p-b-55],.p-b-55{padding-bottom:55px!important}[p-b-60],.p-b-60{padding-bottom:60px!important}[p-b-100],.p-b-100{padding-bottom:100px!important}.p-l-0,[p-l-0]{padding-left:0!important}.p-l-4,[p-l-4]{padding-left:4px!important}.p-l-5,[p-l-5]{padding-left:5px!important}.p-l-10,[p-l-10]{padding-left:10px!important}.p-l-12,[p-l-12]{padding-left:12px!important}.p-l-15,[p-l-15]{padding-left:15px!important}.p-l-20,[p-l-20]{padding-left:20px!important}.p-l-25,[p-l-25]{padding-left:25px!important}.p-l-30,[p-l-30]{padding-left:30px!important}[p-h-0],.p-h-0{padding-left:0!important;padding-right:0!important}[p-h-5],.p-h-5{padding-left:5px!important;padding-right:5px!important}[p-h-6],.p-h-6{padding-left:6px!important;padding-right:6px!important}[p-h-10],.p-h-10{padding-left:10px!important;padding-right:10px!important}[p-h-15],.p-h-15{padding-left:15px!important;padding-right:15px!important}[p-h-16],.p-h-16{padding-left:16px!important;padding-right:16px!important}[p-h-20],.p-h-20{padding-left:20px!important;padding-right:20px!important}[p-v-0],.p-v-0{padding-top:0!important;padding-bottom:0!important}[p-v-5],.p-v-5{padding-top:5px!important;padding-bottom:5px!important}[p-v-6],.p-v-6{padding-top:6px!important;padding-bottom:6px!important}[p-v-10],.p-v-10{padding-top:10px!important;padding-bottom:10px!important}[p-v-15],.p-v-15{padding-top:15px!important;padding-bottom:15px!important}[p-v-16],.p-v-16{padding-top:16px!important;padding-bottom:16px!important}[p-v-20],.p-v-20{padding-top:20px!important;padding-bottom:20px!important}[p-v-25],.p-v-25{padding-top:25px!important;padding-bottom:25px!important}[p-v-30],.p-v-30{padding-top:30px!important;padding-bottom:30px!important}[p-v-35],.p-v-35{padding-top:35px!important;padding-bottom:35px!important}[p-v-40],.p-v-40{padding-top:40px!important;padding-bottom:40px!important}[p-v-45],.p-v-45{padding-top:45px!important;padding-bottom:45px!important}[p-v-50],.p-v-50{padding-top:50px!important;padding-bottom:50px!important}[p-v-55],.p-v-55{padding-top:55px!important;padding-bottom:55px!important}[p-v-100],.p-v-100{padding-top:100px!important;padding-bottom:100px!important}[p-a-0],.p-a-0{padding:0!important}[p-a-5],.p-a-5{padding:5px!important}[p-a-10],.p-a-10{padding:10px!important}[p-a-15],.p-a-15{padding:15px!important}[p-a-20],.p-a-20{padding:20px!important}[p-a-25],.p-a-25{padding:25px!important}.input-w-300,[input-w-300]{width:300px!important}.input-w-200,[input-w-200]{width:200px!important}.input-w-150,[input-w-150]{width:150px!important}.input-w-120,[input-w-120]{width:120px!important}.text-left,[text-left]{text-align:left}.text-center,[text-center]{text-align:center!important}[p-x-16],.p-x-16{padding-left:16px!important;padding-right:16px!important}body{letter-spacing:0px;font-family:Poppins,sans-serif!important;font-size:14px;margin:0!important}body .mat-ripple-element{background-color:#0000001a}body .mat-mdc-option{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}body .mat-mdc-option:hover:not(.mdc-list-item--disabled),body .mat-mdc-option:focus:not(.mdc-list-item--disabled),body .mat-mdc-option.mat-mdc-option-active,body .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled){background:rgba(0,0,0,.04)}body .mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-primary)}body .mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-secondary)}body .mat-warn .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-error, #f44336)}body .mat-mdc-optgroup-label{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))}body .mat-pseudo-checkbox-full{color:#0000008a}body .mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled{color:#b0b0b0}body .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,body .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}body .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,body .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}body .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,body .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}body .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,body .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#f44336}body .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,body .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#f44336}body .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,body .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after{color:#fafafa}body .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,body .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after{color:#b0b0b0}body .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,body .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#b0b0b0}body .mat-app-background,body.mat-app-background{background-color:#fafafa;color:#000000de}body .mat-elevation-z0,body .mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}body .mat-elevation-z1,body .mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}body .mat-elevation-z2,body .mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}body .mat-elevation-z3,body .mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}body .mat-elevation-z4,body .mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}body .mat-elevation-z5,body .mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f}body .mat-elevation-z6,body .mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}body .mat-elevation-z7,body .mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f}body .mat-elevation-z8,body .mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}body .mat-elevation-z9,body .mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f}body .mat-elevation-z10,body .mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f}body .mat-elevation-z11,body .mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f}body .mat-elevation-z12,body .mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}body .mat-elevation-z13,body .mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f}body .mat-elevation-z14,body .mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f}body .mat-elevation-z15,body .mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f}body .mat-elevation-z16,body .mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}body .mat-elevation-z17,body .mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f}body .mat-elevation-z18,body .mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f}body .mat-elevation-z19,body .mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f}body .mat-elevation-z20,body .mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f}body .mat-elevation-z21,body .mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f}body .mat-elevation-z22,body .mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f}body .mat-elevation-z23,body .mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f}body .mat-elevation-z24,body .mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.mat-theme-loaded-marker{display:none}body .mat-mdc-option{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body1-font-size, 16px);line-height:var(--mdc-typography-body1-line-height, 24px);font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em)}.merriweather{font-family:Merriweather,serif!important}.poppins{font-family:Poppins,sans-serif!important}.h1,[h1],h1{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:34px;line-height:48px;letter-spacing:normal;margin:0;padding:0}@media only screen and (max-width: 959px){.h1,[h1],h1{font-size:28px}}.h2,[h2],h2{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:24px;line-height:33px;letter-spacing:normal;margin:0;padding:0}@media only screen and (max-width: 959px){.h2,[h2],h2{font-size:24px}}.h3,[h3],h3{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:20px;line-height:28px;letter-spacing:normal;margin:0;padding:0}@media only screen and (max-width: 959px){.h3,[h3],h3{font-size:20px}}.h4,[h4],h4{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:27px;letter-spacing:normal;margin:0;padding:0}@media only screen and (max-width: 959px){.h4,[h4],h4{font-size:18px}}.body1{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:24px;letter-spacing:normal}@media only screen and (max-width: 959px){.body1{font-size:16px}}.body2{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:21px;letter-spacing:normal}@media only screen and (max-width: 959px){.body2{font-size:16px}}mat-form-field.body1{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:400!important;font-size:16px!important;line-height:24px!important;letter-spacing:normal!important}@media only screen and (max-width: 959px){mat-form-field.body1{font-size:16px!important}}mat-form-field.body2{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:21px;letter-spacing:normal}@media only screen and (max-width: 959px){mat-form-field.body2{font-size:16px}}.ls-half{letter-spacing:.5px!important}.ls-quarter{letter-spacing:.25px!important}.fw-500{font-weight:500!important}.fw-600{font-weight:600!important}.color-primary{color:var(--primary-color-500-parts)}.color-accent{color:var(--accent-color-500-parts)}.color-warn{color:var(--warn-color-500-parts)}.color-info{color:var(--info-color-500-parts)}.color-success{color:var(--success-color-500-parts)}.color-error{color:var(--error-color-500-parts)}.color-neutral{color:var(--neutral-color-500-parts)}.full-width{width:100%!important}.delete-icon{cursor:pointer;font-size:1.5em;color:var(--warn-color-500-parts)}.tooltip{cursor:pointer}.relative{position:relative}.left-align{text-align:left}.center-align{text-align:center}::ng-deep mat-button-toggle-group.sof-toggle-group{height:48px!important}::ng-deep mat-button-toggle-group.sof-toggle-group.mat-button-toggle-group.mat-button-toggle-group-appearance-standard{border:none!important;border-radius:0!important}::ng-deep mat-button-toggle-group.sof-toggle-group.full-width .toggle-left{width:100%!important}::ng-deep mat-button-toggle-group.sof-toggle-group.full-width .toggle-middle{width:100%!important}::ng-deep mat-button-toggle-group.sof-toggle-group.full-width .toggle-right{width:100%!important}::ng-deep mat-button-toggle-group.sof-toggle-group .mat-button-toggle-label-content{text-transform:uppercase!important;font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:16px!important;line-height:24px!important;letter-spacing:.05em!important;text-align:center!important;color:#000!important}::ng-deep mat-button-toggle-group.sof-toggle-group .mat-button-toggle-button{height:100%!important}::ng-deep mat-button-toggle-group.sof-toggle-group .mat-button-toggle-checked{background-color:var(--primary-color-100-parts)!important}::ng-deep mat-button-toggle-group.sof-toggle-group .toggle-left{border-top:2px solid var(--primary-color-500-parts)!important;border-bottom:2px solid var(--primary-color-500-parts)!important;border-left:2px solid var(--primary-color-500-parts)!important;border-right:1px solid var(--primary-color-500-parts)!important;border-radius:6px 0 0 6px!important;width:120px!important}::ng-deep mat-button-toggle-group.sof-toggle-group .toggle-middle{border-top:2px solid var(--primary-color-500-parts)!important;border-bottom:2px solid var(--primary-color-500-parts)!important;border-left:1px solid var(--primary-color-500-parts)!important;border-right:1px solid var(--primary-color-500-parts)!important;border-radius:0!important;width:120px!important}::ng-deep mat-button-toggle-group.sof-toggle-group .toggle-right{border-top:2px solid var(--primary-color-500-parts)!important;border-bottom:2px solid var(--primary-color-500-parts)!important;border-left:1px solid var(--primary-color-500-parts)!important;border-right:2px solid var(--primary-color-500-parts)!important;border-radius:0 6px 6px 0!important;width:120px!important}::ng-deep mat-button-toggle-group.sof-toggle-group .mat-button-toggle-disabled.mat-button-toggle-checked{background-color:var(--neutral-color-200-parts)!important}::ng-deep mat-button-toggle-group.sof-toggle-group .mat-button-toggle-disabled.toggle-left{border-top:2px solid var(--neutral-color-400-parts)!important;border-bottom:2px solid var(--neutral-color-400-parts)!important;border-left:2px solid var(--neutral-color-400-parts)!important;border-right:1px solid var(--neutral-color-400-parts)!important;border-radius:6px 0 0 6px!important;width:120px!important}::ng-deep mat-button-toggle-group.sof-toggle-group .mat-button-toggle-disabled.toggle-middle{border-top:2px solid var(--neutral-color-400-parts)!important;border-bottom:2px solid var(--neutral-color-400-parts)!important;border-left:1px solid var(--neutral-color-400-parts)!important;border-right:1px solid var(--neutral-color-400-parts)!important;border-radius:0!important;width:120px!important}::ng-deep mat-button-toggle-group.sof-toggle-group .mat-button-toggle-disabled.toggle-right{border-top:2px solid var(--neutral-color-400-parts)!important;border-bottom:2px solid var(--neutral-color-400-parts)!important;border-left:1px solid var(--neutral-color-400-parts)!important;border-right:2px solid var(--neutral-color-400-parts)!important;border-radius:0 6px 6px 0!important;width:120px!important}::ng-deep mat-button-toggle-group.sof-toggle-group[size=small]{height:36px!important}::ng-deep mat-button-toggle-group.sof-toggle-group[size=medium]{height:48px!important}::ng-deep mat-button-toggle-group.sof-toggle-group[size=large]{height:56px!important}button.mat-mdc-button.sof-button{padding:0 24px!important;height:48px!important;border-radius:6px!important;font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:16px!important;line-height:24px!important;letter-spacing:.05em!important;text-transform:uppercase!important}button.mat-mdc-button.sof-button.fixed-width{width:200px!important}button.mat-mdc-button.sof-button.full-width{width:100%!important}button.mat-mdc-button.sof-button:enabled.mat-primary{color:var(--primary-color-500-parts)!important}button.mat-mdc-button.sof-button:enabled.mat-primary:hover{background-color:var(--primary-color-50-parts)}button.mat-mdc-button.sof-button:enabled.mat-primary:focus{background-color:var(--primary-color-100-parts)}button.mat-mdc-button.sof-button:enabled.mat-accent{color:var(--accent-color-500-parts)!important}button.mat-mdc-button.sof-button:enabled.mat-accent:hover{background-color:var(--accent-color-50-parts)}button.mat-mdc-button.sof-button:enabled.mat-accent:focus{background-color:var(--accent-color-100-parts)}button.mat-mdc-button.sof-button:enabled.mat-warn{color:var(--warn-color-500-parts)!important}button.mat-mdc-button.sof-button:enabled.mat-warn:hover{background-color:var(--warn-color-50-parts)}button.mat-mdc-button.sof-button:enabled.mat-warn:focus{background-color:var(--warn-color-100-parts)}button.mat-mdc-button.sof-button:enabled.mat-success{color:var(--success-color-500-parts)!important}button.mat-mdc-button.sof-button:enabled.mat-success:hover{background-color:var(--success-color-50-parts)}button.mat-mdc-button.sof-button:enabled.mat-success:focus{background-color:var(--success-color-100-parts)}button.mat-mdc-button.sof-button:enabled.mat-error{color:var(--error-color-500-parts)!important}button.mat-mdc-button.sof-button:enabled.mat-error:hover{background-color:var(--error-color-50-parts)}button.mat-mdc-button.sof-button:enabled.mat-error:focus{background-color:var(--error-color-100-parts)}button.mat-mdc-button.sof-button:enabled.mat-info{color:var(--info-color-500-parts)!important}button.mat-mdc-button.sof-button:enabled.mat-info:hover{background-color:var(--info-color-50-parts)}button.mat-mdc-button.sof-button:enabled.mat-info:focus{background-color:var(--info-color-100-parts)}button.mat-mdc-button.sof-button:enabled.mat-neutral{color:#000000de!important}button.mat-mdc-button.sof-button:enabled.mat-neutral:hover{background-color:var(--neutral-color-50-parts)}button.mat-mdc-button.sof-button:enabled.mat-neutral:focus{background-color:var(--neutral-color-100-parts)}button.mat-mdc-button.sof-button:disabled{color:#0009!important;opacity:1!important}button.mat-mdc-button.sof-button i{margin-left:-8px!important;margin-right:4px!important}button.mat-mdc-button.sof-button[size=small]{height:36px!important}button.mat-mdc-button.sof-button[size=small] i{font-size:1em!important}button.mat-mdc-button.sof-button[size=medium]{height:48px!important}button.mat-mdc-button.sof-button[size=medium] i{font-size:1em!important}button.mat-mdc-button.sof-button[size=large]{height:56px!important}button.mat-mdc-button.sof-button[size=large] i{font-size:1.15em!important}button.mat-mdc-button.sof-icon-button{border-radius:6px!important;padding:0!important}button.mat-mdc-button.sof-icon-button:enabled.mat-primary{color:var(--primary-color-500-parts)!important}button.mat-mdc-button.sof-icon-button:enabled.mat-primary:hover{background-color:var(--primary-color-50-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-primary:focus{background-color:var(--primary-color-100-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-accent{color:var(--accent-color-500-parts)!important}button.mat-mdc-button.sof-icon-button:enabled.mat-accent:hover{background-color:var(--accent-color-50-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-accent:focus{background-color:var(--accent-color-100-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-warn{color:var(--warn-color-500-parts)!important}button.mat-mdc-button.sof-icon-button:enabled.mat-warn:hover{background-color:var(--warn-color-50-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-warn:focus{background-color:var(--warn-color-100-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-success{color:var(--success-color-500-parts)!important}button.mat-mdc-button.sof-icon-button:enabled.mat-success:hover{background-color:var(--success-color-50-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-success:focus{background-color:var(--success-color-100-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-error{color:var(--error-color-500-parts)!important}button.mat-mdc-button.sof-icon-button:enabled.mat-error:hover{background-color:var(--error-color-50-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-error:focus{background-color:var(--error-color-100-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-info{color:var(--info-color-500-parts)!important}button.mat-mdc-button.sof-icon-button:enabled.mat-info:hover{background-color:var(--info-color-50-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-info:focus{background-color:var(--info-color-100-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-neutral{color:#000000de!important}button.mat-mdc-button.sof-icon-button:enabled.mat-neutral:hover{background-color:var(--neutral-color-50-parts)}button.mat-mdc-button.sof-icon-button:enabled.mat-neutral:focus{background-color:var(--neutral-color-100-parts)}button.mat-mdc-button.sof-icon-button:disabled{color:#0009!important;opacity:1!important}button.mat-mdc-button.sof-icon-button[size=small]{height:36px!important;width:36px!important;min-width:36px!important;font-size:19px!important}button.mat-mdc-button.sof-icon-button[size=medium]{height:48px!important;width:48px!important;min-width:48px!important;font-size:26px!important}button.mat-mdc-button.sof-icon-button[size=large]{height:56px!important;width:56px!important;min-width:56px!important;font-size:26px!important}button.mat-mdc-unelevated-button.sof-flat-button{padding:0 24px!important;height:48px!important;border-radius:6px!important;font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:16px!important;line-height:24px!important;letter-spacing:.05em!important;text-transform:uppercase!important}button.mat-mdc-unelevated-button.sof-flat-button.fixed-width{width:200px!important}button.mat-mdc-unelevated-button.sof-flat-button.full-width{width:100%!important}button.mat-mdc-unelevated-button.sof-flat-button:enabled{color:#fff!important}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-primary{background:var(--primary-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-primary:hover{background-color:var(--primary-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-primary:focus{background-color:var(--primary-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-accent{background:var(--accent-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-accent:hover{background-color:var(--accent-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-accent:focus{background-color:var(--accent-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-warn{background:var(--warn-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-warn:hover{background-color:var(--warn-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-warn:focus{background-color:var(--warn-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-success{background:var(--success-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-success:hover{background-color:var(--success-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-success:focus{background-color:var(--success-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-error{background:var(--error-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-error:hover{background-color:var(--error-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-error:focus{background-color:var(--error-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-info{background:var(--info-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-info:hover{background-color:var(--info-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-info:focus{background-color:var(--info-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-neutral{background:rgba(0,0,0,.8705882353)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-neutral:hover{background-color:var(--neutral-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled.mat-neutral:focus{background-color:var(--neutral-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-button:enabled i{color:#fff!important}button.mat-mdc-unelevated-button.sof-flat-button:disabled{background:#f7f7f7!important;color:#0009!important;opacity:1!important}button.mat-mdc-unelevated-button.sof-flat-button i{margin-left:-8px!important;margin-right:4px!important}button.mat-mdc-unelevated-button.sof-flat-button[size=small]{height:36px!important}button.mat-mdc-unelevated-button.sof-flat-button[size=small] i{font-size:1em!important}button.mat-mdc-unelevated-button.sof-flat-button[size=medium]{height:48px!important}button.mat-mdc-unelevated-button.sof-flat-button[size=medium] i{font-size:1em!important}button.mat-mdc-unelevated-button.sof-flat-button[size=large]{height:56px!important}button.mat-mdc-unelevated-button.sof-flat-button[size=large] i{font-size:1.15em!important}button.mat-mdc-unelevated-button.sof-flat-icon-button{border-radius:6px!important;padding:0!important}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled{color:#fff!important}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-primary{background:var(--primary-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-primary:hover{background-color:var(--primary-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-primary:focus{background-color:var(--primary-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-accent{background:var(--accent-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-accent:hover{background-color:var(--accent-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-accent:focus{background-color:var(--accent-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-warn{background:var(--warn-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-warn:hover{background-color:var(--warn-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-warn:focus{background-color:var(--warn-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-success{background:var(--success-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-success:hover{background-color:var(--success-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-success:focus{background-color:var(--success-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-error{background:var(--error-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-error:hover{background-color:var(--error-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-error:focus{background-color:var(--error-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-info{background:var(--info-color-500-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-info:hover{background-color:var(--info-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-info:focus{background-color:var(--info-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-neutral{background:rgba(0,0,0,.8705882353)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-neutral:hover{background-color:var(--neutral-color-700-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled.mat-neutral:focus{background-color:var(--neutral-color-900-parts)}button.mat-mdc-unelevated-button.sof-flat-icon-button:enabled i{color:#fff!important}button.mat-mdc-unelevated-button.sof-flat-icon-button:disabled{background:#f7f7f7!important;color:#0009!important;opacity:1!important}button.mat-mdc-unelevated-button.sof-flat-icon-button[size=small]{height:36px!important;width:36px!important;min-width:36px!important;font-size:19px!important}button.mat-mdc-unelevated-button.sof-flat-icon-button[size=medium]{height:48px!important;width:48px!important;min-width:48px!important;font-size:26px!important}button.mat-mdc-unelevated-button.sof-flat-icon-button[size=large]{height:56px!important;width:56px!important;min-width:56px!important;font-size:26px!important}button.mat-mdc-outlined-button.sof-stroked-button{padding:0 24px!important;height:48px!important;border:none!important;border-radius:6px!important;font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:16px!important;line-height:24px!important;letter-spacing:.05em!important;text-transform:uppercase!important}button.mat-mdc-outlined-button.sof-stroked-button.fixed-width{width:200px!important}button.mat-mdc-outlined-button.sof-stroked-button.full-width{width:100%!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-primary{background-color:var(--primary-color-50-parts)!important;color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-primary i{color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-primary:hover{background-color:var(--primary-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-primary:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-primary:focus{background-color:var(--primary-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-primary:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-accent{background-color:var(--accent-color-50-parts)!important;color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-accent i{color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-accent:hover{background-color:var(--accent-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-accent:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-accent:focus{background-color:var(--accent-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-accent:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-warn{background-color:var(--warn-color-50-parts)!important;color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-warn i{color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-warn:hover{background-color:var(--warn-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-warn:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-warn:focus{background-color:var(--warn-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-warn:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-success{background-color:var(--success-color-50-parts)!important;color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-success i{color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-success:hover{background-color:var(--success-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-success:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-success:focus{background-color:var(--success-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-success:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-info{background-color:var(--info-color-50-parts)!important;color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-info i{color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-info:hover{background-color:var(--info-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-info:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-info:focus{background-color:var(--info-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-info:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-error{background-color:var(--error-color-50-parts)!important;color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-error i{color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-error:hover{background-color:var(--error-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-error:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-error:focus{background-color:var(--error-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-error:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-neutral{background-color:var(--neutral-color-50-parts)!important;color:#000000de!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-neutral i{color:#000000de!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-neutral:hover{background-color:var(--neutral-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:enabled.mat-neutral:focus{background-color:var(--neutral-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button:disabled{background:#f7f7f7!important;color:#0009!important;opacity:1!important}button.mat-mdc-outlined-button.sof-stroked-button i{margin-left:-8px!important;margin-right:4px!important}button.mat-mdc-outlined-button.sof-stroked-button-outline{padding:0 24px!important;height:48px!important;background:#ffffff!important;border-radius:6px!important;font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:16px!important;line-height:24px!important;letter-spacing:.05em!important;text-transform:uppercase!important}button.mat-mdc-outlined-button.sof-stroked-button-outline.fixed-width{width:200px!important}button.mat-mdc-outlined-button.sof-stroked-button-outline.full-width{width:100%!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-primary{border:2px solid var(--primary-color-500-parts)!important;color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-primary i{color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-primary:hover{background-color:var(--primary-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-primary:focus{background-color:var(--primary-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-accent{border:2px solid var(--accent-color-500-parts)!important;color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-accent i{color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-accent:hover{background-color:var(--accent-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-accent:focus{background-color:var(--accent-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-warn{border:2px solid var(--warn-color-500-parts)!important;color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-warn i{color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-warn:hover{background-color:var(--warn-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-warn:focus{background-color:var(--warn-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-success{border:2px solid var(--success-color-500-parts)!important;color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-success i{color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-success:hover{background-color:var(--success-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-success:focus{background-color:var(--success-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-error{border:2px solid var(--error-color-500-parts)!important;color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-error i{color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-error:hover{background-color:var(--error-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-error:focus{background-color:var(--error-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-info{border:2px solid var(--info-color-500-parts)!important;color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-info i{color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-info:hover{background-color:var(--info-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-info:focus{background-color:var(--info-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-neutral{border:2px solid rgba(0,0,0,.8705882353)!important;color:#000000de!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-neutral i{color:0de!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-neutral:hover{background-color:var(--neutral-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:enabled.mat-neutral:focus{background-color:var(--neutral-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-button-outline:disabled{background:#f7f7f7!important;color:#0009!important;border:2px solid rgba(0,0,0,.38)!important;opacity:1!important}button.mat-mdc-outlined-button.sof-stroked-button-outline i{margin-left:-8px!important;margin-right:4px!important}button.mat-mdc-outlined-button.sof-stroked-button[size=small],button.mat-mdc-outlined-button.sof-stroked-button-outline[size=small]{height:36px!important}button.mat-mdc-outlined-button.sof-stroked-button[size=small] i,button.mat-mdc-outlined-button.sof-stroked-button-outline[size=small] i{font-size:1em!important}button.mat-mdc-outlined-button.sof-stroked-button[size=medium],button.mat-mdc-outlined-button.sof-stroked-button-outline[size=medium]{height:48px!important}button.mat-mdc-outlined-button.sof-stroked-button[size=medium] i,button.mat-mdc-outlined-button.sof-stroked-button-outline[size=medium] i{font-size:1em!important}button.mat-mdc-outlined-button.sof-stroked-button[size=large],button.mat-mdc-outlined-button.sof-stroked-button-outline[size=large]{height:56px!important}button.mat-mdc-outlined-button.sof-stroked-button[size=large] i,button.mat-mdc-outlined-button.sof-stroked-button-outline[size=large] i{font-size:1.15em!important}button.mat-mdc-outlined-button.sof-stroked-icon-button{border:none!important;border-radius:6px!important;padding:0!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-primary{background-color:var(--primary-color-50-parts)!important;color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-primary i{color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-primary:hover{background-color:var(--primary-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-primary:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-primary:focus{background-color:var(--primary-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-primary:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-accent{background-color:var(--accent-color-50-parts)!important;color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-accent i{color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-accent:hover{background-color:var(--accent-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-accent:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-accent:focus{background-color:var(--accent-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-accent:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-warn{background-color:var(--warn-color-50-parts)!important;color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-warn i{color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-warn:hover{background-color:var(--warn-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-warn:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-warn:focus{background-color:var(--warn-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-warn:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-success{background-color:var(--success-color-50-parts)!important;color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-success i{color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-success:hover{background-color:var(--success-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-success:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-success:focus{background-color:var(--success-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-success:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-info{background-color:var(--info-color-50-parts)!important;color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-info i{color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-info:hover{background-color:var(--info-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-info:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-info:focus{background-color:var(--info-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-info:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-error{background-color:var(--error-color-50-parts)!important;color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-error i{color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-error:hover{background-color:var(--error-color-100-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-error:hover i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-error:focus{background-color:var(--error-color-200-parts)!important;color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-error:focus i{color:#fff!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-neutral{background-color:var(--neutral-color-50-parts)!important;color:#000000de!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-neutral i{color:#000000de!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-neutral:hover{background-color:var(--neutral-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:enabled.mat-neutral:focus{background-color:var(--neutral-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button:disabled{background:#f7f7f7!important;color:#0009!important;opacity:1!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline{background:#ffffff!important;border-radius:6px!important;padding:0!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-primary{border:2px solid var(--primary-color-500-parts)!important;color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-primary i{color:var(--primary-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-primary:hover{background-color:var(--primary-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-primary:focus{background-color:var(--primary-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-accent{border:2px solid var(--accent-color-500-parts)!important;color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-accent i{color:var(--accent-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-accent:hover{background-color:var(--accent-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-accent:focus{background-color:var(--accent-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-warn{border:2px solid var(--warn-color-500-parts)!important;color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-warn i{color:var(--warn-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-warn:hover{background-color:var(--warn-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-warn:focus{background-color:var(--warn-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-success{border:2px solid var(--success-color-500-parts)!important;color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-success i{color:var(--success-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-success:hover{background-color:var(--success-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-success:focus{background-color:var(--success-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-error{border:2px solid var(--error-color-500-parts)!important;color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-error i{color:var(--error-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-error:hover{background-color:var(--error-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-error:focus{background-color:var(--error-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-info{border:2px solid var(--info-color-500-parts)!important;color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-info i{color:var(--info-color-500-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-info:hover{background-color:var(--info-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-info:focus{background-color:var(--info-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-neutral{border:2px solid rgba(0,0,0,.8705882353)!important;color:#000000de!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-neutral i{color:0de!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-neutral:hover{background-color:var(--neutral-color-100-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:enabled.mat-neutral:focus{background-color:var(--neutral-color-200-parts)!important}button.mat-mdc-outlined-button.sof-stroked-icon-button-outline:disabled{background:#f7f7f7!important;color:#0009!important;border:2px solid rgba(0,0,0,.38)!important;opacity:1!important}button.mat-mdc-outlined-button.sof-stroked-icon-button[size=small],button.mat-mdc-outlined-button.sof-stroked-icon-button-outline[size=small]{height:36px!important;width:36px!important;min-width:36px!important;font-size:19px!important}button.mat-mdc-outlined-button.sof-stroked-icon-button[size=medium],button.mat-mdc-outlined-button.sof-stroked-icon-button-outline[size=medium]{height:48px!important;width:48px!important;min-width:48px!important;font-size:26px!important}button.mat-mdc-outlined-button.sof-stroked-icon-button[size=large],button.mat-mdc-outlined-button.sof-stroked-icon-button-outline[size=large]{height:56px!important;width:56px!important;min-width:56px!important;font-size:26px!important}mat-card.mat-mdc-card.item-list{box-shadow:0 1px 7px #a69f9f40!important;border-radius:10px!important;overflow:overlay!important;max-height:322px!important;padding:0!important}.mat-mdc-dialog-title{font-family:Poppins!important;font-style:normal!important;font-weight:500!important;font-size:24px!important;line-height:36px!important;letter-spacing:normal!important}.mat-mdc-dialog-content{display:block!important;max-height:65vh!important;overflow:auto!important}.mat-mdc-dialog-container{display:block!important;background:#ffffff!important;border:1px solid #dfdfdf!important;box-sizing:border-box!important;border-radius:10px!important;overflow:auto!important;outline:0!important;width:100%!important;height:100%!important;min-height:inherit!important;max-height:inherit!important}.mat-mdc-list-base{padding-top:0!important}::ng-deep .mat-mdc-tooltip{cursor:pointer!important;width:234px!important;height:auto!important;font-family:Poppins,sans-serif!important;font-size:12px!important;font-style:normal!important;font-weight:400!important;line-height:18px!important;letter-spacing:.4px!important;text-align:left!important;display:flex!important;align-items:center!important;color:#fff!important;background-color:#333!important}.mat-mdc-chip{font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important;height:-moz-max-content!important;height:max-content!important;word-break:break-all!important}::ng-deep mat-form-field.sof-form-field{font-family:Poppins!important}::ng-deep mat-form-field.sof-form-field.mat-form-field-invalid .mat-mdc-form-field-flex>div.mdc-notched-outline>*{border-color:var(--error-color-900-parts)!important}::ng-deep mat-form-field.sof-form-field.mat-form-field-invalid .mdc-notched-outline__notch{border-left:none!important}::ng-deep mat-form-field.sof-form-field.mat-form-field-invalid .mat-mdc-floating-label{color:var(--error-color-900-parts)!important}::ng-deep mat-form-field.sof-form-field.mat-focused{font-weight:600!important}::ng-deep mat-form-field.sof-form-field.mat-focused input,::ng-deep mat-form-field.sof-form-field.mat-focused span.mat-mdc-select-value-text{font-weight:400!important}::ng-deep mat-form-field.sof-form-field.mat-form-field-disabled .mdc-text-field--outlined{background-color:#f7f7f7!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-form-field-flex>div.mdc-notched-outline{color:var(--primary-color-500-parts)!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-text-field-wrapper{padding:0!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-form-field-flex{padding:0 16px!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix{top:0!important;color:var(--neutral-color-300-parts)!important;padding-right:.5em!important;font-size:1.5em!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix{top:0!important;font-size:1.5em!important;color:var(--neutral-color-300-parts)!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .error{color:var(--error-color-500-parts)!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-form-field-flex div.mdc-notched-outline__leading{border-radius:6px 0 0 6px!important;min-width:6px!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-form-field-flex div.mdc-notched-outline__trailing{border-radius:0 6px 6px 0!important}::ng-deep mat-form-field.sof-form-field .mat-mdc-form-field-subscript-wrapper{padding:14px 16px 0!important}::ng-deep mat-form-field.sof-form-field mat-error{font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:12px!important;line-height:18px!important;color:var(--error-color-900-parts)!important}::ng-deep mat-form-field.sof-form-field mat-hint{font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:12px!important;line-height:18px!important}::ng-deep mat-form-field.sof-form-field.mat-focused .mdc-floating-label{color:var(--primary-color-500-parts)!important}::ng-deep mat-form-field.sof-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,::ng-deep mat-form-field.sof-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,::ng-deep mat-form-field.sof-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--primary-color-500-parts)}::ng-deep mat-form-field.sof-form-field .mat-mdc-text-field-wrapper{--mat-mdc-form-field-label-offset-x: 0px}::ng-deep .mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option.mdc-list-item--disabled){color:var(--primary-color-500-parts)!important}mat-optgroup label,mat-optgroup mat-option{font-family:Poppins!important}@media only screen and (max-width: 959px){.mat-drawer-container.sof-ar-nav-sidenav-container{background:rgba(245,245,245,.5)!important}}::ng-deep mat-slide-toggle.sof-slide-toggle{height:auto}::ng-deep mat-slide-toggle.sof-slide-toggle .mdc-switch__track{height:22px!important;width:32px!important;border-radius:24px!important}::ng-deep mat-slide-toggle.sof-slide-toggle .mdc-switch__handle{height:20px!important;width:20px!important;border-radius:24px!important;left:-3px!important}::ng-deep mat-slide-toggle.sof-slide-toggle .mdc-switch__handle .mdc-switch__shadow{background:#fff!important}::ng-deep mat-slide-toggle.sof-slide-toggle label{font-family:Poppins!important;font-style:normal!important;font-weight:400!important;font-size:14px!important;line-height:150%!important;white-space:normal!important;flex-direction:row;align-items:start!important}::ng-deep mat-slide-toggle.sof-slide-toggle[size=large] label{font-family:Poppins!important;font-style:normal!important;font-weight:400!important;font-size:16px!important;line-height:150%!important;white-space:normal!important}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-primary{--mdc-switch-selected-focus-state-layer-color: var(--primary-color-300-parts);--mdc-switch-selected-handle-color: var(--primary-color-300-parts);--mdc-switch-selected-hover-state-layer-color: var(--primary-color-300-parts);--mdc-switch-selected-pressed-state-layer-color: var(--primary-color-300-parts);--mdc-switch-selected-focus-handle-color: var(--primary-color-600-parts);--mdc-switch-selected-hover-handle-color: var(--primary-color-600-parts);--mdc-switch-selected-pressed-handle-color: var(--primary-color-600-parts);--mdc-switch-selected-focus-track-color: var(--primary-color-500-parts);--mdc-switch-selected-hover-track-color: var(--primary-color-500-parts);--mdc-switch-selected-pressed-track-color: var(--primary-color-500-parts);--mdc-switch-selected-track-color: var(--primary-color-500-parts)}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-primary .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) .mdc-switch__handle{border:1px solid var(--primary-color-500-parts)!important}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-accent{--mdc-switch-selected-focus-state-layer-color: var(--accent-color-300-parts);--mdc-switch-selected-handle-color: var(--accent-color-300-parts);--mdc-switch-selected-hover-state-layer-color: var(--accent-color-300-parts);--mdc-switch-selected-pressed-state-layer-color: var(--accent-color-300-parts);--mdc-switch-selected-focus-handle-color: var(--accent-color-600-parts);--mdc-switch-selected-hover-handle-color: var(--accent-color-600-parts);--mdc-switch-selected-pressed-handle-color: var(--accent-color-600-parts);--mdc-switch-selected-focus-track-color: var(--accent-color-500-parts);--mdc-switch-selected-hover-track-color: var(--accent-color-500-parts);--mdc-switch-selected-pressed-track-color: var(--accent-color-500-parts);--mdc-switch-selected-track-color: var(--accent-color-500-parts)}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-accent .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) .mdc-switch__handle{border:1px solid var(--accent-color-500-parts)!important}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-warn{--mdc-switch-selected-focus-state-layer-color: var(--warn-color-300-parts);--mdc-switch-selected-handle-color: var(--warn-color-300-parts);--mdc-switch-selected-hover-state-layer-color: var(--warn-color-300-parts);--mdc-switch-selected-pressed-state-layer-color: var(--warn-color-300-parts);--mdc-switch-selected-focus-handle-color: var(--warn-color-600-parts);--mdc-switch-selected-hover-handle-color: var(--warn-color-600-parts);--mdc-switch-selected-pressed-handle-color: var(--warn-color-600-parts);--mdc-switch-selected-focus-track-color: var(--warn-color-500-parts);--mdc-switch-selected-hover-track-color: var(--warn-color-500-parts);--mdc-switch-selected-pressed-track-color: var(--warn-color-500-parts);--mdc-switch-selected-track-color: var(--warn-color-500-parts)}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-warn .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) .mdc-switch__handle{border:1px solid var(--warn-color-500-parts)!important}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-success{--mdc-switch-selected-focus-state-layer-color: var(--success-color-300-parts);--mdc-switch-selected-handle-color: var(--success-color-300-parts);--mdc-switch-selected-hover-state-layer-color: var(--success-color-300-parts);--mdc-switch-selected-pressed-state-layer-color: var(--success-color-300-parts);--mdc-switch-selected-focus-handle-color: var(--success-color-600-parts);--mdc-switch-selected-hover-handle-color: var(--success-color-600-parts);--mdc-switch-selected-pressed-handle-color: var(--success-color-600-parts);--mdc-switch-selected-focus-track-color: var(--success-color-500-parts);--mdc-switch-selected-hover-track-color: var(--success-color-500-parts);--mdc-switch-selected-pressed-track-color: var(--success-color-500-parts);--mdc-switch-selected-track-color: var(--success-color-500-parts)}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-success .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) .mdc-switch__handle{border:1px solid var(--success-color-500-parts)!important}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-error{--mdc-switch-selected-focus-state-layer-color: var(--error-color-300-parts);--mdc-switch-selected-handle-color: var(--error-color-300-parts);--mdc-switch-selected-hover-state-layer-color: var(--error-color-300-parts);--mdc-switch-selected-pressed-state-layer-color: var(--error-color-300-parts);--mdc-switch-selected-focus-handle-color: var(--error-color-600-parts);--mdc-switch-selected-hover-handle-color: var(--error-color-600-parts);--mdc-switch-selected-pressed-handle-color: var(--error-color-600-parts);--mdc-switch-selected-focus-track-color: var(--error-color-500-parts);--mdc-switch-selected-hover-track-color: var(--error-color-500-parts);--mdc-switch-selected-pressed-track-color: var(--error-color-500-parts);--mdc-switch-selected-track-color: var(--error-color-500-parts)}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-error .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) .mdc-switch__handle{border:1px solid var(--error-color-500-parts)!important}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-info{--mdc-switch-selected-focus-state-layer-color: var(--info-color-300-parts);--mdc-switch-selected-handle-color: var(--info-color-300-parts);--mdc-switch-selected-hover-state-layer-color: var(--info-color-300-parts);--mdc-switch-selected-pressed-state-layer-color: var(--info-color-300-parts);--mdc-switch-selected-focus-handle-color: var(--info-color-600-parts);--mdc-switch-selected-hover-handle-color: var(--info-color-600-parts);--mdc-switch-selected-pressed-handle-color: var(--info-color-600-parts);--mdc-switch-selected-focus-track-color: var(--info-color-500-parts);--mdc-switch-selected-hover-track-color: var(--info-color-500-parts);--mdc-switch-selected-pressed-track-color: var(--info-color-500-parts);--mdc-switch-selected-track-color: var(--info-color-500-parts)}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-info .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) .mdc-switch__handle{border:1px solid var(--info-color-500-parts)!important}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-neutral{--mdc-switch-selected-focus-state-layer-color: var(--neutral-color-300-parts);--mdc-switch-selected-handle-color: var(--neutral-color-300-parts);--mdc-switch-selected-hover-state-layer-color: var(--neutral-color-300-parts);--mdc-switch-selected-pressed-state-layer-color: var(--neutral-color-300-parts);--mdc-switch-selected-focus-handle-color: var(--neutral-color-600-parts);--mdc-switch-selected-hover-handle-color: var(--neutral-color-600-parts);--mdc-switch-selected-pressed-handle-color: var(--neutral-color-600-parts);--mdc-switch-selected-focus-track-color: var(--neutral-color-500-parts);--mdc-switch-selected-hover-track-color: var(--neutral-color-500-parts);--mdc-switch-selected-pressed-track-color: var(--neutral-color-500-parts);--mdc-switch-selected-track-color: var(--neutral-color-500-parts)}::ng-deep mat-slide-toggle.sof-slide-toggle.mat-neutral .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) .mdc-switch__handle{border:1px solid rgba(0,0,0,.8705882353)!important}::ng-deep mat-slide-toggle.sof-slide-toggle:has(.mdc-switch--disabled) label{color:#000000de!important}@media only screen and (max-width: 599px){.mobile-sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}}.mobile-no-card{padding:36px 30px!important}@media only screen and (max-width: 599px){.mobile-no-card{background:transparent!important;box-shadow:none!important;padding:0!important}}.sm-screen-no-card{padding:36px 30px!important}@media only screen and (max-width: 959px){.sm-screen-no-card{background:transparent!important;box-shadow:none!important;padding:0!important}}@media only screen and (max-width: 959px){.sm-screen-no-white-bg{background:transparent!important}}@media only screen and (max-width: 959px){.sm-screen-card-shadow-z1{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}}@media only screen and (max-width: 959px){.sm-screen-op-7{opacity:.7}}@media only screen and (max-width: 959px){.sm-d-inline-flex{display:inline-flex!important}}@media only screen and (max-width: 599px){.mobile-no-h-margin{margin-left:0!important;margin-right:0!important}}@media only screen and (max-width: 599px){.mobile-no-h-padding{padding-left:0!important;padding-right:0!important}}@media only screen and (max-width: 599px){.mobile-full-width{width:100%}}@media only screen and (max-width: 959px){.sm-screen-full-width{width:100%}}.word-wrap-checkboxes-override label{white-space:initial!important}@media only screen and (max-width: 959px){.word-wrap-checkboxes-override label{white-space:initial}}@media only screen and (max-width: 959px){.sm-full-width-datepicker{width:100%}.sm-full-width-datepicker .mat-mdc-form-field-infix,.sm-full-width-datepicker .mat-mdc-form-field-infix>input{width:100%!important}}@media only screen and (max-width: 959px){.sof-tokenizer-button-btn-container{flex-direction:column-reverse!important;width:100%!important}.sof-tokenizer-button-btn-container button{margin:initial!important;margin-bottom:10px!important}}@media only screen and (max-width: 959px){.info-icon.mat-icon,.help-icon.mat-icon{padding-top:10px!important}}@media only screen and (max-width: 599px){.sof-ar-header--left.sof-ar-mobile-navigation{margin-left:35px!important}}@media screen and (max-width: 959px){.hidden-small-screen{display:none!important}}@media screen and (max-width: 1279px){.hidden-md-screen{display:none!important}}@media screen and (min-width: 960px){.visible-small-screen{display:none!important}}@media screen and (min-width: 1280px){.visible-md-screen{display:none!important}}.mat-card-mobile-header-override{background:var(--neutral-color-300-parts);padding:16px;margin:0 -16px}.mat-card-mobile-action-buttons-footer-override{border-top:1px solid rgba(0,0,0,.05);padding-top:16px;margin-top:36px}.mat-card-mobile-action-buttons-override button{transform:scale(.9)}@media only screen and (max-width: 959px){.sm-m-b-16{margin-bottom:16px!important}}@media only screen and (max-width: 959px){.sm-m-b-24{margin-bottom:24px!important}}@media only screen and (max-width: 959px){.sm-m-v-24{margin-top:24px!important;margin-bottom:24px!important}}@media only screen and (max-width: 959px){.sm-m-b-32{margin-bottom:32px!important}}@media only screen and (max-width: 959px){.sm-m-b-64{margin-bottom:64px!important}}@media screen and (max-width: 959px){.sm-screen-m-a-0{margin:0!important}}@media screen and (max-width: 959px){.sm-screen-m-l-0{margin-left:0!important}}@media screen and (max-width: 959px){.sm-screen-m-h-0{margin-left:0!important;margin-right:0!important}}@media screen and (max-width: 959px){.sm-screen-p-a-0{padding:0!important}}@media screen and (max-width: 959px){.sm-screen-p-h-0{padding-left:0!important;padding-right:0!important}}@media screen and (max-width: 1279px){.md-screen-p-a-0{padding:0!important}}@media only screen and (max-width: 1279px){.md-m-v-24{margin-top:24px!important;margin-bottom:24px!important}}@media screen and (max-width: 959px){.mat-responsive-table-override-sm{max-height:none!important;overflow-y:auto!important}.mat-responsive-table-override-sm .mat-mdc-table{border:0;vertical-align:middle}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-header-row{min-height:0;height:0}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-header-cell{border:10px solid;clip:rect(0 0 0 0);height:1px;min-height:1px;margin:-1px;padding:0;position:absolute;width:1px}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-row{padding:10px 20px 0;border-bottom:5px solid #ddd;display:block;min-height:1px;height:auto}.mat-responsive-table-override-sm .mat-mdc-table td.mat-mdc-cell:first-of-type{height:48px}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-cell{display:block;font-size:initial;height:auto;padding:8px 0;border-bottom-color:transparent;text-align:initial}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-cell.action-buttons{border-top:1px solid var(--neutral-color-300-parts);margin-top:24px;display:flex;flex-wrap:wrap;justify-content:flex-start;padding-bottom:0;margin-bottom:-8px}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-cell.action-buttons:before{content:none}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-cell:before{content:attr(data-label) \": \";float:left;font-weight:600;padding-right:5px}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-cell:last-child{border-bottom:0}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-cell:first-child{margin-top:4%}.mat-responsive-table-override-sm .mat-mdc-table .mat-mdc-cell:first-of-type{margin:-10px -20px 8px;padding:16px 20px;background:var(--neutral-color-300-parts);box-sizing:border-box;height:auto}.mat-responsive-table-override-sm .mat-mdc-table td.mat-mdc-cell.action-buttons{margin-bottom:8px}}@media screen and (max-width: 1279px){.mat-responsive-table-override-md{max-height:none!important;overflow-y:auto!important}.mat-responsive-table-override-md .mat-mdc-table{border:0;vertical-align:middle}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-header-row{min-height:0;height:0}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-header-cell{border:10px solid;clip:rect(0 0 0 0);height:1px;min-height:1px;margin:-1px;padding:0;position:absolute;width:1px}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-row{padding:10px 20px 0;border-bottom:5px solid #ddd;display:block;min-height:1px;height:auto}.mat-responsive-table-override-md .mat-mdc-table td.mat-mdc-cell:first-of-type{height:48px}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-cell{display:block;font-size:initial;height:auto;padding:8px 0;border-bottom-color:transparent;text-align:initial}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-cell.action-buttons{border-top:1px solid var(--neutral-color-300-parts);margin-top:24px;display:flex;flex-wrap:wrap;justify-content:flex-start;padding-bottom:0;margin-bottom:-8px}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-cell.action-buttons:before{content:none}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-cell:before{content:attr(data-label) \": \";float:left;font-weight:600;padding-right:5px}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-cell:last-child{border-bottom:0}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-cell:first-child{margin-top:4%}.mat-responsive-table-override-md .mat-mdc-table .mat-mdc-cell:first-of-type{margin:-10px -20px 8px;padding:16px 20px;background:var(--neutral-color-300-parts);box-sizing:border-box;height:auto}.mat-responsive-table-override-md .mat-mdc-table td.mat-mdc-cell.action-buttons{margin-bottom:8px}}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.sof-super-header{height:34px;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 599px){.sof-super-header{justify-content:center;padding:0}}.sof-ar-header{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.sof-ar-header.sof-ar-header-shadow{box-shadow:0 1px 4px #00000080}.sof-ar-header-logo-text{font-size:20px;display:inline-block}::ng-deep .sof-ar-header-icon,::ng-deep .sof-ar-header-menu-icon{font-size:24px}::ng-deep .sof-ar-header-menu-icon{padding-right:10px}::ng-deep .sof-ar-mat-menu{border-radius:2px!important}::ng-deep .sof-ar-mat-menu .mat-mdc-menu-content{padding-top:0!important;padding-bottom:0!important;min-width:150px}::ng-deep .sof-ar-header-menu-list.sof-ar-header-menu-border{border-bottom:1px solid rgba(0,0,0,.25)!important}::ng-deep .sof-ar-header-menu-list{display:flex!important;align-items:center}::ng-deep .sof-ar-header-button-text{font-weight:600;font-size:14px;padding-left:10px;padding-right:10px}.sof-ar-header-logo{max-width:100%;height:32px}@media only screen and (max-width: 599px){.sof-ar-header-logo{height:24px}}.sof-ar-header--left{align-items:center;display:flex}.sof-ar-header--left.sof-ar-toggle-navigation{margin-left:50px}.sof-ar-header--right{text-align:right}.sof-ar-header--center{text-align:center}.sof-ar-header--right,.sof-ar-header--center,.sof-ar-header--left{flex:1}.absent-account-image{border-right:2px solid var(--primary-color-500-parts)!important;border-radius:6px!important;background:var(--primary-color-500-parts)!important;color:#fff;font-weight:500!important;font-size:16px!important;height:46px!important;margin-left:-1px!important;margin-top:-1px!important}.signed-in-name{font-weight:500!important;font-size:16px!important;color:var(--primary-color-500-parts)!important}.left-radius-10{border-top-left-radius:11px!important;border-bottom-left-radius:11px!important}.language-globe{padding-right:8px;font-size:20px!important}.dark-theme-icon{font-size:20px!important}.selected-language-icon{color:var(--primary-color-500-parts)!important;font-size:20px!important;padding-right:10px!important}.hidden{display:none}.mobile-border{padding:0;border:0px;border-radius:11px!important}\n"] }]
|
|
1836
1836
|
}], ctorParameters: function () {
|
|
1837
1837
|
return [{ type: i1.OAuthService }, { type: i1.OAuthStorage }, { type: i2$1.TranslateService }, { type: i1$1.MediaMatcher }, { type: i0.ChangeDetectorRef }, { type: AuthorizationService }, { type: HybridSamlOauthService, decorators: [{
|
|
1838
1838
|
type: Optional
|
|
@@ -1866,9 +1866,9 @@ class ArmatureFooterComponent {
|
|
|
1866
1866
|
ngOnInit() {
|
|
1867
1867
|
}
|
|
1868
1868
|
}
|
|
1869
|
-
ArmatureFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
1870
|
-
ArmatureFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
|
|
1871
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
1869
|
+
ArmatureFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ArmatureFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1870
|
+
ArmatureFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", type: ArmatureFooterComponent, selector: "sof-ar-footer", inputs: { footerConfig: "footerConfig" }, ngImport: i0, template: "<footer role=\"contentinfo\" class=\"sof-ar-footer-container\">\r\n <div fxLayout=\"column\" fxLayoutAlign=\"center center\" style=\"width: 100%\" fxLayoutGap=\"10px\">\r\n <div fxFlex=\"100%\" style=\"width: 100%\" fxLayoutAlign=\"center center\" fxLayoutAlign.lt-md=\"start start\" *ngIf=\"footerConfig.showPreContent1\">\r\n <ng-content select=\"[sof-ar-footer-pre-content-1]\"></ng-content>\r\n </div>\r\n <div fxFlex=\"100%\" style=\"width: 100%\" *ngIf=\"footerConfig.showPreContent1\">\r\n <hr />\r\n </div>\r\n <div fxFlex=\"100%\" style=\"width: 100%\" fxLayoutAlign=\"center center\" *ngIf=\"footerConfig.showPreContent2\">\r\n <ng-content select=\"[sof-ar-footer-pre-content-2]\"></ng-content>\r\n </div>\r\n <div fxFlex=\"100%\" style=\"width: 100%\" *ngIf=\"footerConfig.showPreContent2\">\r\n <hr />\r\n </div>\r\n </div>\r\n <ng-content select=\"[sof-ar-footer-content]\"></ng-content>\r\n</footer>\r\n", styles: [".sof-ar-footer-container{background:#f5f5f5;display:inline-flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:30px 0;width:100%;box-sizing:border-box}sof-ar-footer{position:relative}::ng-deep .sof-ar-footer-container button:not(:last-child){position:relative}::ng-deep .sof-ar-footer-container button:not(:last-child):after{content:\"\";position:absolute;right:0;top:0;height:100%;width:1px;background:rgba(0,0,0,.3)}::ng-deep .flex-full-width{flex:0 0 100%;text-align:center}hr{border:1px solid #E4E4E4}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] });
|
|
1871
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ArmatureFooterComponent, decorators: [{
|
|
1872
1872
|
type: Component,
|
|
1873
1873
|
args: [{ selector: 'sof-ar-footer', template: "<footer role=\"contentinfo\" class=\"sof-ar-footer-container\">\r\n <div fxLayout=\"column\" fxLayoutAlign=\"center center\" style=\"width: 100%\" fxLayoutGap=\"10px\">\r\n <div fxFlex=\"100%\" style=\"width: 100%\" fxLayoutAlign=\"center center\" fxLayoutAlign.lt-md=\"start start\" *ngIf=\"footerConfig.showPreContent1\">\r\n <ng-content select=\"[sof-ar-footer-pre-content-1]\"></ng-content>\r\n </div>\r\n <div fxFlex=\"100%\" style=\"width: 100%\" *ngIf=\"footerConfig.showPreContent1\">\r\n <hr />\r\n </div>\r\n <div fxFlex=\"100%\" style=\"width: 100%\" fxLayoutAlign=\"center center\" *ngIf=\"footerConfig.showPreContent2\">\r\n <ng-content select=\"[sof-ar-footer-pre-content-2]\"></ng-content>\r\n </div>\r\n <div fxFlex=\"100%\" style=\"width: 100%\" *ngIf=\"footerConfig.showPreContent2\">\r\n <hr />\r\n </div>\r\n </div>\r\n <ng-content select=\"[sof-ar-footer-content]\"></ng-content>\r\n</footer>\r\n", styles: [".sof-ar-footer-container{background:#f5f5f5;display:inline-flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:30px 0;width:100%;box-sizing:border-box}sof-ar-footer{position:relative}::ng-deep .sof-ar-footer-container button:not(:last-child){position:relative}::ng-deep .sof-ar-footer-container button:not(:last-child):after{content:\"\";position:absolute;right:0;top:0;height:100%;width:1px;background:rgba(0,0,0,.3)}::ng-deep .flex-full-width{flex:0 0 100%;text-align:center}hr{border:1px solid #E4E4E4}\n"] }]
|
|
1874
1874
|
}], ctorParameters: function () { return []; }, propDecorators: { footerConfig: [{
|
|
@@ -2109,9 +2109,9 @@ class AppTemplateComponent {
|
|
|
2109
2109
|
Object.assign(this.navigationTheme, defaultNavTheme);
|
|
2110
2110
|
}
|
|
2111
2111
|
}
|
|
2112
|
-
AppTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
2113
|
-
AppTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
|
|
2114
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
2112
|
+
AppTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: AppTemplateComponent, deps: [{ token: BaseConfigService }, { token: i2$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2113
|
+
AppTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", type: AppTemplateComponent, selector: "sof-ar-app-template", ngImport: i0, template: "<header>\r\n <sof-ar-header [settings]=\"headerSettings\" [themeSettings]=\"headerThemeSettings\" [authSettings]=\"headerAuthSettings\"\r\n (setLanguage$)=\"applyLanguage()\" [currentLang]=\"currentLang\">\r\n <ng-container sof-ar-header-right>\r\n <ng-content select=\"[sof-ar-header-right]\"></ng-content>\r\n </ng-container>\r\n <ng-container sof-header-user-menu>\r\n <ng-content select=\"[sof-header-user-menu]\"></ng-content>\r\n </ng-container>\r\n </sof-ar-header>\r\n</header>\r\n<ng-content select=\"[sof-ar-template-content]\"> </ng-content>\r\n<sof-ar-navigation [navigationData]=\"navigationNodes\" [settings]=\"navigationSettings\"\r\n [advancedSettings]=\"navigationAdvancedSettings\" [themeSettings]=\"navigationTheme\"\r\n [languageSettings]=\"languageSettings\" [currentLang]=\"currentLang\" (setLanguage$)=\"applyLanguage()\"\r\n [logOutText]=\"logOutText\">\r\n <ng-container sof-ar-nav-content>\r\n <sof-ar-alert-banner class=\"sof-ar-alert-banner-container\"></sof-ar-alert-banner>\r\n <div class=\"sof-ar-nav-container\" fxLayout=\"column\" fxLayout=\"start stretch\" style=\"height: 100%;\">\r\n <ng-content select=\"[sof-ar-nav-content-header]\"></ng-content>\r\n <div class=\"sof-ar-nav-content-container\" fxFlex=\"1 0 100%\">\r\n <main [ngStyle.lt-md]=\"{'max-width':navigationSettings?.maxContentWidthMobile+'%'}\"\r\n [ngStyle.gt-sm]=\"{'max-width':navigationSettings?.maxContentWidthDesktop+'%'}\" class=\"main-content\">\r\n <router-outlet></router-outlet>\r\n </main>\r\n </div>\r\n <div fxFlex=\"auto\" fxLayoutAlign=\"end end\">\r\n <sof-ar-footer style=\"width: 100%;\" [footerConfig]=\"{ showPreContent1: false, showPreContent2: false }\">\r\n <ng-container sof-ar-footer-content>\r\n <ng-content select=\"[sof-ar-footer-content]\"></ng-content>\r\n </ng-container>\r\n </sof-ar-footer>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container sof-ar-nav-mobile-footer>\r\n <ng-content select=\"[sof-ar-nav-mobile-footer]\"></ng-content>\r\n </ng-container>\r\n</sof-ar-navigation>\r\n", styles: [".nav-content-container{display:flex;flex-direction:column;height:100%}.sof-ar-nav-container{overflow:overlay}.sof-ar-nav-content-container{width:100%}.main-content{margin:auto}\n"], dependencies: [{ kind: "component", type: ArmatureNavigationComponent, selector: "sof-ar-navigation", inputs: ["navigationData", "settings", "advancedSettings", "themeSettings", "languageSettings", "currentLang", "logOutText"], outputs: ["setLanguage$"] }, { kind: "component", type: ArmatureHeaderComponent, selector: "sof-ar-header", inputs: ["settings", "themeSettings", "authSettings", "currentLang"], outputs: ["setLanguage$", "isLoggedInEE"] }, { kind: "component", type: ArmatureFooterComponent, selector: "sof-ar-footer", inputs: ["footerConfig"] }, { kind: "component", type: AlertBannerComponent, selector: "sof-ar-alert-banner", inputs: ["context"] }, { kind: "directive", type: i1$2.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i4.DefaultStyleDirective, selector: " [ngStyle], [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl], [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl], [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }] });
|
|
2114
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: AppTemplateComponent, decorators: [{
|
|
2115
2115
|
type: Component,
|
|
2116
2116
|
args: [{ selector: 'sof-ar-app-template', template: "<header>\r\n <sof-ar-header [settings]=\"headerSettings\" [themeSettings]=\"headerThemeSettings\" [authSettings]=\"headerAuthSettings\"\r\n (setLanguage$)=\"applyLanguage()\" [currentLang]=\"currentLang\">\r\n <ng-container sof-ar-header-right>\r\n <ng-content select=\"[sof-ar-header-right]\"></ng-content>\r\n </ng-container>\r\n <ng-container sof-header-user-menu>\r\n <ng-content select=\"[sof-header-user-menu]\"></ng-content>\r\n </ng-container>\r\n </sof-ar-header>\r\n</header>\r\n<ng-content select=\"[sof-ar-template-content]\"> </ng-content>\r\n<sof-ar-navigation [navigationData]=\"navigationNodes\" [settings]=\"navigationSettings\"\r\n [advancedSettings]=\"navigationAdvancedSettings\" [themeSettings]=\"navigationTheme\"\r\n [languageSettings]=\"languageSettings\" [currentLang]=\"currentLang\" (setLanguage$)=\"applyLanguage()\"\r\n [logOutText]=\"logOutText\">\r\n <ng-container sof-ar-nav-content>\r\n <sof-ar-alert-banner class=\"sof-ar-alert-banner-container\"></sof-ar-alert-banner>\r\n <div class=\"sof-ar-nav-container\" fxLayout=\"column\" fxLayout=\"start stretch\" style=\"height: 100%;\">\r\n <ng-content select=\"[sof-ar-nav-content-header]\"></ng-content>\r\n <div class=\"sof-ar-nav-content-container\" fxFlex=\"1 0 100%\">\r\n <main [ngStyle.lt-md]=\"{'max-width':navigationSettings?.maxContentWidthMobile+'%'}\"\r\n [ngStyle.gt-sm]=\"{'max-width':navigationSettings?.maxContentWidthDesktop+'%'}\" class=\"main-content\">\r\n <router-outlet></router-outlet>\r\n </main>\r\n </div>\r\n <div fxFlex=\"auto\" fxLayoutAlign=\"end end\">\r\n <sof-ar-footer style=\"width: 100%;\" [footerConfig]=\"{ showPreContent1: false, showPreContent2: false }\">\r\n <ng-container sof-ar-footer-content>\r\n <ng-content select=\"[sof-ar-footer-content]\"></ng-content>\r\n </ng-container>\r\n </sof-ar-footer>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container sof-ar-nav-mobile-footer>\r\n <ng-content select=\"[sof-ar-nav-mobile-footer]\"></ng-content>\r\n </ng-container>\r\n</sof-ar-navigation>\r\n", styles: [".nav-content-container{display:flex;flex-direction:column;height:100%}.sof-ar-nav-container{overflow:overlay}.sof-ar-nav-content-container{width:100%}.main-content{margin:auto}\n"] }]
|
|
2117
2117
|
}], ctorParameters: function () { return [{ type: BaseConfigService }, { type: i2$1.TranslateService }]; } });
|
|
@@ -2276,9 +2276,9 @@ class ThemeService {
|
|
|
2276
2276
|
} : undefined;
|
|
2277
2277
|
}
|
|
2278
2278
|
}
|
|
2279
|
-
ThemeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
2280
|
-
ThemeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.
|
|
2281
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
2279
|
+
ThemeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2280
|
+
ThemeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ThemeService, providedIn: 'root' });
|
|
2281
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ThemeService, decorators: [{
|
|
2282
2282
|
type: Injectable,
|
|
2283
2283
|
args: [{
|
|
2284
2284
|
providedIn: 'root'
|
|
@@ -2457,9 +2457,9 @@ class Initializer {
|
|
|
2457
2457
|
}
|
|
2458
2458
|
}
|
|
2459
2459
|
}
|
|
2460
|
-
Initializer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
2461
|
-
Initializer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.
|
|
2462
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
2460
|
+
Initializer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: Initializer, deps: [{ token: i2$2.HttpClient }, { token: i2$1.TranslateService }, { token: ThemeService }, { token: BaseConfigService }, { token: i1.OAuthService }, { token: CustomAuthConfigService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2461
|
+
Initializer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: Initializer, providedIn: 'root' });
|
|
2462
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: Initializer, decorators: [{
|
|
2463
2463
|
type: Injectable,
|
|
2464
2464
|
args: [{
|
|
2465
2465
|
providedIn: 'root'
|
|
@@ -2528,9 +2528,9 @@ class ArmatureAuthTokenAppendInterceptor {
|
|
|
2528
2528
|
.pipe(catchError(err => this.errorHandler.handleError(err)));
|
|
2529
2529
|
}
|
|
2530
2530
|
}
|
|
2531
|
-
ArmatureAuthTokenAppendInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
2532
|
-
ArmatureAuthTokenAppendInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.
|
|
2533
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
2531
|
+
ArmatureAuthTokenAppendInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ArmatureAuthTokenAppendInterceptor, deps: [{ token: i1.OAuthStorage }, { token: i1.OAuthResourceServerErrorHandler }, { token: i1.OAuthModuleConfig, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2532
|
+
ArmatureAuthTokenAppendInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ArmatureAuthTokenAppendInterceptor, providedIn: 'root' });
|
|
2533
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ArmatureAuthTokenAppendInterceptor, decorators: [{
|
|
2534
2534
|
type: Injectable,
|
|
2535
2535
|
args: [{
|
|
2536
2536
|
providedIn: 'root'
|
|
@@ -2552,9 +2552,9 @@ class DefaultConfigService extends BaseConfigService {
|
|
|
2552
2552
|
}
|
|
2553
2553
|
;
|
|
2554
2554
|
}
|
|
2555
|
-
DefaultConfigService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
2556
|
-
DefaultConfigService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.
|
|
2557
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
2555
|
+
DefaultConfigService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: DefaultConfigService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2556
|
+
DefaultConfigService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: DefaultConfigService, providedIn: 'root' });
|
|
2557
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: DefaultConfigService, decorators: [{
|
|
2558
2558
|
type: Injectable,
|
|
2559
2559
|
args: [{
|
|
2560
2560
|
providedIn: 'root'
|
|
@@ -2936,9 +2936,9 @@ class SessionService {
|
|
|
2936
2936
|
return JSON.parse(decodeURIComponent(escape(window.atob(str))));
|
|
2937
2937
|
}
|
|
2938
2938
|
}
|
|
2939
|
-
SessionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
2940
|
-
SessionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.
|
|
2941
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
2939
|
+
SessionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SessionService, deps: [{ token: SESSION_CONFIG, optional: true }, { token: WINDOW, optional: true }, { token: i1.OAuthService, optional: true }, { token: i2$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2940
|
+
SessionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SessionService, providedIn: 'root' });
|
|
2941
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SessionService, decorators: [{
|
|
2942
2942
|
type: Injectable,
|
|
2943
2943
|
args: [{
|
|
2944
2944
|
providedIn: 'root'
|
|
@@ -3099,9 +3099,9 @@ class UserEntityService {
|
|
|
3099
3099
|
return config;
|
|
3100
3100
|
}
|
|
3101
3101
|
}
|
|
3102
|
-
UserEntityService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
3103
|
-
UserEntityService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.
|
|
3104
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
3102
|
+
UserEntityService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: UserEntityService, deps: [{ token: i1.OAuthService }, { token: i2$2.HttpClient }, { token: USER_ENTITY_SERVICE_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3103
|
+
UserEntityService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: UserEntityService, providedIn: 'root' });
|
|
3104
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: UserEntityService, decorators: [{
|
|
3105
3105
|
type: Injectable,
|
|
3106
3106
|
args: [{
|
|
3107
3107
|
providedIn: 'root'
|
|
@@ -3125,9 +3125,9 @@ class SiteMapComponent {
|
|
|
3125
3125
|
}
|
|
3126
3126
|
}
|
|
3127
3127
|
}
|
|
3128
|
-
SiteMapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
3129
|
-
SiteMapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
|
|
3130
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
3128
|
+
SiteMapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SiteMapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3129
|
+
SiteMapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", type: SiteMapComponent, selector: "sof-ar-site-map", inputs: { config: "config" }, ngImport: i0, template: "<div fxLayout=\"row\" class=\"site-map-container\" fxLayoutAlign=\"space-around\">\r\n <div class=\"sof-ar-site-map-column\" *ngFor=\"let column of config.graph\" fxLayout=\"column\" fxLayoutGap=\"10px\">\r\n <ng-container *ngFor=\"let row of column\">\r\n <h2 class=\"{{config.sectionTitleClass ? config.sectionTitleClass : 'default-header-color'}}\">\r\n {{row.sectionTitle | translate}}\r\n </h2>\r\n <ng-container *ngIf=\"row.direction === 'Vertical' else horizontalLinks\">\r\n <ng-container *ngIf=\"!row.iconLinks else logoButton\">\r\n <div *ngFor=\"let link of row.links\" class=\"{{ link.linkClass ? link.linkClass : config.linkClass }}\">\r\n <a h4 routerLink=\"{{link.routerLink}}\" *ngIf=\"link.routePath === 'internal' else externalLink\">\r\n {{link.text | translate}}\r\n </a>\r\n <ng-template #externalLink>\r\n <a href=\"{{link.routerLink}}\" target=\"_blank\" h4>\r\n {{link.text | translate}}\r\n </a>\r\n </ng-template>\r\n </div>\r\n </ng-container>\r\n <ng-template #logoButton>\r\n <div *ngFor=\"let link of row.links\" class=\"{{ link.linkClass ? link.linkClass : config.linkClass }}\">\r\n <a routerLink=\"{{link.routerLink}}\" *ngIf=\"link.routePath === 'internal' else externalLogoLink\">\r\n <i title=\"{{link.text | translate}}\" class=\"{{link.logoClass}}\"></i>\r\n </a>\r\n <ng-template #externalLogoLink>\r\n <a target=\"_blank\" href=\"{{link.routerLink}}\">\r\n <i title=\"{{link.text | translate}}\" class=\"{{link.logoClass}}\"></i>\r\n </a>\r\n </ng-template>\r\n </div>\r\n </ng-template>\r\n </ng-container>\r\n <ng-template #horizontalLinks>\r\n <div fxLayout=\"row\" fxLayoutGap=\"20px\">\r\n <ng-container *ngIf=\"!row.iconLinks else logoButton\">\r\n <div *ngFor=\"let link of row.links\" class=\"{{ link.linkClass ? link.linkClass : config.linkClass }}\">\r\n <a h4 routerLink=\"{{link.routerLink}}\"\r\n *ngIf=\"link.routePath === 'internal' else externalLink\">\r\n {{link.text | translate}}\r\n </a>\r\n <ng-template #externalLink>\r\n <a href=\"{{link.routerLink}}\" target=\"_blank\" h4>\r\n {{link.text | translate}}\r\n </a>\r\n </ng-template>\r\n </div>\r\n </ng-container>\r\n <ng-template #logoButton>\r\n <div *ngFor=\"let link of row.links\" class=\"{{link.linkClass ? link.linkClass : config.linkClass}}\">\r\n <a routerLink=\"{{link.routerLink}}\"\r\n *ngIf=\"link.routePath === 'internal' else externalLogoLink\">\r\n <i title=\"{{link.text | translate}}\" class=\"{{link.logoClass}}\"></i>\r\n </a>\r\n <ng-template #externalLogoLink>\r\n <a target=\"_blank\" href=\"{{link.routerLink}}\">\r\n <i title=\"{{link.text | translate}}\" class=\"{{link.logoClass}}\"></i>\r\n </a>\r\n </ng-template>\r\n </div>\r\n </ng-template>\r\n </div>\r\n </ng-template>\r\n </ng-container>\r\n </div>\r\n</div>", styles: [":host{width:80%}a{text-decoration:none;padding-bottom:10px}.default-header-color{color:#00f}\n"], dependencies: [{ kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] });
|
|
3130
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SiteMapComponent, decorators: [{
|
|
3131
3131
|
type: Component,
|
|
3132
3132
|
args: [{ selector: 'sof-ar-site-map', template: "<div fxLayout=\"row\" class=\"site-map-container\" fxLayoutAlign=\"space-around\">\r\n <div class=\"sof-ar-site-map-column\" *ngFor=\"let column of config.graph\" fxLayout=\"column\" fxLayoutGap=\"10px\">\r\n <ng-container *ngFor=\"let row of column\">\r\n <h2 class=\"{{config.sectionTitleClass ? config.sectionTitleClass : 'default-header-color'}}\">\r\n {{row.sectionTitle | translate}}\r\n </h2>\r\n <ng-container *ngIf=\"row.direction === 'Vertical' else horizontalLinks\">\r\n <ng-container *ngIf=\"!row.iconLinks else logoButton\">\r\n <div *ngFor=\"let link of row.links\" class=\"{{ link.linkClass ? link.linkClass : config.linkClass }}\">\r\n <a h4 routerLink=\"{{link.routerLink}}\" *ngIf=\"link.routePath === 'internal' else externalLink\">\r\n {{link.text | translate}}\r\n </a>\r\n <ng-template #externalLink>\r\n <a href=\"{{link.routerLink}}\" target=\"_blank\" h4>\r\n {{link.text | translate}}\r\n </a>\r\n </ng-template>\r\n </div>\r\n </ng-container>\r\n <ng-template #logoButton>\r\n <div *ngFor=\"let link of row.links\" class=\"{{ link.linkClass ? link.linkClass : config.linkClass }}\">\r\n <a routerLink=\"{{link.routerLink}}\" *ngIf=\"link.routePath === 'internal' else externalLogoLink\">\r\n <i title=\"{{link.text | translate}}\" class=\"{{link.logoClass}}\"></i>\r\n </a>\r\n <ng-template #externalLogoLink>\r\n <a target=\"_blank\" href=\"{{link.routerLink}}\">\r\n <i title=\"{{link.text | translate}}\" class=\"{{link.logoClass}}\"></i>\r\n </a>\r\n </ng-template>\r\n </div>\r\n </ng-template>\r\n </ng-container>\r\n <ng-template #horizontalLinks>\r\n <div fxLayout=\"row\" fxLayoutGap=\"20px\">\r\n <ng-container *ngIf=\"!row.iconLinks else logoButton\">\r\n <div *ngFor=\"let link of row.links\" class=\"{{ link.linkClass ? link.linkClass : config.linkClass }}\">\r\n <a h4 routerLink=\"{{link.routerLink}}\"\r\n *ngIf=\"link.routePath === 'internal' else externalLink\">\r\n {{link.text | translate}}\r\n </a>\r\n <ng-template #externalLink>\r\n <a href=\"{{link.routerLink}}\" target=\"_blank\" h4>\r\n {{link.text | translate}}\r\n </a>\r\n </ng-template>\r\n </div>\r\n </ng-container>\r\n <ng-template #logoButton>\r\n <div *ngFor=\"let link of row.links\" class=\"{{link.linkClass ? link.linkClass : config.linkClass}}\">\r\n <a routerLink=\"{{link.routerLink}}\"\r\n *ngIf=\"link.routePath === 'internal' else externalLogoLink\">\r\n <i title=\"{{link.text | translate}}\" class=\"{{link.logoClass}}\"></i>\r\n </a>\r\n <ng-template #externalLogoLink>\r\n <a target=\"_blank\" href=\"{{link.routerLink}}\">\r\n <i title=\"{{link.text | translate}}\" class=\"{{link.logoClass}}\"></i>\r\n </a>\r\n </ng-template>\r\n </div>\r\n </ng-template>\r\n </div>\r\n </ng-template>\r\n </ng-container>\r\n </div>\r\n</div>", styles: [":host{width:80%}a{text-decoration:none;padding-bottom:10px}.default-header-color{color:#00f}\n"] }]
|
|
3133
3133
|
}], ctorParameters: function () { return []; }, propDecorators: { config: [{
|
|
@@ -3142,20 +3142,20 @@ const components$5 = [
|
|
|
3142
3142
|
/** The Footer Module */
|
|
3143
3143
|
class ArmatureFooterModule {
|
|
3144
3144
|
}
|
|
3145
|
-
ArmatureFooterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
3146
|
-
ArmatureFooterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.
|
|
3145
|
+
ArmatureFooterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ArmatureFooterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3146
|
+
ArmatureFooterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: ArmatureFooterModule, declarations: [ArmatureFooterComponent,
|
|
3147
3147
|
SiteMapComponent], imports: [RouterModule,
|
|
3148
3148
|
CommonModule,
|
|
3149
3149
|
FlexLayoutModule,
|
|
3150
3150
|
TranslateModule,
|
|
3151
3151
|
MatButtonModule], exports: [ArmatureFooterComponent,
|
|
3152
3152
|
SiteMapComponent] });
|
|
3153
|
-
ArmatureFooterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.
|
|
3153
|
+
ArmatureFooterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ArmatureFooterModule, imports: [RouterModule,
|
|
3154
3154
|
CommonModule,
|
|
3155
3155
|
FlexLayoutModule,
|
|
3156
3156
|
TranslateModule,
|
|
3157
3157
|
MatButtonModule] });
|
|
3158
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
3158
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ArmatureFooterModule, decorators: [{
|
|
3159
3159
|
type: NgModule,
|
|
3160
3160
|
args: [{
|
|
3161
3161
|
declarations: [...components$5],
|
|
@@ -3272,9 +3272,9 @@ class NumbersOnlyDirective {
|
|
|
3272
3272
|
}
|
|
3273
3273
|
}
|
|
3274
3274
|
}
|
|
3275
|
-
NumbersOnlyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
3276
|
-
NumbersOnlyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.
|
|
3277
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
3275
|
+
NumbersOnlyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NumbersOnlyDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3276
|
+
NumbersOnlyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.4", type: NumbersOnlyDirective, selector: "[sofArNumbersOnly]", inputs: { sofArNumbersOnly: "sofArNumbersOnly" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, ngImport: i0 });
|
|
3277
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NumbersOnlyDirective, decorators: [{
|
|
3278
3278
|
type: Directive,
|
|
3279
3279
|
args: [{
|
|
3280
3280
|
selector: '[sofArNumbersOnly]'
|
|
@@ -3361,9 +3361,9 @@ class SofAddressComponent {
|
|
|
3361
3361
|
return this.addressFG && this.addressFG.valid;
|
|
3362
3362
|
}
|
|
3363
3363
|
}
|
|
3364
|
-
SofAddressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
3365
|
-
SofAddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
|
|
3366
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
3364
|
+
SofAddressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SofAddressComponent, deps: [{ token: i1$3.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
3365
|
+
SofAddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", type: SofAddressComponent, selector: "sof-ar-address", inputs: { id: "id", street1Verbiage: "street1Verbiage", street2Verbiage: "street2Verbiage", cityVerbiage: "cityVerbiage", zipCodeVerbiage: "zipCodeVerbiage", stateVerbiage: "stateVerbiage", titleVerbiage: "titleVerbiage", requiredErrorVerbiage: "requiredErrorVerbiage" }, ngImport: i0, template: "<p class=\"address-title\" *ngIf=\"titleVerbiage && titleVerbiage != ''\" [innerHtml]=\"titleVerbiage\"></p>\r\n<form [formGroup]=\"addressFG\">\r\n <div fxLayout=\"row wrap\" fxLayoutGap=\"1% grid\">\r\n <!-- Address 1 -->\r\n <mat-form-field class=\"address-input\" fxFlex=\"auto\">\r\n <input matInput formControlName=\"street1\" id=\"{{id}}street1\" placeholder=\"{{street1Verbiage}}\" required>\r\n <mat-error *ngIf=\"street1FC?.errors?.required\">{{requiredErrorVerbiage}}</mat-error>\r\n </mat-form-field>\r\n <!-- Address 2 -->\r\n <mat-form-field class=\"address-input\" fxFlex=\"auto\">\r\n <input matInput formControlName=\"street2\" id=\"{{id}}street2\" placeholder=\"{{street2Verbiage}}\">\r\n </mat-form-field>\r\n </div>\r\n <div fxLayout=\"row wrap\" fxLayoutGap=\"1%\">\r\n <!-- City -->\r\n <mat-form-field fxFlex=\"49.5%\" fxFlex.lt-md=\"60%\">\r\n <input matInput formControlName=\"city\" id=\"{{id}}city\" placeholder=\"{{cityVerbiage}}\" required>\r\n <mat-error *ngIf=\"cityFC?.errors?.required\">{{requiredErrorVerbiage}}</mat-error>\r\n </mat-form-field>\r\n <!-- State -->\r\n <mat-form-field fxFlex=\"20%\" fxFlex.lt-md=\"auto\">\r\n <mat-label>{{stateVerbiage}}</mat-label>\r\n <mat-select formControlName=\"state\" required>\r\n <mat-option *ngFor=\"let state of states\" id=\"{{id}}{{state}}\" [value]=\"state\">{{state}}</mat-option>\r\n </mat-select>\r\n <mat-error *ngIf=\"stateFC?.errors?.required\">{{requiredErrorVerbiage}}</mat-error>\r\n </mat-form-field>\r\n <!-- Zip Code -->\r\n <mat-form-field fxFlex=\"28.5%\" fxFlex.lt-md=\"50%\">\r\n <input matInput formControlName=\"zipCode\" id=\"{{id}}zipCode\" mask=\"00000\" [sofArNumbersOnly]\r\n placeholder=\"{{zipCodeVerbiage}}\" required minlength=\"5\" maxlength=\"5\">\r\n <mat-error *ngIf=\"zipCodeFC?.errors?.required\">{{requiredErrorVerbiage}}</mat-error>\r\n </mat-form-field>\r\n </div>\r\n</form>\r\n", styles: [".address-input{min-width:350px}.address-title{font-size:large}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.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: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1$3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4$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"], exportAs: ["matInput"] }, { kind: "component", type: i5$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i6.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: NumbersOnlyDirective, selector: "[sofArNumbersOnly]", inputs: ["sofArNumbersOnly"] }] });
|
|
3366
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SofAddressComponent, decorators: [{
|
|
3367
3367
|
type: Component,
|
|
3368
3368
|
args: [{ selector: 'sof-ar-address', template: "<p class=\"address-title\" *ngIf=\"titleVerbiage && titleVerbiage != ''\" [innerHtml]=\"titleVerbiage\"></p>\r\n<form [formGroup]=\"addressFG\">\r\n <div fxLayout=\"row wrap\" fxLayoutGap=\"1% grid\">\r\n <!-- Address 1 -->\r\n <mat-form-field class=\"address-input\" fxFlex=\"auto\">\r\n <input matInput formControlName=\"street1\" id=\"{{id}}street1\" placeholder=\"{{street1Verbiage}}\" required>\r\n <mat-error *ngIf=\"street1FC?.errors?.required\">{{requiredErrorVerbiage}}</mat-error>\r\n </mat-form-field>\r\n <!-- Address 2 -->\r\n <mat-form-field class=\"address-input\" fxFlex=\"auto\">\r\n <input matInput formControlName=\"street2\" id=\"{{id}}street2\" placeholder=\"{{street2Verbiage}}\">\r\n </mat-form-field>\r\n </div>\r\n <div fxLayout=\"row wrap\" fxLayoutGap=\"1%\">\r\n <!-- City -->\r\n <mat-form-field fxFlex=\"49.5%\" fxFlex.lt-md=\"60%\">\r\n <input matInput formControlName=\"city\" id=\"{{id}}city\" placeholder=\"{{cityVerbiage}}\" required>\r\n <mat-error *ngIf=\"cityFC?.errors?.required\">{{requiredErrorVerbiage}}</mat-error>\r\n </mat-form-field>\r\n <!-- State -->\r\n <mat-form-field fxFlex=\"20%\" fxFlex.lt-md=\"auto\">\r\n <mat-label>{{stateVerbiage}}</mat-label>\r\n <mat-select formControlName=\"state\" required>\r\n <mat-option *ngFor=\"let state of states\" id=\"{{id}}{{state}}\" [value]=\"state\">{{state}}</mat-option>\r\n </mat-select>\r\n <mat-error *ngIf=\"stateFC?.errors?.required\">{{requiredErrorVerbiage}}</mat-error>\r\n </mat-form-field>\r\n <!-- Zip Code -->\r\n <mat-form-field fxFlex=\"28.5%\" fxFlex.lt-md=\"50%\">\r\n <input matInput formControlName=\"zipCode\" id=\"{{id}}zipCode\" mask=\"00000\" [sofArNumbersOnly]\r\n placeholder=\"{{zipCodeVerbiage}}\" required minlength=\"5\" maxlength=\"5\">\r\n <mat-error *ngIf=\"zipCodeFC?.errors?.required\">{{requiredErrorVerbiage}}</mat-error>\r\n </mat-form-field>\r\n </div>\r\n</form>\r\n", styles: [".address-input{min-width:350px}.address-title{font-size:large}\n"] }]
|
|
3369
3369
|
}], ctorParameters: function () { return [{ type: i1$3.FormBuilder }]; }, propDecorators: { id: [{
|
|
@@ -3445,9 +3445,9 @@ class AlphaNumericDirective {
|
|
|
3445
3445
|
event.preventDefault();
|
|
3446
3446
|
}
|
|
3447
3447
|
}
|
|
3448
|
-
AlphaNumericDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
3449
|
-
AlphaNumericDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.
|
|
3450
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
3448
|
+
AlphaNumericDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: AlphaNumericDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3449
|
+
AlphaNumericDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.4", type: AlphaNumericDirective, selector: "[alphanumeric]", host: { listeners: { "keydown": "onKeyDown($event)", "paste": "blockPaste($event)" } }, ngImport: i0 });
|
|
3450
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: AlphaNumericDirective, decorators: [{
|
|
3451
3451
|
type: Directive,
|
|
3452
3452
|
args: [{
|
|
3453
3453
|
selector: '[alphanumeric]'
|
|
@@ -3538,9 +3538,9 @@ class InputTrimDirective {
|
|
|
3538
3538
|
this.setCursorPointer(cursorPosition, hasTypedSymbol);
|
|
3539
3539
|
}
|
|
3540
3540
|
}
|
|
3541
|
-
InputTrimDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
3542
|
-
InputTrimDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.
|
|
3543
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
3541
|
+
InputTrimDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: InputTrimDirective, deps: [{ token: Renderer2 }, { token: ElementRef }, { token: COMPOSITION_BUFFER_MODE, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3542
|
+
InputTrimDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.4", type: InputTrimDirective, selector: "input[trim], textarea[trim]", inputs: { trim: "trim" }, host: { listeners: { "blur": "onBlur($event.type,$event.target.value)", "input": "onInput($event.type,$event.target.value)" } }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: InputTrimDirective, multi: true }], ngImport: i0 });
|
|
3543
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: InputTrimDirective, decorators: [{
|
|
3544
3544
|
type: Directive,
|
|
3545
3545
|
args: [{
|
|
3546
3546
|
selector: "input[trim], textarea[trim]",
|
|
@@ -3622,9 +3622,9 @@ class LettersOnlyDirective {
|
|
|
3622
3622
|
event.preventDefault();
|
|
3623
3623
|
}
|
|
3624
3624
|
}
|
|
3625
|
-
LettersOnlyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
3626
|
-
LettersOnlyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.
|
|
3627
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
3625
|
+
LettersOnlyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: LettersOnlyDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3626
|
+
LettersOnlyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.4", type: LettersOnlyDirective, selector: "[sofArLettersOnly]", inputs: { sofArLettersOnly: "sofArLettersOnly" }, host: { listeners: { "keydown": "onKeyDown($event)", "paste": "blockPaste($event)" } }, ngImport: i0 });
|
|
3627
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: LettersOnlyDirective, decorators: [{
|
|
3628
3628
|
type: Directive,
|
|
3629
3629
|
args: [{
|
|
3630
3630
|
selector: '[sofArLettersOnly]'
|
|
@@ -3663,9 +3663,9 @@ class PhoneFormatPipe {
|
|
|
3663
3663
|
}
|
|
3664
3664
|
}
|
|
3665
3665
|
}
|
|
3666
|
-
PhoneFormatPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
3667
|
-
PhoneFormatPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.
|
|
3668
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
3666
|
+
PhoneFormatPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: PhoneFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
3667
|
+
PhoneFormatPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: PhoneFormatPipe, name: "sofArPhone" });
|
|
3668
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: PhoneFormatPipe, decorators: [{
|
|
3669
3669
|
type: Pipe,
|
|
3670
3670
|
args: [{ name: 'sofArPhone' }]
|
|
3671
3671
|
}] });
|
|
@@ -3831,9 +3831,9 @@ class AlertService {
|
|
|
3831
3831
|
}
|
|
3832
3832
|
}
|
|
3833
3833
|
}
|
|
3834
|
-
AlertService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
3835
|
-
AlertService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.
|
|
3836
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
3834
|
+
AlertService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: AlertService, deps: [{ token: i1$4.MatSnackBar }, { token: i2$1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3835
|
+
AlertService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: AlertService, providedIn: 'root' });
|
|
3836
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: AlertService, decorators: [{
|
|
3837
3837
|
type: Injectable,
|
|
3838
3838
|
args: [{
|
|
3839
3839
|
providedIn: 'root'
|
|
@@ -3864,8 +3864,8 @@ const materialModules$4 = [
|
|
|
3864
3864
|
/** Armature forms module */
|
|
3865
3865
|
class FormsModule {
|
|
3866
3866
|
}
|
|
3867
|
-
FormsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
3868
|
-
FormsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.
|
|
3867
|
+
FormsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: FormsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3868
|
+
FormsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: FormsModule, declarations: [SofAddressComponent, NumbersOnlyDirective,
|
|
3869
3869
|
LettersOnlyDirective,
|
|
3870
3870
|
AlphaNumericDirective,
|
|
3871
3871
|
InputTrimDirective, PhoneFormatPipe], imports: [CommonModule,
|
|
@@ -3877,12 +3877,12 @@ FormsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "1
|
|
|
3877
3877
|
LettersOnlyDirective,
|
|
3878
3878
|
AlphaNumericDirective,
|
|
3879
3879
|
InputTrimDirective, PhoneFormatPipe] });
|
|
3880
|
-
FormsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.
|
|
3880
|
+
FormsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: FormsModule, providers: [
|
|
3881
3881
|
AlertService
|
|
3882
3882
|
], imports: [CommonModule,
|
|
3883
3883
|
FlexLayoutModule,
|
|
3884
3884
|
ReactiveFormsModule, materialModules$4] });
|
|
3885
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
3885
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: FormsModule, decorators: [{
|
|
3886
3886
|
type: NgModule,
|
|
3887
3887
|
args: [{
|
|
3888
3888
|
declarations: [
|
|
@@ -3932,9 +3932,9 @@ class MobileHeaderMenuComponent {
|
|
|
3932
3932
|
document.body.style.overflow = 'auto';
|
|
3933
3933
|
}
|
|
3934
3934
|
}
|
|
3935
|
-
MobileHeaderMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
3936
|
-
MobileHeaderMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
|
|
3937
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
3935
|
+
MobileHeaderMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: MobileHeaderMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3936
|
+
MobileHeaderMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", type: MobileHeaderMenuComponent, selector: "sof-ar-mobile-header-menu", inputs: { settings: "settings" }, ngImport: i0, template: "<div fxHide.gt-xs>\r\n <div>\r\n <button class=\"sof-ar-menu-btn\" mat-icon-button aria-label=\"menu-button\" (click)=\"snav.toggle()\">\r\n <span class=\"sof-ar-menu-icon\" [style.color]=\"iconColor\">\r\n <i class=\"{{currentIcon}}\"></i>\r\n </span>\r\n </button>\r\n </div>\r\n <div>\r\n <mat-sidenav-container>\r\n <mat-sidenav #snav fixedInViewport [fixedTopGap]=\"mobileHeaderHeight\" (openedStart)=\"changeToCloseIcon()\" (closedStart)=\"changeToMenuIcon()\">\r\n <!-- NG-Content Mobile Headers Items -->\r\n <ng-content select=\"[sof-ar-mobile-header-menu-items]\"></ng-content>\r\n </mat-sidenav>\r\n <mat-sidenav-content>\r\n <!-- NG Content Main Content -->\r\n <ng-content sof-ar-mobile-header-main-content></ng-content>\r\n </mat-sidenav-content>\r\n </mat-sidenav-container>\r\n </div>\r\n</div>", styles: ["::ng-deep .sof-ar-menu-btn{position:absolute!important;z-index:2;top:0;margin:8px!important}::ng-deep .sof-ar-menu-icon{font-size:large}\n"], dependencies: [{ kind: "directive", type: i4.DefaultShowHideDirective, selector: " [fxShow], [fxShow.print], [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl], [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl], [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg], [fxHide], [fxHide.print], [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl], [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl], [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i9.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i9.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i9.MatSidenavContent, selector: "mat-sidenav-content" }] });
|
|
3937
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: MobileHeaderMenuComponent, decorators: [{
|
|
3938
3938
|
type: Component,
|
|
3939
3939
|
args: [{ selector: 'sof-ar-mobile-header-menu', template: "<div fxHide.gt-xs>\r\n <div>\r\n <button class=\"sof-ar-menu-btn\" mat-icon-button aria-label=\"menu-button\" (click)=\"snav.toggle()\">\r\n <span class=\"sof-ar-menu-icon\" [style.color]=\"iconColor\">\r\n <i class=\"{{currentIcon}}\"></i>\r\n </span>\r\n </button>\r\n </div>\r\n <div>\r\n <mat-sidenav-container>\r\n <mat-sidenav #snav fixedInViewport [fixedTopGap]=\"mobileHeaderHeight\" (openedStart)=\"changeToCloseIcon()\" (closedStart)=\"changeToMenuIcon()\">\r\n <!-- NG-Content Mobile Headers Items -->\r\n <ng-content select=\"[sof-ar-mobile-header-menu-items]\"></ng-content>\r\n </mat-sidenav>\r\n <mat-sidenav-content>\r\n <!-- NG Content Main Content -->\r\n <ng-content sof-ar-mobile-header-main-content></ng-content>\r\n </mat-sidenav-content>\r\n </mat-sidenav-container>\r\n </div>\r\n</div>", styles: ["::ng-deep .sof-ar-menu-btn{position:absolute!important;z-index:2;top:0;margin:8px!important}::ng-deep .sof-ar-menu-icon{font-size:large}\n"] }]
|
|
3940
3940
|
}], propDecorators: { settings: [{
|
|
@@ -3959,8 +3959,8 @@ const materialModules$3 = [
|
|
|
3959
3959
|
];
|
|
3960
3960
|
class ArmatureHeaderModule {
|
|
3961
3961
|
}
|
|
3962
|
-
ArmatureHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
3963
|
-
ArmatureHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.
|
|
3962
|
+
ArmatureHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ArmatureHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3963
|
+
ArmatureHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: ArmatureHeaderModule, declarations: [ArmatureHeaderComponent,
|
|
3964
3964
|
MobileHeaderMenuComponent], imports: [RouterModule,
|
|
3965
3965
|
CommonModule,
|
|
3966
3966
|
TranslateModule,
|
|
@@ -3980,7 +3980,7 @@ ArmatureHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ve
|
|
|
3980
3980
|
MatListModule,
|
|
3981
3981
|
MatSlideToggleModule,
|
|
3982
3982
|
MatSidenavModule] });
|
|
3983
|
-
ArmatureHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.
|
|
3983
|
+
ArmatureHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ArmatureHeaderModule, providers: [TranslateService], imports: [RouterModule,
|
|
3984
3984
|
CommonModule,
|
|
3985
3985
|
TranslateModule,
|
|
3986
3986
|
FlexLayoutModule, materialModules$3, MatToolbarModule,
|
|
@@ -3991,7 +3991,7 @@ ArmatureHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
|
|
|
3991
3991
|
MatListModule,
|
|
3992
3992
|
MatSlideToggleModule,
|
|
3993
3993
|
MatSidenavModule] });
|
|
3994
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
3994
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ArmatureHeaderModule, decorators: [{
|
|
3995
3995
|
type: NgModule,
|
|
3996
3996
|
args: [{
|
|
3997
3997
|
declarations: [...components$3],
|
|
@@ -4037,8 +4037,8 @@ const materialModules$2 = [
|
|
|
4037
4037
|
/** The Navigation Module */
|
|
4038
4038
|
class NavigationModule {
|
|
4039
4039
|
}
|
|
4040
|
-
NavigationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
4041
|
-
NavigationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.
|
|
4040
|
+
NavigationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4041
|
+
NavigationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: NavigationModule, declarations: [ArmatureNavigationComponent], imports: [RouterModule,
|
|
4042
4042
|
CommonModule,
|
|
4043
4043
|
TranslateModule,
|
|
4044
4044
|
FlexLayoutModule, MatSidenavModule,
|
|
@@ -4074,7 +4074,7 @@ NavigationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
|
|
|
4074
4074
|
MatStepperModule,
|
|
4075
4075
|
MatSelectModule,
|
|
4076
4076
|
MatProgressBarModule] });
|
|
4077
|
-
NavigationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.
|
|
4077
|
+
NavigationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NavigationModule, providers: [TranslateService, BannerService], imports: [RouterModule,
|
|
4078
4078
|
CommonModule,
|
|
4079
4079
|
TranslateModule,
|
|
4080
4080
|
FlexLayoutModule, materialModules$2, MatSidenavModule,
|
|
@@ -4094,7 +4094,7 @@ NavigationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versio
|
|
|
4094
4094
|
MatStepperModule,
|
|
4095
4095
|
MatSelectModule,
|
|
4096
4096
|
MatProgressBarModule] });
|
|
4097
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
4097
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NavigationModule, decorators: [{
|
|
4098
4098
|
type: NgModule,
|
|
4099
4099
|
args: [{
|
|
4100
4100
|
declarations: [
|
|
@@ -4171,9 +4171,9 @@ class CssOverrideDirective {
|
|
|
4171
4171
|
});
|
|
4172
4172
|
}
|
|
4173
4173
|
}
|
|
4174
|
-
CssOverrideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
4175
|
-
CssOverrideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.
|
|
4176
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
4174
|
+
CssOverrideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: CssOverrideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4175
|
+
CssOverrideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.4", type: CssOverrideDirective, selector: "[sofArCssOverride]", inputs: { sofArCssOverride: "sofArCssOverride" }, ngImport: i0 });
|
|
4176
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: CssOverrideDirective, decorators: [{
|
|
4177
4177
|
type: Directive,
|
|
4178
4178
|
args: [{
|
|
4179
4179
|
selector: '[sofArCssOverride]'
|
|
@@ -4185,12 +4185,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
4185
4185
|
/** Armature saml module */
|
|
4186
4186
|
class ThemeModule {
|
|
4187
4187
|
}
|
|
4188
|
-
ThemeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
4189
|
-
ThemeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.
|
|
4190
|
-
ThemeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.
|
|
4188
|
+
ThemeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4189
|
+
ThemeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: ThemeModule, declarations: [CssOverrideDirective], imports: [CommonModule], exports: [CssOverrideDirective] });
|
|
4190
|
+
ThemeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ThemeModule, providers: [
|
|
4191
4191
|
ThemeService
|
|
4192
4192
|
], imports: [CommonModule] });
|
|
4193
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
4193
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ThemeModule, decorators: [{
|
|
4194
4194
|
type: NgModule,
|
|
4195
4195
|
args: [{
|
|
4196
4196
|
declarations: [
|
|
@@ -4265,9 +4265,9 @@ class SofProgressBarComponent {
|
|
|
4265
4265
|
this.navbarTitles = tempTitlesArray;
|
|
4266
4266
|
}
|
|
4267
4267
|
}
|
|
4268
|
-
SofProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
4269
|
-
SofProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: SofProgressBarComponent, selector: "sof-progress-bar", inputs: { navbarStepKeys: "navbarStepKeys", stepActive: "stepActive", progressBarType: "progressBarType" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"progressBarType =='slider'\">\r\n <div class=\"shopping-navbar\"\r\n [ngStyle]=\"{'background': 'linear-gradient(to right, #407BFF ' \r\n + (stepActive + 1) / navbarStepKeys.length * 100 + '%, #f0f0f0 ' + (stepActive + 1) / navbarStepKeys.length * 100 + '%)'}\">\r\n </div>\r\n <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"12%\">\r\n <div fxLayout=\"row\" fxLayoutGap=\"3px\" *ngFor=\"let step of navbarStepKeys; let i = index\" (click)=\"navigateToStep(i)\"\r\n [ngClass]=\"{ 'step-active': i == stepActive, 'step-done': i < stepActive}\">\r\n <div class=\"step-title\"\r\n [ngClass]=\"{ 'step-title-active': i == stepActive, 'step-title-done': i < stepActive, 'step-title-not-reached': i > stepActive}\">\r\n {{ navbarTitles[i] | translate }}\r\n </div>\r\n </div>\r\n </div>\r\n <div fxHide.gt-sm>\r\n <mat-select class=\"step-titles-mobile\" disableOptionCentering panelClass=\"step-option\"\r\n [value]=\"navbarStepKeys[stepActive]\">\r\n <mat-option *ngFor=\"let step of navbarStepKeys; let i = index\" (click)=\"navigateToStep(i)\"\r\n [ngClass]=\"{ 'step-active': i == stepActive, 'step-done': i < stepActive}\" [disabled]=\"i > stepActive\"\r\n [value]=\"step\">\r\n {{ navbarTitles[i] | translate }}\r\n </mat-option>\r\n </mat-select>\r\n </div>\r\n</ng-container>\r\n<ng-container *ngIf=\"progressBarType =='dot'\">\r\n <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"5%\">\r\n <div tabindex=\"0\" fxLayout=\"row\" fxLayoutGap=\"3px\" *ngFor=\"let step of navbarStepKeys; let i = index\" role=\"button\" aria-pressed=\"false\" (keydown.enter)=\"navigateToStep(i)\" (click)=\"navigateToStep(i)\"\r\n [ngClass]=\"{ 'step-active': i == stepActive, 'step-done': i < stepActive}\">\r\n <div>\r\n <span *ngIf=\"i >= stepActive\" class=\"dot\" [ngClass]=\"{ 'dot-active': i == stepActive }\"></span>\r\n <span *ngIf=\"i < stepActive\"><i class=\"fas fa-check-circle dot-done\" color=\"primary\"></i></span>\r\n </div>\r\n <div class=\"step-title\"\r\n [ngClass]=\"{ 'step-title-active': i == stepActive, 'step-title-done': i < stepActive, 'step-title-not-reached': i > stepActive}\">\r\n {{ navbarTitles[i] | translate }}\r\n </div>\r\n </div>\r\n </div>\r\n <div fxHide.gt-sm fxLayout=\"row\">\r\n <div class=\"dot-mobile\"></div>\r\n <mat-select class=\"sof-stepper step-titles-mobile\" disableOptionCentering panelClass=\"step-option\"\r\n [value]=\"navbarStepKeys[stepActive]\" (selectionChange)=\"navigateTo($event.value)\">\r\n <mat-option fxHide.gt-sm *ngFor=\"let step of navbarStepKeys; let i = index\" \r\n [ngClass]=\"{ 'step-active': i == stepActive, 'step-done': i < stepActive}\" [disabled]=\"i > stepActive\"\r\n [value]=\"step\">\r\n <div class=\"dot\" [ngClass]=\"{ 'dot-active': i == stepActive, 'dot-done': i < stepActive}\"></div>\r\n {{ navbarTitles[i] | translate }}\r\n </mat-option>\r\n </mat-select>\r\n </div>\r\n</ng-container>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #fafafa;--neutral-color-100-parts: #f5f5f5;--neutral-color-200-parts: #eeeeee;--neutral-color-300-parts: #e0e0e0;--neutral-color-400-parts: #bdbdbd;--neutral-color-500-parts: #9e9e9e;--neutral-color-600-parts: #757575;--neutral-color-700-parts: #616161;--neutral-color-800-parts: #424242;--neutral-color-900-parts: #212121;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 250, 250, 250;--neutral-color-100-parts-rgb: 245, 245, 245;--neutral-color-200-parts-rgb: 238, 238, 238;--neutral-color-300-parts-rgb: 224, 224, 224;--neutral-color-400-parts-rgb: 189, 189, 189;--neutral-color-500-parts-rgb: 158, 158, 158;--neutral-color-600-parts-rgb: 117, 117, 117;--neutral-color-700-parts-rgb: 97, 97, 97;--neutral-color-800-parts-rgb: 66, 66, 66;--neutral-color-900-parts-rgb: 33, 33, 33;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}@media not screen and (max-width: 959px){.shopping-navbar{height:8px}}.step-titles{padding-top:20px;padding-bottom:20px;margin-left:16px!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important}.step-titles-mobile{height:48px!important;padding-top:10px;padding-bottom:10px;background-color:var(--primary-color-50-parts)}.step-titles-mobile ::ng-deep .mat-mdc-select-trigger{font-weight:700;padding-left:50px;padding-right:20px}.step-titles-mobile:focus{background-color:var(--primary-color-100-parts)}.step-active{font-weight:700}.step-done{color:#000;cursor:pointer;font-weight:700}::ng-deep .cdk-overlay-container .cdk-overlay-pane{transform:none!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option{background:#edf4ff!important;margin-top:58px!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option .mdc-list-item--disabled{color:#000;opacity:60%}::ng-deep mat-select.sof-stepper div.mat-mdc-select-value span.mat-mdc-select-value-text{font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important;color:#000000de!important}::ng-deep mat-select.sof-stepper div.mat-mdc-select-value{padding-top:12px!important}.dot{height:6px;width:6px;background-color:#fff;border:2px solid #979797;display:inline-block;border-radius:50%;align-self:center}@media only screen and (max-width: 959px){.dot{margin-right:20px}}.dot-mobile{position:absolute;height:8px;width:8px;border:none;border-radius:50%;display:inline-block;background-color:var(--primary-color-500-parts);margin-left:17px;margin-top:30px}.dot-active{height:8px;width:8px;background-color:var(--primary-color-500-parts);border:none;align-self:center}.dot-done{width:16px;height:16px;line-height:16px;border:none;align-self:center;color:var(--primary-color-500-parts);font-size:12px;font-weight:900;text-align:center;position:relative;margin-left:3px}@media only screen and (max-width: 959px){.dot-done{height:10px;width:10px;border:none;vertical-align:baseline;background-color:var(--primary-color-500-parts)}.dot-done:before{content:\"\"}.dot-done:after{content:\"\";z-index:-1}}.step-title{margin-left:16px!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important}.step-title-active{color:#000000de!important}.step-title-not-reached{color:#0009!important}.step-title-done{color:var(--primary-color-500-parts)!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultShowHideDirective, selector: " [fxShow], [fxShow.print], [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl], [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl], [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg], [fxHide], [fxHide.print], [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl], [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl], [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i4.DefaultStyleDirective, selector: " [ngStyle], [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl], [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl], [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "component", type: i6.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4270
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
4268
|
+
SofProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SofProgressBarComponent, deps: [{ token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
4269
|
+
SofProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", type: SofProgressBarComponent, selector: "sof-progress-bar", inputs: { navbarStepKeys: "navbarStepKeys", stepActive: "stepActive", progressBarType: "progressBarType" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"progressBarType =='slider'\">\r\n <div class=\"shopping-navbar\"\r\n [ngStyle]=\"{'background': 'linear-gradient(to right, #407BFF ' \r\n + (stepActive + 1) / navbarStepKeys.length * 100 + '%, #f0f0f0 ' + (stepActive + 1) / navbarStepKeys.length * 100 + '%)'}\">\r\n </div>\r\n <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"12%\">\r\n <div fxLayout=\"row\" fxLayoutGap=\"3px\" *ngFor=\"let step of navbarStepKeys; let i = index\" (click)=\"navigateToStep(i)\"\r\n [ngClass]=\"{ 'step-active': i == stepActive, 'step-done': i < stepActive}\">\r\n <div class=\"step-title\"\r\n [ngClass]=\"{ 'step-title-active': i == stepActive, 'step-title-done': i < stepActive, 'step-title-not-reached': i > stepActive}\">\r\n {{ navbarTitles[i] | translate }}\r\n </div>\r\n </div>\r\n </div>\r\n <div fxHide.gt-sm>\r\n <mat-select class=\"step-titles-mobile\" disableOptionCentering panelClass=\"step-option\"\r\n [value]=\"navbarStepKeys[stepActive]\">\r\n <mat-option *ngFor=\"let step of navbarStepKeys; let i = index\" (click)=\"navigateToStep(i)\"\r\n [ngClass]=\"{ 'step-active': i == stepActive, 'step-done': i < stepActive}\" [disabled]=\"i > stepActive\"\r\n [value]=\"step\">\r\n {{ navbarTitles[i] | translate }}\r\n </mat-option>\r\n </mat-select>\r\n </div>\r\n</ng-container>\r\n<ng-container *ngIf=\"progressBarType =='dot'\">\r\n <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"5%\">\r\n <div tabindex=\"0\" fxLayout=\"row\" fxLayoutGap=\"3px\" *ngFor=\"let step of navbarStepKeys; let i = index\" role=\"button\" aria-pressed=\"false\" (keydown.enter)=\"navigateToStep(i)\" (click)=\"navigateToStep(i)\"\r\n [ngClass]=\"{ 'step-active': i == stepActive, 'step-done': i < stepActive}\">\r\n <div>\r\n <span *ngIf=\"i >= stepActive\" class=\"dot\" [ngClass]=\"{ 'dot-active': i == stepActive }\"></span>\r\n <span *ngIf=\"i < stepActive\"><i class=\"fas fa-check-circle dot-done\" color=\"primary\"></i></span>\r\n </div>\r\n <div class=\"step-title\"\r\n [ngClass]=\"{ 'step-title-active': i == stepActive, 'step-title-done': i < stepActive, 'step-title-not-reached': i > stepActive}\">\r\n {{ navbarTitles[i] | translate }}\r\n </div>\r\n </div>\r\n </div>\r\n <div fxHide.gt-sm fxLayout=\"row\">\r\n <div class=\"dot-mobile\"></div>\r\n <mat-select class=\"sof-stepper step-titles-mobile\" disableOptionCentering panelClass=\"step-option\"\r\n [value]=\"navbarStepKeys[stepActive]\" (selectionChange)=\"navigateTo($event.value)\">\r\n <mat-option fxHide.gt-sm *ngFor=\"let step of navbarStepKeys; let i = index\" \r\n [ngClass]=\"{ 'step-active': i == stepActive, 'step-done': i < stepActive}\" [disabled]=\"i > stepActive\"\r\n [value]=\"step\">\r\n <div class=\"dot\" [ngClass]=\"{ 'dot-active': i == stepActive, 'dot-done': i < stepActive}\"></div>\r\n {{ navbarTitles[i] | translate }}\r\n </mat-option>\r\n </mat-select>\r\n </div>\r\n</ng-container>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #fafafa;--neutral-color-100-parts: #f5f5f5;--neutral-color-200-parts: #eeeeee;--neutral-color-300-parts: #e0e0e0;--neutral-color-400-parts: #bdbdbd;--neutral-color-500-parts: #9e9e9e;--neutral-color-600-parts: #757575;--neutral-color-700-parts: #616161;--neutral-color-800-parts: #424242;--neutral-color-900-parts: #212121;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 250, 250, 250;--neutral-color-100-parts-rgb: 245, 245, 245;--neutral-color-200-parts-rgb: 238, 238, 238;--neutral-color-300-parts-rgb: 224, 224, 224;--neutral-color-400-parts-rgb: 189, 189, 189;--neutral-color-500-parts-rgb: 158, 158, 158;--neutral-color-600-parts-rgb: 117, 117, 117;--neutral-color-700-parts-rgb: 97, 97, 97;--neutral-color-800-parts-rgb: 66, 66, 66;--neutral-color-900-parts-rgb: 33, 33, 33;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}@media not screen and (max-width: 959px){.shopping-navbar{height:8px}}.step-titles{padding-top:20px;padding-bottom:20px;margin-left:16px!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important}.step-titles-mobile{height:48px!important;padding-top:10px;padding-bottom:10px;background-color:var(--primary-color-50-parts)}.step-titles-mobile ::ng-deep .mat-mdc-select-trigger{font-weight:700;padding-left:50px;padding-right:20px}.step-titles-mobile:focus{background-color:var(--primary-color-100-parts)}.step-active{font-weight:700}.step-done{color:#000;cursor:pointer;font-weight:700}::ng-deep .cdk-overlay-container .cdk-overlay-pane{transform:none!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option{background:#edf4ff!important;margin-top:58px!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option .mdc-list-item--disabled{color:#000;opacity:60%}::ng-deep mat-select.sof-stepper div.mat-mdc-select-value span.mat-mdc-select-value-text{font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important;color:#000000de!important}::ng-deep mat-select.sof-stepper div.mat-mdc-select-value{padding-top:12px!important}.dot{height:6px;width:6px;background-color:#fff;border:2px solid #979797;display:inline-block;border-radius:50%;align-self:center}@media only screen and (max-width: 959px){.dot{margin-right:20px}}.dot-mobile{position:absolute;height:8px;width:8px;border:none;border-radius:50%;display:inline-block;background-color:var(--primary-color-500-parts);margin-left:17px;margin-top:30px}.dot-active{height:8px;width:8px;background-color:var(--primary-color-500-parts);border:none;align-self:center}.dot-done{width:16px;height:16px;line-height:16px;border:none;align-self:center;color:var(--primary-color-500-parts);font-size:12px;font-weight:900;text-align:center;position:relative;margin-left:3px}@media only screen and (max-width: 959px){.dot-done{height:10px;width:10px;border:none;vertical-align:baseline;background-color:var(--primary-color-500-parts)}.dot-done:before{content:\"\"}.dot-done:after{content:\"\";z-index:-1}}.step-title{margin-left:16px!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important}.step-title-active{color:#000000de!important}.step-title-not-reached{color:#0009!important}.step-title-done{color:var(--primary-color-500-parts)!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultShowHideDirective, selector: " [fxShow], [fxShow.print], [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl], [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl], [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg], [fxHide], [fxHide.print], [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl], [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl], [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i4.DefaultStyleDirective, selector: " [ngStyle], [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl], [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl], [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "component", type: i6.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4270
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SofProgressBarComponent, decorators: [{
|
|
4271
4271
|
type: Component,
|
|
4272
4272
|
args: [{ selector: 'sof-progress-bar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"progressBarType =='slider'\">\r\n <div class=\"shopping-navbar\"\r\n [ngStyle]=\"{'background': 'linear-gradient(to right, #407BFF ' \r\n + (stepActive + 1) / navbarStepKeys.length * 100 + '%, #f0f0f0 ' + (stepActive + 1) / navbarStepKeys.length * 100 + '%)'}\">\r\n </div>\r\n <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"12%\">\r\n <div fxLayout=\"row\" fxLayoutGap=\"3px\" *ngFor=\"let step of navbarStepKeys; let i = index\" (click)=\"navigateToStep(i)\"\r\n [ngClass]=\"{ 'step-active': i == stepActive, 'step-done': i < stepActive}\">\r\n <div class=\"step-title\"\r\n [ngClass]=\"{ 'step-title-active': i == stepActive, 'step-title-done': i < stepActive, 'step-title-not-reached': i > stepActive}\">\r\n {{ navbarTitles[i] | translate }}\r\n </div>\r\n </div>\r\n </div>\r\n <div fxHide.gt-sm>\r\n <mat-select class=\"step-titles-mobile\" disableOptionCentering panelClass=\"step-option\"\r\n [value]=\"navbarStepKeys[stepActive]\">\r\n <mat-option *ngFor=\"let step of navbarStepKeys; let i = index\" (click)=\"navigateToStep(i)\"\r\n [ngClass]=\"{ 'step-active': i == stepActive, 'step-done': i < stepActive}\" [disabled]=\"i > stepActive\"\r\n [value]=\"step\">\r\n {{ navbarTitles[i] | translate }}\r\n </mat-option>\r\n </mat-select>\r\n </div>\r\n</ng-container>\r\n<ng-container *ngIf=\"progressBarType =='dot'\">\r\n <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"5%\">\r\n <div tabindex=\"0\" fxLayout=\"row\" fxLayoutGap=\"3px\" *ngFor=\"let step of navbarStepKeys; let i = index\" role=\"button\" aria-pressed=\"false\" (keydown.enter)=\"navigateToStep(i)\" (click)=\"navigateToStep(i)\"\r\n [ngClass]=\"{ 'step-active': i == stepActive, 'step-done': i < stepActive}\">\r\n <div>\r\n <span *ngIf=\"i >= stepActive\" class=\"dot\" [ngClass]=\"{ 'dot-active': i == stepActive }\"></span>\r\n <span *ngIf=\"i < stepActive\"><i class=\"fas fa-check-circle dot-done\" color=\"primary\"></i></span>\r\n </div>\r\n <div class=\"step-title\"\r\n [ngClass]=\"{ 'step-title-active': i == stepActive, 'step-title-done': i < stepActive, 'step-title-not-reached': i > stepActive}\">\r\n {{ navbarTitles[i] | translate }}\r\n </div>\r\n </div>\r\n </div>\r\n <div fxHide.gt-sm fxLayout=\"row\">\r\n <div class=\"dot-mobile\"></div>\r\n <mat-select class=\"sof-stepper step-titles-mobile\" disableOptionCentering panelClass=\"step-option\"\r\n [value]=\"navbarStepKeys[stepActive]\" (selectionChange)=\"navigateTo($event.value)\">\r\n <mat-option fxHide.gt-sm *ngFor=\"let step of navbarStepKeys; let i = index\" \r\n [ngClass]=\"{ 'step-active': i == stepActive, 'step-done': i < stepActive}\" [disabled]=\"i > stepActive\"\r\n [value]=\"step\">\r\n <div class=\"dot\" [ngClass]=\"{ 'dot-active': i == stepActive, 'dot-done': i < stepActive}\"></div>\r\n {{ navbarTitles[i] | translate }}\r\n </mat-option>\r\n </mat-select>\r\n </div>\r\n</ng-container>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #fafafa;--neutral-color-100-parts: #f5f5f5;--neutral-color-200-parts: #eeeeee;--neutral-color-300-parts: #e0e0e0;--neutral-color-400-parts: #bdbdbd;--neutral-color-500-parts: #9e9e9e;--neutral-color-600-parts: #757575;--neutral-color-700-parts: #616161;--neutral-color-800-parts: #424242;--neutral-color-900-parts: #212121;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 250, 250, 250;--neutral-color-100-parts-rgb: 245, 245, 245;--neutral-color-200-parts-rgb: 238, 238, 238;--neutral-color-300-parts-rgb: 224, 224, 224;--neutral-color-400-parts-rgb: 189, 189, 189;--neutral-color-500-parts-rgb: 158, 158, 158;--neutral-color-600-parts-rgb: 117, 117, 117;--neutral-color-700-parts-rgb: 97, 97, 97;--neutral-color-800-parts-rgb: 66, 66, 66;--neutral-color-900-parts-rgb: 33, 33, 33;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}@media not screen and (max-width: 959px){.shopping-navbar{height:8px}}.step-titles{padding-top:20px;padding-bottom:20px;margin-left:16px!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important}.step-titles-mobile{height:48px!important;padding-top:10px;padding-bottom:10px;background-color:var(--primary-color-50-parts)}.step-titles-mobile ::ng-deep .mat-mdc-select-trigger{font-weight:700;padding-left:50px;padding-right:20px}.step-titles-mobile:focus{background-color:var(--primary-color-100-parts)}.step-active{font-weight:700}.step-done{color:#000;cursor:pointer;font-weight:700}::ng-deep .cdk-overlay-container .cdk-overlay-pane{transform:none!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option{background:#edf4ff!important;margin-top:58px!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option .mdc-list-item--disabled{color:#000;opacity:60%}::ng-deep mat-select.sof-stepper div.mat-mdc-select-value span.mat-mdc-select-value-text{font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important;color:#000000de!important}::ng-deep mat-select.sof-stepper div.mat-mdc-select-value{padding-top:12px!important}.dot{height:6px;width:6px;background-color:#fff;border:2px solid #979797;display:inline-block;border-radius:50%;align-self:center}@media only screen and (max-width: 959px){.dot{margin-right:20px}}.dot-mobile{position:absolute;height:8px;width:8px;border:none;border-radius:50%;display:inline-block;background-color:var(--primary-color-500-parts);margin-left:17px;margin-top:30px}.dot-active{height:8px;width:8px;background-color:var(--primary-color-500-parts);border:none;align-self:center}.dot-done{width:16px;height:16px;line-height:16px;border:none;align-self:center;color:var(--primary-color-500-parts);font-size:12px;font-weight:900;text-align:center;position:relative;margin-left:3px}@media only screen and (max-width: 959px){.dot-done{height:10px;width:10px;border:none;vertical-align:baseline;background-color:var(--primary-color-500-parts)}.dot-done:before{content:\"\"}.dot-done:after{content:\"\";z-index:-1}}.step-title{margin-left:16px!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important}.step-title-active{color:#000000de!important}.step-title-not-reached{color:#0009!important}.step-title-done{color:var(--primary-color-500-parts)!important}\n"] }]
|
|
4273
4273
|
}], ctorParameters: function () { return [{ type: i1$2.Router }]; }, propDecorators: { navbarStepKeys: [{
|
|
@@ -4305,9 +4305,9 @@ class SofBannerComponent {
|
|
|
4305
4305
|
this.iconClass = !this.iconClass ? this.bannerColorIconMapping[this.bannerColor] : this.iconClass;
|
|
4306
4306
|
}
|
|
4307
4307
|
}
|
|
4308
|
-
SofBannerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
4309
|
-
SofBannerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: SofBannerComponent, selector: "sof-banner", inputs: { primaryInfoKey: "primaryInfoKey", secondaryInfoKey: "secondaryInfoKey", showSecondaryBanner: "showSecondaryBanner", bannerColor: "bannerColor", iconClass: "iconClass" }, ngImport: i0, template: "<div class=\"banner primary\" [ngClass]=\"bannerColor\">\r\n <i class=\"text-align-center banner-icon\" [ngClass]=\"[iconClass, bannerColor]\"></i> \r\n <p>{{ primaryInfoKey | translate }}</p>\r\n</div>\r\n<div *ngIf=\"showSecondaryBanner\" class=\"banner secondary\" [ngClass]=\"bannerColor\">\r\n <p>{{ secondaryInfoKey | translate }}</p>\r\n</div>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #fafafa;--neutral-color-100-parts: #f5f5f5;--neutral-color-200-parts: #eeeeee;--neutral-color-300-parts: #e0e0e0;--neutral-color-400-parts: #bdbdbd;--neutral-color-500-parts: #9e9e9e;--neutral-color-600-parts: #757575;--neutral-color-700-parts: #616161;--neutral-color-800-parts: #424242;--neutral-color-900-parts: #212121;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 250, 250, 250;--neutral-color-100-parts-rgb: 245, 245, 245;--neutral-color-200-parts-rgb: 238, 238, 238;--neutral-color-300-parts-rgb: 224, 224, 224;--neutral-color-400-parts-rgb: 189, 189, 189;--neutral-color-500-parts-rgb: 158, 158, 158;--neutral-color-600-parts-rgb: 117, 117, 117;--neutral-color-700-parts-rgb: 97, 97, 97;--neutral-color-800-parts-rgb: 66, 66, 66;--neutral-color-900-parts-rgb: 33, 33, 33;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.banner{height:44px;color:#333;margin-left:-20px;margin-right:-20px;font-family:Poppins,sans-serif!important;font-size:16px;line-height:20px;align-items:center;display:flex;justify-content:center}@media only screen and (max-width: 959px){.banner{font-size:13px}}.banner .banner-icon{font-size:24px}.banner.primary{font-weight:500}.banner.primary.theme{background-color:var(--primary-color-100-parts)}.banner.primary.theme .banner-icon{color:var(--primary-color-900-parts)}.banner.primary.information{background-color:var(--info-color-100-parts)}.banner.primary.information .banner-icon{color:var(--info-color-900-parts)}.banner.primary.success{background-color:var(--success-color-100-parts)}.banner.primary.success .banner-icon{color:var(--success-color-900-parts)}.banner.primary.warning{background-color:var(--warn-color-100-parts)}.banner.primary.warning .banner-icon{color:var(--warn-color-900-parts)}.banner.primary.error{background-color:var(--error-color-100-parts)}.banner.primary.error .banner-icon{color:var(--error-color-900-parts)}.banner.secondary{font-weight:400}.banner.secondary.theme{background-color:var(--primary-color-50-parts)}.banner.secondary.information{background-color:var(--info-color-50-parts)}.banner.secondary.success{background-color:var(--success-color-50-parts)}.banner.secondary.warning{background-color:var(--warn-color-50-parts)}.banner.secondary.error{background-color:var(--error-color-50-parts)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] });
|
|
4310
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
4308
|
+
SofBannerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SofBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4309
|
+
SofBannerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", type: SofBannerComponent, selector: "sof-banner", inputs: { primaryInfoKey: "primaryInfoKey", secondaryInfoKey: "secondaryInfoKey", showSecondaryBanner: "showSecondaryBanner", bannerColor: "bannerColor", iconClass: "iconClass" }, ngImport: i0, template: "<div class=\"banner primary\" [ngClass]=\"bannerColor\">\r\n <i class=\"text-align-center banner-icon\" [ngClass]=\"[iconClass, bannerColor]\"></i> \r\n <p>{{ primaryInfoKey | translate }}</p>\r\n</div>\r\n<div *ngIf=\"showSecondaryBanner\" class=\"banner secondary\" [ngClass]=\"bannerColor\">\r\n <p>{{ secondaryInfoKey | translate }}</p>\r\n</div>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #fafafa;--neutral-color-100-parts: #f5f5f5;--neutral-color-200-parts: #eeeeee;--neutral-color-300-parts: #e0e0e0;--neutral-color-400-parts: #bdbdbd;--neutral-color-500-parts: #9e9e9e;--neutral-color-600-parts: #757575;--neutral-color-700-parts: #616161;--neutral-color-800-parts: #424242;--neutral-color-900-parts: #212121;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 250, 250, 250;--neutral-color-100-parts-rgb: 245, 245, 245;--neutral-color-200-parts-rgb: 238, 238, 238;--neutral-color-300-parts-rgb: 224, 224, 224;--neutral-color-400-parts-rgb: 189, 189, 189;--neutral-color-500-parts-rgb: 158, 158, 158;--neutral-color-600-parts-rgb: 117, 117, 117;--neutral-color-700-parts-rgb: 97, 97, 97;--neutral-color-800-parts-rgb: 66, 66, 66;--neutral-color-900-parts-rgb: 33, 33, 33;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.banner{height:44px;color:#333;margin-left:-20px;margin-right:-20px;font-family:Poppins,sans-serif!important;font-size:16px;line-height:20px;align-items:center;display:flex;justify-content:center}@media only screen and (max-width: 959px){.banner{font-size:13px}}.banner .banner-icon{font-size:24px}.banner.primary{font-weight:500}.banner.primary.theme{background-color:var(--primary-color-100-parts)}.banner.primary.theme .banner-icon{color:var(--primary-color-900-parts)}.banner.primary.information{background-color:var(--info-color-100-parts)}.banner.primary.information .banner-icon{color:var(--info-color-900-parts)}.banner.primary.success{background-color:var(--success-color-100-parts)}.banner.primary.success .banner-icon{color:var(--success-color-900-parts)}.banner.primary.warning{background-color:var(--warn-color-100-parts)}.banner.primary.warning .banner-icon{color:var(--warn-color-900-parts)}.banner.primary.error{background-color:var(--error-color-100-parts)}.banner.primary.error .banner-icon{color:var(--error-color-900-parts)}.banner.secondary{font-weight:400}.banner.secondary.theme{background-color:var(--primary-color-50-parts)}.banner.secondary.information{background-color:var(--info-color-50-parts)}.banner.secondary.success{background-color:var(--success-color-50-parts)}.banner.secondary.warning{background-color:var(--warn-color-50-parts)}.banner.secondary.error{background-color:var(--error-color-50-parts)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] });
|
|
4310
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SofBannerComponent, decorators: [{
|
|
4311
4311
|
type: Component,
|
|
4312
4312
|
args: [{ selector: 'sof-banner', template: "<div class=\"banner primary\" [ngClass]=\"bannerColor\">\r\n <i class=\"text-align-center banner-icon\" [ngClass]=\"[iconClass, bannerColor]\"></i> \r\n <p>{{ primaryInfoKey | translate }}</p>\r\n</div>\r\n<div *ngIf=\"showSecondaryBanner\" class=\"banner secondary\" [ngClass]=\"bannerColor\">\r\n <p>{{ secondaryInfoKey | translate }}</p>\r\n</div>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #fafafa;--neutral-color-100-parts: #f5f5f5;--neutral-color-200-parts: #eeeeee;--neutral-color-300-parts: #e0e0e0;--neutral-color-400-parts: #bdbdbd;--neutral-color-500-parts: #9e9e9e;--neutral-color-600-parts: #757575;--neutral-color-700-parts: #616161;--neutral-color-800-parts: #424242;--neutral-color-900-parts: #212121;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 250, 250, 250;--neutral-color-100-parts-rgb: 245, 245, 245;--neutral-color-200-parts-rgb: 238, 238, 238;--neutral-color-300-parts-rgb: 224, 224, 224;--neutral-color-400-parts-rgb: 189, 189, 189;--neutral-color-500-parts-rgb: 158, 158, 158;--neutral-color-600-parts-rgb: 117, 117, 117;--neutral-color-700-parts-rgb: 97, 97, 97;--neutral-color-800-parts-rgb: 66, 66, 66;--neutral-color-900-parts-rgb: 33, 33, 33;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.banner{height:44px;color:#333;margin-left:-20px;margin-right:-20px;font-family:Poppins,sans-serif!important;font-size:16px;line-height:20px;align-items:center;display:flex;justify-content:center}@media only screen and (max-width: 959px){.banner{font-size:13px}}.banner .banner-icon{font-size:24px}.banner.primary{font-weight:500}.banner.primary.theme{background-color:var(--primary-color-100-parts)}.banner.primary.theme .banner-icon{color:var(--primary-color-900-parts)}.banner.primary.information{background-color:var(--info-color-100-parts)}.banner.primary.information .banner-icon{color:var(--info-color-900-parts)}.banner.primary.success{background-color:var(--success-color-100-parts)}.banner.primary.success .banner-icon{color:var(--success-color-900-parts)}.banner.primary.warning{background-color:var(--warn-color-100-parts)}.banner.primary.warning .banner-icon{color:var(--warn-color-900-parts)}.banner.primary.error{background-color:var(--error-color-100-parts)}.banner.primary.error .banner-icon{color:var(--error-color-900-parts)}.banner.secondary{font-weight:400}.banner.secondary.theme{background-color:var(--primary-color-50-parts)}.banner.secondary.information{background-color:var(--info-color-50-parts)}.banner.secondary.success{background-color:var(--success-color-50-parts)}.banner.secondary.warning{background-color:var(--warn-color-50-parts)}.banner.secondary.error{background-color:var(--error-color-50-parts)}\n"] }]
|
|
4313
4313
|
}], ctorParameters: function () { return []; }, propDecorators: { primaryInfoKey: [{
|
|
@@ -4363,15 +4363,15 @@ class SofAlertComponent {
|
|
|
4363
4363
|
this.iconClass = !this.iconClass ? this.alertColorIconMapping[this.alertColor] : this.iconClass;
|
|
4364
4364
|
}
|
|
4365
4365
|
}
|
|
4366
|
-
SofAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
4367
|
-
SofAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: SofAlertComponent, selector: "sof-alert", inputs: { alertText: "alertText", hideBackground: "hideBackground", alertColor: "alertColor", iconClass: "iconClass", mobileBannerExpandableTextTitle: "mobileBannerExpandableTextTitle", alertSubText: "alertSubText" }, ngImport: i0, template: "<div class=\"alert-box\" [ngClass]=\"alertColor\" [class.alert-box-override]=\"hideBackground\">\r\n <div class=\"alert-inner\" [ngClass]=\"alertColor\" [class.no-background]=\"hideBackground\">\r\n <span class=\"alert-container\">\r\n <i *ngIf=\"!(isMobile && mobileBannerExpandableTextTitle)\" class=\"alert-icon\" [ngClass]=\"[iconClass, alertColor]\"></i>\r\n <ng-container *ngIf=\"mobileBannerExpandableTextTitle; else normalBannerFlow\">\r\n <span class=\"alert-title\" style=\"width: 100%\">\r\n <p class=\"alert-header\" [innerHtml]=\"(alertText | translate)\"></p>\r\n <div fxHide.gt-xs>\r\n <a id=\"expand-banner-text\" href=\"javascript:void(0);\" class=\"mobile-banner-container\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" (click)=\"expandedBanner = !expandedBanner\">\r\n <span [innerHtml]=\"mobileBannerExpandableTextTitle | translate\"></span>\r\n <i class=\"fas\" [ngClass]=\"expandedBanner ? 'fa-chevron-up' : 'fa-chevron-down'\"></i>\r\n </a>\r\n <p class=\"alert-description\" style=\"margin-top: 10px;\" class=\"hidden-overflow\" [@animateExpand]=\"expandedBanner ? 'expanded' : 'collapsed'\"\r\n [innerHtml]=\"alertSubText | translate\"></p>\r\n </div>\r\n <div fxHide.xs>\r\n <p class=\"alert-description\" [innerHtml]=\"alertSubText | translate\"></p>\r\n </div>\r\n </span>\r\n </ng-container>\r\n <ng-template #normalBannerFlow>\r\n <span class=\"alert-title\" [innerHTML]=\"(alertText | translate)\"></span>\r\n </ng-template>\r\n </span>\r\n </div>\r\n</div>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #fafafa;--neutral-color-100-parts: #f5f5f5;--neutral-color-200-parts: #eeeeee;--neutral-color-300-parts: #e0e0e0;--neutral-color-400-parts: #bdbdbd;--neutral-color-500-parts: #9e9e9e;--neutral-color-600-parts: #757575;--neutral-color-700-parts: #616161;--neutral-color-800-parts: #424242;--neutral-color-900-parts: #212121;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 250, 250, 250;--neutral-color-100-parts-rgb: 245, 245, 245;--neutral-color-200-parts-rgb: 238, 238, 238;--neutral-color-300-parts-rgb: 224, 224, 224;--neutral-color-400-parts-rgb: 189, 189, 189;--neutral-color-500-parts-rgb: 158, 158, 158;--neutral-color-600-parts-rgb: 117, 117, 117;--neutral-color-700-parts-rgb: 97, 97, 97;--neutral-color-800-parts-rgb: 66, 66, 66;--neutral-color-900-parts-rgb: 33, 33, 33;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.alert-box{border-radius:4px;text-align:left!important}.alert-box.theme{background-color:var(--primary-color-500-parts);border:2px solid var(--primary-color-500-parts)}.alert-box.information{background-color:var(--info-color-500-parts);border:2px solid var(--info-color-500-parts)}.alert-box.success{background-color:var(--success-color-500-parts);border:2px solid var(--success-color-500-parts)}.alert-box.warning{background-color:var(--warn-color-500-parts);border:2px solid var(--warn-color-500-parts)}.alert-box.error{background-color:var(--error-color-500-parts);border:2px solid var(--error-color-500-parts)}.alert-box>div{padding:10px!important}.alert-box-override.theme{background-color:var(--primary-color-200-parts)!important}.alert-box-override.information{background-color:var(--info-color-200-parts)!important}.alert-box-override.success{background-color:var(--success-color-200-parts)!important}.alert-box-override.warning{background-color:var(--warn-color-200-parts)!important}.alert-box-override.error{background-color:var(--error-color-200-parts)!important}.alert-inner{border-top-right-radius:4px;border-bottom-right-radius:4px;margin-left:8px}.alert-inner.theme{background-color:var(--primary-color-50-parts)}.alert-inner.information{background-color:var(--info-color-50-parts)}.alert-inner.success{background-color:var(--success-color-50-parts)}.alert-inner.warning{background-color:var(--warn-color-50-parts)}.alert-inner.error{background-color:var(--error-color-50-parts)}.alert-icon{font-size:24px;text-align:left;margin-left:0}.alert-icon.theme{color:var(--primary-color-500-parts)}.alert-icon.information{color:var(--info-color-500-parts)}.alert-icon.success{color:var(--success-color-500-parts)}.alert-icon.warning{color:var(--warn-color-500-parts)}.alert-icon.error{color:var(--error-color-500-parts)}.alert-container{display:flex;align-items:flex-start;padding-top:6px;padding-left:2px}.alert-title{margin-left:16px}::ng-deep .alert-header{font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:16px!important;line-height:20px!important;margin-top:0!important}::ng-deep .alert-description{font-family:Poppins!important;font-style:normal!important;font-weight:500!important;font-size:14px!important;line-height:21px!important;margin-bottom:0!important}.no-background{background-color:#fff!important}.mobile-banner-container{text-decoration:none!important;color:var(--primary-color-500-parts)}.hidden-overflow{overflow:hidden;display:flex;margin-bottom:0!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultShowHideDirective, selector: " [fxShow], [fxShow.print], [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl], [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl], [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg], [fxHide], [fxHide.print], [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl], [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl], [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }], animations: [
|
|
4366
|
+
SofAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SofAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4367
|
+
SofAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", type: SofAlertComponent, selector: "sof-alert", inputs: { alertText: "alertText", hideBackground: "hideBackground", alertColor: "alertColor", iconClass: "iconClass", mobileBannerExpandableTextTitle: "mobileBannerExpandableTextTitle", alertSubText: "alertSubText" }, ngImport: i0, template: "<div class=\"alert-box\" [ngClass]=\"alertColor\" [class.alert-box-override]=\"hideBackground\">\r\n <div class=\"alert-inner\" [ngClass]=\"alertColor\" [class.no-background]=\"hideBackground\">\r\n <span class=\"alert-container\">\r\n <i *ngIf=\"!(isMobile && mobileBannerExpandableTextTitle)\" class=\"alert-icon\" [ngClass]=\"[iconClass, alertColor]\"></i>\r\n <ng-container *ngIf=\"mobileBannerExpandableTextTitle; else normalBannerFlow\">\r\n <span class=\"alert-title\" style=\"width: 100%\">\r\n <p class=\"alert-header\" [innerHtml]=\"(alertText | translate)\"></p>\r\n <div fxHide.gt-xs>\r\n <a id=\"expand-banner-text\" href=\"javascript:void(0);\" class=\"mobile-banner-container\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" (click)=\"expandedBanner = !expandedBanner\">\r\n <span [innerHtml]=\"mobileBannerExpandableTextTitle | translate\"></span>\r\n <i class=\"fas\" [ngClass]=\"expandedBanner ? 'fa-chevron-up' : 'fa-chevron-down'\"></i>\r\n </a>\r\n <p class=\"alert-description\" style=\"margin-top: 10px;\" class=\"hidden-overflow\" [@animateExpand]=\"expandedBanner ? 'expanded' : 'collapsed'\"\r\n [innerHtml]=\"alertSubText | translate\"></p>\r\n </div>\r\n <div fxHide.xs>\r\n <p class=\"alert-description\" [innerHtml]=\"alertSubText | translate\"></p>\r\n </div>\r\n </span>\r\n </ng-container>\r\n <ng-template #normalBannerFlow>\r\n <span class=\"alert-title\" [innerHTML]=\"(alertText | translate)\"></span>\r\n </ng-template>\r\n </span>\r\n </div>\r\n</div>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #fafafa;--neutral-color-100-parts: #f5f5f5;--neutral-color-200-parts: #eeeeee;--neutral-color-300-parts: #e0e0e0;--neutral-color-400-parts: #bdbdbd;--neutral-color-500-parts: #9e9e9e;--neutral-color-600-parts: #757575;--neutral-color-700-parts: #616161;--neutral-color-800-parts: #424242;--neutral-color-900-parts: #212121;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 250, 250, 250;--neutral-color-100-parts-rgb: 245, 245, 245;--neutral-color-200-parts-rgb: 238, 238, 238;--neutral-color-300-parts-rgb: 224, 224, 224;--neutral-color-400-parts-rgb: 189, 189, 189;--neutral-color-500-parts-rgb: 158, 158, 158;--neutral-color-600-parts-rgb: 117, 117, 117;--neutral-color-700-parts-rgb: 97, 97, 97;--neutral-color-800-parts-rgb: 66, 66, 66;--neutral-color-900-parts-rgb: 33, 33, 33;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.alert-box{border-radius:4px;text-align:left!important}.alert-box.theme{background-color:var(--primary-color-500-parts);border:2px solid var(--primary-color-500-parts)}.alert-box.information{background-color:var(--info-color-500-parts);border:2px solid var(--info-color-500-parts)}.alert-box.success{background-color:var(--success-color-500-parts);border:2px solid var(--success-color-500-parts)}.alert-box.warning{background-color:var(--warn-color-500-parts);border:2px solid var(--warn-color-500-parts)}.alert-box.error{background-color:var(--error-color-500-parts);border:2px solid var(--error-color-500-parts)}.alert-box>div{padding:10px!important}.alert-box-override.theme{background-color:var(--primary-color-200-parts)!important}.alert-box-override.information{background-color:var(--info-color-200-parts)!important}.alert-box-override.success{background-color:var(--success-color-200-parts)!important}.alert-box-override.warning{background-color:var(--warn-color-200-parts)!important}.alert-box-override.error{background-color:var(--error-color-200-parts)!important}.alert-inner{border-top-right-radius:4px;border-bottom-right-radius:4px;margin-left:8px}.alert-inner.theme{background-color:var(--primary-color-50-parts)}.alert-inner.information{background-color:var(--info-color-50-parts)}.alert-inner.success{background-color:var(--success-color-50-parts)}.alert-inner.warning{background-color:var(--warn-color-50-parts)}.alert-inner.error{background-color:var(--error-color-50-parts)}.alert-icon{font-size:24px;text-align:left;margin-left:0}.alert-icon.theme{color:var(--primary-color-500-parts)}.alert-icon.information{color:var(--info-color-500-parts)}.alert-icon.success{color:var(--success-color-500-parts)}.alert-icon.warning{color:var(--warn-color-500-parts)}.alert-icon.error{color:var(--error-color-500-parts)}.alert-container{display:flex;align-items:flex-start;padding-top:6px;padding-left:2px}.alert-title{margin-left:16px}::ng-deep .alert-header{font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:16px!important;line-height:20px!important;margin-top:0!important}::ng-deep .alert-description{font-family:Poppins!important;font-style:normal!important;font-weight:500!important;font-size:14px!important;line-height:21px!important;margin-bottom:0!important}.no-background{background-color:#fff!important}.mobile-banner-container{text-decoration:none!important;color:var(--primary-color-500-parts)}.hidden-overflow{overflow:hidden;display:flex;margin-bottom:0!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultShowHideDirective, selector: " [fxShow], [fxShow.print], [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl], [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl], [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg], [fxHide], [fxHide.print], [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl], [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl], [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }], animations: [
|
|
4368
4368
|
trigger('animateExpand', [
|
|
4369
4369
|
state('collapsed', style({ height: '0px', minHeight: '0' })),
|
|
4370
4370
|
state('expanded', style({ height: '*' })),
|
|
4371
4371
|
transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)'))
|
|
4372
4372
|
])
|
|
4373
4373
|
] });
|
|
4374
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
4374
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SofAlertComponent, decorators: [{
|
|
4375
4375
|
type: Component,
|
|
4376
4376
|
args: [{ selector: 'sof-alert', animations: [
|
|
4377
4377
|
trigger('animateExpand', [
|
|
@@ -4419,9 +4419,9 @@ class SofModalComponent {
|
|
|
4419
4419
|
this.dialogRef.close(this.dialogResult);
|
|
4420
4420
|
}
|
|
4421
4421
|
}
|
|
4422
|
-
SofModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
4423
|
-
SofModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: SofModalComponent, selector: "sof-modal", ngImport: i0, template: "<mat-toolbar class=\"dialog-header-container\" fxLayoutAlign=\"space-between\">\r\n <div class=\"sof-dialog-header\" [innerHTML]=\"data.headerText | translate\"></div>\r\n <button id=\"modal-close\" (click)=\"close(false)\" mat-icon-button mat-dialog-close>\r\n <mat-icon mat-list-icon>close</mat-icon>\r\n </button>\r\n</mat-toolbar>\r\n<div fxLayout=\"column\" class=\"dialog-body-container\">\r\n <div fxFlex=\"auto\" fxLayout=\"column\" fxLayoutAlign=\"center\">\r\n <div class=\"sof-dialog-body\" [innerHTML]=\"data.contentText | translate\" fxFlex=\"80%\" fxFlex.lt-md=\"auto\"></div>\r\n <mat-checkbox *ngIf=\"data.showDontShowAgainCheckbox\" [(ngModel)]=\"dontShowAgainCheckboxValue\" color=\"primary\">\r\n {{ 'armature.sof-modal.dont-show-this-message-again' | translate }}\r\n </mat-checkbox>\r\n <div fxFlex=\"auto\" fxLayout=\"row\" fxLayout.lt-sm=\"column\" fxLayoutAlign=\"center center\" fxLayoutGap=\"5%\"\r\n fxLayoutGap.lt-sm=\"2%\" class=\"dialog-buttons-container\">\r\n <button *ngIf=\"!data.hideCancel\" mat-stroked-button fxFlexOrder.lt-sm=\"2\" class=\"sof-stroked-button-large-outline\"\r\n [ngClass.lt-sm]=\"{'full-width': true}\" color=\"primary\" (click)=\"close(false)\" id=\"dialog-cancel\">\r\n {{ data.cancelButtonText | translate }}\r\n </button>\r\n <button *ngIf=\"!data.isDelete\" mat-flat-button fxFlexOrder.lt-sm=\"1\" class=\"sof-flat-button-large\"\r\n [ngClass.lt-sm]=\"{'full-width': true}\" color=\"primary\" (click)=\"close(true)\" id=\"dialog-accept\">\r\n {{ data.confirmButtonText | translate }}\r\n </button>\r\n <button *ngIf=\"data.isDelete\" mat-flat-button fxFlexOrder.lt-sm=\"1\" class=\"sof-flat-button-large\"\r\n [ngClass.lt-sm]=\"{'full-width': true}\" color=\"warn\" (click)=\"close(true)\" id=\"dialog-error\">\r\n {{ data.confirmButtonText | translate }}\r\n </button>\r\n </div>\r\n </div>\r\n</div>", styles: ["@charset \"UTF-8\";:root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #fafafa;--neutral-color-100-parts: #f5f5f5;--neutral-color-200-parts: #eeeeee;--neutral-color-300-parts: #e0e0e0;--neutral-color-400-parts: #bdbdbd;--neutral-color-500-parts: #9e9e9e;--neutral-color-600-parts: #757575;--neutral-color-700-parts: #616161;--neutral-color-800-parts: #424242;--neutral-color-900-parts: #212121;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 250, 250, 250;--neutral-color-100-parts-rgb: 245, 245, 245;--neutral-color-200-parts-rgb: 238, 238, 238;--neutral-color-300-parts-rgb: 224, 224, 224;--neutral-color-400-parts-rgb: 189, 189, 189;--neutral-color-500-parts-rgb: 158, 158, 158;--neutral-color-600-parts-rgb: 117, 117, 117;--neutral-color-700-parts-rgb: 97, 97, 97;--neutral-color-800-parts-rgb: 66, 66, 66;--neutral-color-900-parts-rgb: 33, 33, 33;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}@media only screen and (max-width: 599px){::ng-deep .sof-dialog-container{min-width:100vw!important;max-width:100vw!important;min-height:100vh!important;max-height:100vh!important;height:100%!important;width:100!important}}::ng-deep .sof-dialog-container .mat-mdc-dialog-container{padding:0!important;border-radius:10px;border:1px solid #e9e9e9}.dialog-header-container{align-items:center!important;background:none!important;border-bottom:1px solid #e9e9e9;padding:24px;height:72px}.sof-dialog-header{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:24px!important;line-height:36px!important;color:#333!important}.dialog-body-container{padding:24px}.sof-dialog-body{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:400!important;font-size:16px!important;line-height:24px!important;letter-spacing:normal!important}@media only screen and (max-width: 959px){.sof-dialog-body{font-size:16px!important}}.sof-dialog-body ::ng-deep p:first-of-type{margin-top:0}.sof-dialog-body ::ng-deep p{margin-top:32px;margin-bottom:0}.sof-dialog-body ::ng-deep ul{list-style:none;margin-top:0!important;margin-bottom:0!important;padding-left:8px!important}.sof-dialog-body ::ng-deep ul li{display:flex;margin-top:8px}.sof-dialog-body ::ng-deep ul li:before{content:\"\\2022\";font-size:16px;margin-right:10px}.dialog-buttons-container{margin-top:50px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexOrderDirective, selector: " [fxFlexOrder], [fxFlexOrder.xs], [fxFlexOrder.sm], [fxFlexOrder.md], [fxFlexOrder.lg], [fxFlexOrder.xl], [fxFlexOrder.lt-sm], [fxFlexOrder.lt-md], [fxFlexOrder.lt-lg], [fxFlexOrder.lt-xl], [fxFlexOrder.gt-xs], [fxFlexOrder.gt-sm], [fxFlexOrder.gt-md], [fxFlexOrder.gt-lg]", inputs: ["fxFlexOrder", "fxFlexOrder.xs", "fxFlexOrder.sm", "fxFlexOrder.md", "fxFlexOrder.lg", "fxFlexOrder.xl", "fxFlexOrder.lt-sm", "fxFlexOrder.lt-md", "fxFlexOrder.lt-lg", "fxFlexOrder.lt-xl", "fxFlexOrder.gt-xs", "fxFlexOrder.gt-sm", "fxFlexOrder.gt-md", "fxFlexOrder.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i1$5.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: i10.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i10$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] });
|
|
4424
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
4422
|
+
SofModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SofModalComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$5.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
4423
|
+
SofModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", type: SofModalComponent, selector: "sof-modal", ngImport: i0, template: "<mat-toolbar class=\"dialog-header-container\" fxLayoutAlign=\"space-between\">\r\n <div class=\"sof-dialog-header\" [innerHTML]=\"data.headerText | translate\"></div>\r\n <button id=\"modal-close\" (click)=\"close(false)\" mat-icon-button mat-dialog-close>\r\n <mat-icon mat-list-icon>close</mat-icon>\r\n </button>\r\n</mat-toolbar>\r\n<div fxLayout=\"column\" class=\"dialog-body-container\">\r\n <div fxFlex=\"auto\" fxLayout=\"column\" fxLayoutAlign=\"center\">\r\n <div class=\"sof-dialog-body\" [innerHTML]=\"data.contentText | translate\" fxFlex=\"80%\" fxFlex.lt-md=\"auto\"></div>\r\n <mat-checkbox *ngIf=\"data.showDontShowAgainCheckbox\" [(ngModel)]=\"dontShowAgainCheckboxValue\" color=\"primary\">\r\n {{ 'armature.sof-modal.dont-show-this-message-again' | translate }}\r\n </mat-checkbox>\r\n <div fxFlex=\"auto\" fxLayout=\"row\" fxLayout.lt-sm=\"column\" fxLayoutAlign=\"center center\" fxLayoutGap=\"5%\"\r\n fxLayoutGap.lt-sm=\"2%\" class=\"dialog-buttons-container\">\r\n <button *ngIf=\"!data.hideCancel\" mat-stroked-button fxFlexOrder.lt-sm=\"2\" class=\"sof-stroked-button-large-outline\"\r\n [ngClass.lt-sm]=\"{'full-width': true}\" color=\"primary\" (click)=\"close(false)\" id=\"dialog-cancel\">\r\n {{ data.cancelButtonText | translate }}\r\n </button>\r\n <button *ngIf=\"!data.isDelete\" mat-flat-button fxFlexOrder.lt-sm=\"1\" class=\"sof-flat-button-large\"\r\n [ngClass.lt-sm]=\"{'full-width': true}\" color=\"primary\" (click)=\"close(true)\" id=\"dialog-accept\">\r\n {{ data.confirmButtonText | translate }}\r\n </button>\r\n <button *ngIf=\"data.isDelete\" mat-flat-button fxFlexOrder.lt-sm=\"1\" class=\"sof-flat-button-large\"\r\n [ngClass.lt-sm]=\"{'full-width': true}\" color=\"warn\" (click)=\"close(true)\" id=\"dialog-error\">\r\n {{ data.confirmButtonText | translate }}\r\n </button>\r\n </div>\r\n </div>\r\n</div>", styles: ["@charset \"UTF-8\";:root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #fafafa;--neutral-color-100-parts: #f5f5f5;--neutral-color-200-parts: #eeeeee;--neutral-color-300-parts: #e0e0e0;--neutral-color-400-parts: #bdbdbd;--neutral-color-500-parts: #9e9e9e;--neutral-color-600-parts: #757575;--neutral-color-700-parts: #616161;--neutral-color-800-parts: #424242;--neutral-color-900-parts: #212121;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 250, 250, 250;--neutral-color-100-parts-rgb: 245, 245, 245;--neutral-color-200-parts-rgb: 238, 238, 238;--neutral-color-300-parts-rgb: 224, 224, 224;--neutral-color-400-parts-rgb: 189, 189, 189;--neutral-color-500-parts-rgb: 158, 158, 158;--neutral-color-600-parts-rgb: 117, 117, 117;--neutral-color-700-parts-rgb: 97, 97, 97;--neutral-color-800-parts-rgb: 66, 66, 66;--neutral-color-900-parts-rgb: 33, 33, 33;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}@media only screen and (max-width: 599px){::ng-deep .sof-dialog-container{min-width:100vw!important;max-width:100vw!important;min-height:100vh!important;max-height:100vh!important;height:100%!important;width:100!important}}::ng-deep .sof-dialog-container .mat-mdc-dialog-container{padding:0!important;border-radius:10px;border:1px solid #e9e9e9}.dialog-header-container{align-items:center!important;background:none!important;border-bottom:1px solid #e9e9e9;padding:24px;height:72px}.sof-dialog-header{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:24px!important;line-height:36px!important;color:#333!important}.dialog-body-container{padding:24px}.sof-dialog-body{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:400!important;font-size:16px!important;line-height:24px!important;letter-spacing:normal!important}@media only screen and (max-width: 959px){.sof-dialog-body{font-size:16px!important}}.sof-dialog-body ::ng-deep p:first-of-type{margin-top:0}.sof-dialog-body ::ng-deep p{margin-top:32px;margin-bottom:0}.sof-dialog-body ::ng-deep ul{list-style:none;margin-top:0!important;margin-bottom:0!important;padding-left:8px!important}.sof-dialog-body ::ng-deep ul li{display:flex;margin-top:8px}.sof-dialog-body ::ng-deep ul li:before{content:\"\\2022\";font-size:16px;margin-right:10px}.dialog-buttons-container{margin-top:50px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexOrderDirective, selector: " [fxFlexOrder], [fxFlexOrder.xs], [fxFlexOrder.sm], [fxFlexOrder.md], [fxFlexOrder.lg], [fxFlexOrder.xl], [fxFlexOrder.lt-sm], [fxFlexOrder.lt-md], [fxFlexOrder.lt-lg], [fxFlexOrder.lt-xl], [fxFlexOrder.gt-xs], [fxFlexOrder.gt-sm], [fxFlexOrder.gt-md], [fxFlexOrder.gt-lg]", inputs: ["fxFlexOrder", "fxFlexOrder.xs", "fxFlexOrder.sm", "fxFlexOrder.md", "fxFlexOrder.lg", "fxFlexOrder.xl", "fxFlexOrder.lt-sm", "fxFlexOrder.lt-md", "fxFlexOrder.lt-lg", "fxFlexOrder.lt-xl", "fxFlexOrder.gt-xs", "fxFlexOrder.gt-sm", "fxFlexOrder.gt-md", "fxFlexOrder.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i1$5.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: i10.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i10$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] });
|
|
4424
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SofModalComponent, decorators: [{
|
|
4425
4425
|
type: Component,
|
|
4426
4426
|
args: [{ selector: 'sof-modal', template: "<mat-toolbar class=\"dialog-header-container\" fxLayoutAlign=\"space-between\">\r\n <div class=\"sof-dialog-header\" [innerHTML]=\"data.headerText | translate\"></div>\r\n <button id=\"modal-close\" (click)=\"close(false)\" mat-icon-button mat-dialog-close>\r\n <mat-icon mat-list-icon>close</mat-icon>\r\n </button>\r\n</mat-toolbar>\r\n<div fxLayout=\"column\" class=\"dialog-body-container\">\r\n <div fxFlex=\"auto\" fxLayout=\"column\" fxLayoutAlign=\"center\">\r\n <div class=\"sof-dialog-body\" [innerHTML]=\"data.contentText | translate\" fxFlex=\"80%\" fxFlex.lt-md=\"auto\"></div>\r\n <mat-checkbox *ngIf=\"data.showDontShowAgainCheckbox\" [(ngModel)]=\"dontShowAgainCheckboxValue\" color=\"primary\">\r\n {{ 'armature.sof-modal.dont-show-this-message-again' | translate }}\r\n </mat-checkbox>\r\n <div fxFlex=\"auto\" fxLayout=\"row\" fxLayout.lt-sm=\"column\" fxLayoutAlign=\"center center\" fxLayoutGap=\"5%\"\r\n fxLayoutGap.lt-sm=\"2%\" class=\"dialog-buttons-container\">\r\n <button *ngIf=\"!data.hideCancel\" mat-stroked-button fxFlexOrder.lt-sm=\"2\" class=\"sof-stroked-button-large-outline\"\r\n [ngClass.lt-sm]=\"{'full-width': true}\" color=\"primary\" (click)=\"close(false)\" id=\"dialog-cancel\">\r\n {{ data.cancelButtonText | translate }}\r\n </button>\r\n <button *ngIf=\"!data.isDelete\" mat-flat-button fxFlexOrder.lt-sm=\"1\" class=\"sof-flat-button-large\"\r\n [ngClass.lt-sm]=\"{'full-width': true}\" color=\"primary\" (click)=\"close(true)\" id=\"dialog-accept\">\r\n {{ data.confirmButtonText | translate }}\r\n </button>\r\n <button *ngIf=\"data.isDelete\" mat-flat-button fxFlexOrder.lt-sm=\"1\" class=\"sof-flat-button-large\"\r\n [ngClass.lt-sm]=\"{'full-width': true}\" color=\"warn\" (click)=\"close(true)\" id=\"dialog-error\">\r\n {{ data.confirmButtonText | translate }}\r\n </button>\r\n </div>\r\n </div>\r\n</div>", styles: ["@charset \"UTF-8\";:root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #fafafa;--neutral-color-100-parts: #f5f5f5;--neutral-color-200-parts: #eeeeee;--neutral-color-300-parts: #e0e0e0;--neutral-color-400-parts: #bdbdbd;--neutral-color-500-parts: #9e9e9e;--neutral-color-600-parts: #757575;--neutral-color-700-parts: #616161;--neutral-color-800-parts: #424242;--neutral-color-900-parts: #212121;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 250, 250, 250;--neutral-color-100-parts-rgb: 245, 245, 245;--neutral-color-200-parts-rgb: 238, 238, 238;--neutral-color-300-parts-rgb: 224, 224, 224;--neutral-color-400-parts-rgb: 189, 189, 189;--neutral-color-500-parts-rgb: 158, 158, 158;--neutral-color-600-parts-rgb: 117, 117, 117;--neutral-color-700-parts-rgb: 97, 97, 97;--neutral-color-800-parts-rgb: 66, 66, 66;--neutral-color-900-parts-rgb: 33, 33, 33;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}@media only screen and (max-width: 599px){::ng-deep .sof-dialog-container{min-width:100vw!important;max-width:100vw!important;min-height:100vh!important;max-height:100vh!important;height:100%!important;width:100!important}}::ng-deep .sof-dialog-container .mat-mdc-dialog-container{padding:0!important;border-radius:10px;border:1px solid #e9e9e9}.dialog-header-container{align-items:center!important;background:none!important;border-bottom:1px solid #e9e9e9;padding:24px;height:72px}.sof-dialog-header{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:24px!important;line-height:36px!important;color:#333!important}.dialog-body-container{padding:24px}.sof-dialog-body{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:400!important;font-size:16px!important;line-height:24px!important;letter-spacing:normal!important}@media only screen and (max-width: 959px){.sof-dialog-body{font-size:16px!important}}.sof-dialog-body ::ng-deep p:first-of-type{margin-top:0}.sof-dialog-body ::ng-deep p{margin-top:32px;margin-bottom:0}.sof-dialog-body ::ng-deep ul{list-style:none;margin-top:0!important;margin-bottom:0!important;padding-left:8px!important}.sof-dialog-body ::ng-deep ul li{display:flex;margin-top:8px}.sof-dialog-body ::ng-deep ul li:before{content:\"\\2022\";font-size:16px;margin-right:10px}.dialog-buttons-container{margin-top:50px}\n"] }]
|
|
4427
4427
|
}], ctorParameters: function () {
|
|
@@ -4583,9 +4583,9 @@ class SofButtonToggleGroupComponent {
|
|
|
4583
4583
|
}
|
|
4584
4584
|
}
|
|
4585
4585
|
}
|
|
4586
|
-
SofButtonToggleGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
4587
|
-
SofButtonToggleGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: SofButtonToggleGroupComponent, selector: "sof-button-toggle-group", inputs: { labelText: "labelText", labelClass: "labelClass", isRequired: "isRequired", buttonData: "buttonData", tooltipData: "tooltipData", layoutAlign: "layoutAlign", isDisabled: ["disabled", "isDisabled"], errorMessage: "errorMessage", ariaLabel: "ariaLabel" }, outputs: { toggleChange: "toggleChange" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, ngImport: i0, template: "<p fxLayoutAlign=\"{{layoutAlign.label}}\">\r\n <span [class]=\"labelClass\" [innerHtml]=\"(labelText | translate) + (isRequired ? ' *' : '')\"></span>\r\n <mat-icon p-l-5 *ngIf=\"tooltipData.text\" [matTooltip]=\"tooltipData.text | translate\"\r\n matTooltipPosition=\"{{tooltipData.position}}\" color=\"{{tooltipData.color}}\">\r\n <i class=\"fa-regular fa-circle-info info-icon\"></i>\r\n </mat-icon>\r\n</p>\r\n<div fxLayout=\"row wrap\" fxLayoutAlign=\"{{layoutAlign.toggle}}\">\r\n <mat-button-toggle-group attr.aria-label=\"{{ariaLabel | translate}}\" #group=\"matButtonToggleGroup\" name=\"{{controlName}}\" class=\"sof-toggle-group\"\r\n [value]=\"value\" [disabled]=\"isDisabled\" (click)=\"valueSelected(group.value)\" ngDefaultControl>\r\n <mat-button-toggle id=\"left-toggle-{{controlName}}\" *ngIf=\"buttonData.left\" class=\"toggle-left\"\r\n [value]=\"buttonData.left.value\" [disableRipple]=\"true\">\r\n {{ buttonData.left.text | translate}}\r\n </mat-button-toggle>\r\n <mat-button-toggle id=\"middle-toggle-{{controlName}}\" *ngIf=\"buttonData.middle\" class=\"toggle-middle\"\r\n [value]=\"buttonData.middle.value\" [disableRipple]=\"true\">\r\n {{ buttonData.middle.text| translate}}\r\n </mat-button-toggle>\r\n <mat-button-toggle id=\"right-toggle-{{controlName}}\" *ngIf=\"buttonData.right\" class=\"toggle-right\"\r\n [value]=\"buttonData.right.value\" [disableRipple]=\"true\">\r\n {{ buttonData.right.text | translate}}\r\n </mat-button-toggle>\r\n </mat-button-toggle-group>\r\n</div>\r\n<mat-error *ngIf=\"showErrorMessage\" class=\"error-indicator\">{{ errorMessage | translate }}</mat-error>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #fafafa;--neutral-color-100-parts: #f5f5f5;--neutral-color-200-parts: #eeeeee;--neutral-color-300-parts: #e0e0e0;--neutral-color-400-parts: #bdbdbd;--neutral-color-500-parts: #9e9e9e;--neutral-color-600-parts: #757575;--neutral-color-700-parts: #616161;--neutral-color-800-parts: #424242;--neutral-color-900-parts: #212121;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 250, 250, 250;--neutral-color-100-parts-rgb: 245, 245, 245;--neutral-color-200-parts-rgb: 238, 238, 238;--neutral-color-300-parts-rgb: 224, 224, 224;--neutral-color-400-parts-rgb: 189, 189, 189;--neutral-color-500-parts-rgb: 158, 158, 158;--neutral-color-600-parts-rgb: 117, 117, 117;--neutral-color-700-parts-rgb: 97, 97, 97;--neutral-color-800-parts-rgb: 66, 66, 66;--neutral-color-900-parts-rgb: 33, 33, 33;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.error-indicator{padding-left:14px;font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:12px!important;line-height:18px!important;color:var(--error-color-500-parts)!important;text-align:start}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1$3.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: i5$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i12.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i7$1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i7$1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] });
|
|
4588
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
4586
|
+
SofButtonToggleGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SofButtonToggleGroupComponent, deps: [{ token: i1$3.NgControl, host: true, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
4587
|
+
SofButtonToggleGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", type: SofButtonToggleGroupComponent, selector: "sof-button-toggle-group", inputs: { labelText: "labelText", labelClass: "labelClass", isRequired: "isRequired", buttonData: "buttonData", tooltipData: "tooltipData", layoutAlign: "layoutAlign", isDisabled: ["disabled", "isDisabled"], errorMessage: "errorMessage", ariaLabel: "ariaLabel" }, outputs: { toggleChange: "toggleChange" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, ngImport: i0, template: "<p fxLayoutAlign=\"{{layoutAlign.label}}\">\r\n <span [class]=\"labelClass\" [innerHtml]=\"(labelText | translate) + (isRequired ? ' *' : '')\"></span>\r\n <mat-icon p-l-5 *ngIf=\"tooltipData.text\" [matTooltip]=\"tooltipData.text | translate\"\r\n matTooltipPosition=\"{{tooltipData.position}}\" color=\"{{tooltipData.color}}\">\r\n <i class=\"fa-regular fa-circle-info info-icon\"></i>\r\n </mat-icon>\r\n</p>\r\n<div fxLayout=\"row wrap\" fxLayoutAlign=\"{{layoutAlign.toggle}}\">\r\n <mat-button-toggle-group attr.aria-label=\"{{ariaLabel | translate}}\" #group=\"matButtonToggleGroup\" name=\"{{controlName}}\" class=\"sof-toggle-group\"\r\n [value]=\"value\" [disabled]=\"isDisabled\" (click)=\"valueSelected(group.value)\" ngDefaultControl>\r\n <mat-button-toggle id=\"left-toggle-{{controlName}}\" *ngIf=\"buttonData.left\" class=\"toggle-left\"\r\n [value]=\"buttonData.left.value\" [disableRipple]=\"true\">\r\n {{ buttonData.left.text | translate}}\r\n </mat-button-toggle>\r\n <mat-button-toggle id=\"middle-toggle-{{controlName}}\" *ngIf=\"buttonData.middle\" class=\"toggle-middle\"\r\n [value]=\"buttonData.middle.value\" [disableRipple]=\"true\">\r\n {{ buttonData.middle.text| translate}}\r\n </mat-button-toggle>\r\n <mat-button-toggle id=\"right-toggle-{{controlName}}\" *ngIf=\"buttonData.right\" class=\"toggle-right\"\r\n [value]=\"buttonData.right.value\" [disableRipple]=\"true\">\r\n {{ buttonData.right.text | translate}}\r\n </mat-button-toggle>\r\n </mat-button-toggle-group>\r\n</div>\r\n<mat-error *ngIf=\"showErrorMessage\" class=\"error-indicator\">{{ errorMessage | translate }}</mat-error>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #fafafa;--neutral-color-100-parts: #f5f5f5;--neutral-color-200-parts: #eeeeee;--neutral-color-300-parts: #e0e0e0;--neutral-color-400-parts: #bdbdbd;--neutral-color-500-parts: #9e9e9e;--neutral-color-600-parts: #757575;--neutral-color-700-parts: #616161;--neutral-color-800-parts: #424242;--neutral-color-900-parts: #212121;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 250, 250, 250;--neutral-color-100-parts-rgb: 245, 245, 245;--neutral-color-200-parts-rgb: 238, 238, 238;--neutral-color-300-parts-rgb: 224, 224, 224;--neutral-color-400-parts-rgb: 189, 189, 189;--neutral-color-500-parts-rgb: 158, 158, 158;--neutral-color-600-parts-rgb: 117, 117, 117;--neutral-color-700-parts-rgb: 97, 97, 97;--neutral-color-800-parts-rgb: 66, 66, 66;--neutral-color-900-parts-rgb: 33, 33, 33;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.error-indicator{padding-left:14px;font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:12px!important;line-height:18px!important;color:var(--error-color-500-parts)!important;text-align:start}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1$3.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: i5$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i12.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i7$1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i7$1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] });
|
|
4588
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SofButtonToggleGroupComponent, decorators: [{
|
|
4589
4589
|
type: Component,
|
|
4590
4590
|
args: [{ selector: 'sof-button-toggle-group', template: "<p fxLayoutAlign=\"{{layoutAlign.label}}\">\r\n <span [class]=\"labelClass\" [innerHtml]=\"(labelText | translate) + (isRequired ? ' *' : '')\"></span>\r\n <mat-icon p-l-5 *ngIf=\"tooltipData.text\" [matTooltip]=\"tooltipData.text | translate\"\r\n matTooltipPosition=\"{{tooltipData.position}}\" color=\"{{tooltipData.color}}\">\r\n <i class=\"fa-regular fa-circle-info info-icon\"></i>\r\n </mat-icon>\r\n</p>\r\n<div fxLayout=\"row wrap\" fxLayoutAlign=\"{{layoutAlign.toggle}}\">\r\n <mat-button-toggle-group attr.aria-label=\"{{ariaLabel | translate}}\" #group=\"matButtonToggleGroup\" name=\"{{controlName}}\" class=\"sof-toggle-group\"\r\n [value]=\"value\" [disabled]=\"isDisabled\" (click)=\"valueSelected(group.value)\" ngDefaultControl>\r\n <mat-button-toggle id=\"left-toggle-{{controlName}}\" *ngIf=\"buttonData.left\" class=\"toggle-left\"\r\n [value]=\"buttonData.left.value\" [disableRipple]=\"true\">\r\n {{ buttonData.left.text | translate}}\r\n </mat-button-toggle>\r\n <mat-button-toggle id=\"middle-toggle-{{controlName}}\" *ngIf=\"buttonData.middle\" class=\"toggle-middle\"\r\n [value]=\"buttonData.middle.value\" [disableRipple]=\"true\">\r\n {{ buttonData.middle.text| translate}}\r\n </mat-button-toggle>\r\n <mat-button-toggle id=\"right-toggle-{{controlName}}\" *ngIf=\"buttonData.right\" class=\"toggle-right\"\r\n [value]=\"buttonData.right.value\" [disableRipple]=\"true\">\r\n {{ buttonData.right.text | translate}}\r\n </mat-button-toggle>\r\n </mat-button-toggle-group>\r\n</div>\r\n<mat-error *ngIf=\"showErrorMessage\" class=\"error-indicator\">{{ errorMessage | translate }}</mat-error>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #fafafa;--neutral-color-100-parts: #f5f5f5;--neutral-color-200-parts: #eeeeee;--neutral-color-300-parts: #e0e0e0;--neutral-color-400-parts: #bdbdbd;--neutral-color-500-parts: #9e9e9e;--neutral-color-600-parts: #757575;--neutral-color-700-parts: #616161;--neutral-color-800-parts: #424242;--neutral-color-900-parts: #212121;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 250, 250, 250;--neutral-color-100-parts-rgb: 245, 245, 245;--neutral-color-200-parts-rgb: 238, 238, 238;--neutral-color-300-parts-rgb: 224, 224, 224;--neutral-color-400-parts-rgb: 189, 189, 189;--neutral-color-500-parts-rgb: 158, 158, 158;--neutral-color-600-parts-rgb: 117, 117, 117;--neutral-color-700-parts-rgb: 97, 97, 97;--neutral-color-800-parts-rgb: 66, 66, 66;--neutral-color-900-parts-rgb: 33, 33, 33;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.error-indicator{padding-left:14px;font-family:Poppins!important;font-style:normal!important;font-weight:600!important;font-size:12px!important;line-height:18px!important;color:var(--error-color-500-parts)!important;text-align:start}\n"] }]
|
|
4591
4591
|
}], ctorParameters: function () {
|
|
@@ -4648,8 +4648,8 @@ const materialModules$1 = [
|
|
|
4648
4648
|
/** The BaseComponentModule Module */
|
|
4649
4649
|
class BaseComponentModule {
|
|
4650
4650
|
}
|
|
4651
|
-
BaseComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
4652
|
-
BaseComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.
|
|
4651
|
+
BaseComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: BaseComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4652
|
+
BaseComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: BaseComponentModule, declarations: [SofProgressBarComponent,
|
|
4653
4653
|
SofBannerComponent,
|
|
4654
4654
|
SofAlertComponent,
|
|
4655
4655
|
SofModalComponent,
|
|
@@ -4672,13 +4672,13 @@ BaseComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ver
|
|
|
4672
4672
|
SofAlertComponent,
|
|
4673
4673
|
SofModalComponent,
|
|
4674
4674
|
SofButtonToggleGroupComponent] });
|
|
4675
|
-
BaseComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.
|
|
4675
|
+
BaseComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: BaseComponentModule, imports: [RouterModule,
|
|
4676
4676
|
CommonModule,
|
|
4677
4677
|
FlexLayoutModule,
|
|
4678
4678
|
FormsModule$1,
|
|
4679
4679
|
ReactiveFormsModule,
|
|
4680
4680
|
TranslateModule, materialModules$1] });
|
|
4681
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
4681
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: BaseComponentModule, decorators: [{
|
|
4682
4682
|
type: NgModule,
|
|
4683
4683
|
args: [{
|
|
4684
4684
|
declarations: [...components$1],
|
|
@@ -4778,8 +4778,8 @@ class ArmatureModule {
|
|
|
4778
4778
|
};
|
|
4779
4779
|
}
|
|
4780
4780
|
}
|
|
4781
|
-
ArmatureModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
4782
|
-
ArmatureModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.
|
|
4781
|
+
ArmatureModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ArmatureModule, deps: [{ token: UserEntityService }], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4782
|
+
ArmatureModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: ArmatureModule, declarations: [AppTemplateComponent], imports: [FormsModule,
|
|
4783
4783
|
NavigationModule,
|
|
4784
4784
|
ArmatureHeaderModule,
|
|
4785
4785
|
ArmatureFooterModule,
|
|
@@ -4794,7 +4794,7 @@ ArmatureModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
|
|
|
4794
4794
|
ThemeModule,
|
|
4795
4795
|
AlertBannerModule,
|
|
4796
4796
|
BaseComponentModule, AppTemplateComponent] });
|
|
4797
|
-
ArmatureModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.
|
|
4797
|
+
ArmatureModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ArmatureModule, providers: [
|
|
4798
4798
|
Initializer,
|
|
4799
4799
|
SessionService$1,
|
|
4800
4800
|
SessionService,
|
|
@@ -4815,7 +4815,7 @@ ArmatureModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
|
|
|
4815
4815
|
ThemeModule,
|
|
4816
4816
|
AlertBannerModule,
|
|
4817
4817
|
BaseComponentModule] });
|
|
4818
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
4818
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ArmatureModule, decorators: [{
|
|
4819
4819
|
type: NgModule,
|
|
4820
4820
|
args: [{
|
|
4821
4821
|
declarations: [
|
|
@@ -5142,9 +5142,9 @@ class CacheService {
|
|
|
5142
5142
|
});
|
|
5143
5143
|
}
|
|
5144
5144
|
}
|
|
5145
|
-
CacheService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
5146
|
-
CacheService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.
|
|
5147
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
5145
|
+
CacheService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: CacheService, deps: [{ token: i2$2.HttpClient }, { token: BASE_PATH, optional: true }, { token: Configuration, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
5146
|
+
CacheService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: CacheService });
|
|
5147
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: CacheService, decorators: [{
|
|
5148
5148
|
type: Injectable
|
|
5149
5149
|
}], ctorParameters: function () {
|
|
5150
5150
|
return [{ type: i2$2.HttpClient }, { type: undefined, decorators: [{
|
|
@@ -5194,9 +5194,9 @@ class ServerCacheService {
|
|
|
5194
5194
|
return `${this.sessionService.sessionId}-${key}`;
|
|
5195
5195
|
}
|
|
5196
5196
|
}
|
|
5197
|
-
ServerCacheService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
5198
|
-
ServerCacheService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.
|
|
5199
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
5197
|
+
ServerCacheService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ServerCacheService, deps: [{ token: SessionService }, { token: CacheService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
5198
|
+
ServerCacheService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ServerCacheService, providedIn: 'root' });
|
|
5199
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ServerCacheService, decorators: [{
|
|
5200
5200
|
type: Injectable,
|
|
5201
5201
|
args: [{
|
|
5202
5202
|
providedIn: 'root'
|
|
@@ -5208,9 +5208,9 @@ const DISTRIBUTED_CACHE_BASE_PATH = new InjectionToken('DistributedCacheBasePath
|
|
|
5208
5208
|
/** The distributed cache module */
|
|
5209
5209
|
class DistributedCacheModule {
|
|
5210
5210
|
}
|
|
5211
|
-
DistributedCacheModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
5212
|
-
DistributedCacheModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.
|
|
5213
|
-
DistributedCacheModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.
|
|
5211
|
+
DistributedCacheModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: DistributedCacheModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5212
|
+
DistributedCacheModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: DistributedCacheModule, imports: [CommonModule] });
|
|
5213
|
+
DistributedCacheModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: DistributedCacheModule, providers: [
|
|
5214
5214
|
{
|
|
5215
5215
|
provide: BASE_PATH,
|
|
5216
5216
|
useExisting: DISTRIBUTED_CACHE_BASE_PATH
|
|
@@ -5218,7 +5218,7 @@ DistributedCacheModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
|
|
|
5218
5218
|
CacheService,
|
|
5219
5219
|
ServerCacheService
|
|
5220
5220
|
], imports: [CommonModule] });
|
|
5221
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
5221
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: DistributedCacheModule, decorators: [{
|
|
5222
5222
|
type: NgModule,
|
|
5223
5223
|
args: [{
|
|
5224
5224
|
declarations: [],
|
|
@@ -5274,9 +5274,9 @@ class ErrorCommonComponent {
|
|
|
5274
5274
|
}
|
|
5275
5275
|
}
|
|
5276
5276
|
}
|
|
5277
|
-
ErrorCommonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
5278
|
-
ErrorCommonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
|
|
5279
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
5277
|
+
ErrorCommonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ErrorCommonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5278
|
+
ErrorCommonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", type: ErrorCommonComponent, selector: "sof-ar-error-common", inputs: { config: "config" }, ngImport: i0, template: "<div *ngIf=\"config\" class=\"error-container\">\r\n <div fxLayout=\"row wrap\" fxLayoutAlign=\"center center\">\r\n <div fxFlex=\"100%\" fxLayout=\"column\" fxLayoutAlign=\"start start\">\r\n <div *ngIf=\"config.showErrorImage\" fxFlex=\"100%\" fxLayout=\"row wrap\" fxLayoutAlign=\"center center\" class=\"error-image-container\">\r\n <img src=\"{{config.errorImageUrl}}\">\r\n </div>\r\n <div fxFlex=\"auto\" fxLayout=\"row\" fxLayoutAlign=\"start start\">\r\n <h1 class=\"{{config.headerOneClass}}\" fxFlex=\"auto\">{{config.headerOneText | translate}}</h1>\r\n </div>\r\n <div fxFlex=\"auto\" fxLayout=\"row\" fxLayoutAlign=\"start start\">\r\n <h2 class=\"{{config.headerTwoClass}}\" fxFlex=\"auto\">{{config.headerTwoText | translate}}</h2>\r\n </div>\r\n <div fxFlex=\"auto\" fxLayout=\"row\" fxLayoutAlign=\"start start\">\r\n <h3 h5 class=\"{{config.infoTextClass}}\" fxFlex=\"auto\">{{config.infoText | translate}}</h3>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".error-container{height:100%;margin-top:30px;width:700px}.error-image-container{padding-bottom:24px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] });
|
|
5279
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ErrorCommonComponent, decorators: [{
|
|
5280
5280
|
type: Component,
|
|
5281
5281
|
args: [{ selector: 'sof-ar-error-common', template: "<div *ngIf=\"config\" class=\"error-container\">\r\n <div fxLayout=\"row wrap\" fxLayoutAlign=\"center center\">\r\n <div fxFlex=\"100%\" fxLayout=\"column\" fxLayoutAlign=\"start start\">\r\n <div *ngIf=\"config.showErrorImage\" fxFlex=\"100%\" fxLayout=\"row wrap\" fxLayoutAlign=\"center center\" class=\"error-image-container\">\r\n <img src=\"{{config.errorImageUrl}}\">\r\n </div>\r\n <div fxFlex=\"auto\" fxLayout=\"row\" fxLayoutAlign=\"start start\">\r\n <h1 class=\"{{config.headerOneClass}}\" fxFlex=\"auto\">{{config.headerOneText | translate}}</h1>\r\n </div>\r\n <div fxFlex=\"auto\" fxLayout=\"row\" fxLayoutAlign=\"start start\">\r\n <h2 class=\"{{config.headerTwoClass}}\" fxFlex=\"auto\">{{config.headerTwoText | translate}}</h2>\r\n </div>\r\n <div fxFlex=\"auto\" fxLayout=\"row\" fxLayoutAlign=\"start start\">\r\n <h3 h5 class=\"{{config.infoTextClass}}\" fxFlex=\"auto\">{{config.infoText | translate}}</h3>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".error-container{height:100%;margin-top:30px;width:700px}.error-image-container{padding-bottom:24px}\n"] }]
|
|
5282
5282
|
}], ctorParameters: function () { return []; }, propDecorators: { config: [{
|
|
@@ -5286,14 +5286,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
5286
5286
|
/** The error module */
|
|
5287
5287
|
class ErrorModule {
|
|
5288
5288
|
}
|
|
5289
|
-
ErrorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
5290
|
-
ErrorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.
|
|
5289
|
+
ErrorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5290
|
+
ErrorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: ErrorModule, declarations: [ErrorCommonComponent], imports: [CommonModule,
|
|
5291
5291
|
FlexLayoutModule,
|
|
5292
5292
|
TranslateModule], exports: [ErrorCommonComponent] });
|
|
5293
|
-
ErrorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.
|
|
5293
|
+
ErrorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ErrorModule, imports: [CommonModule,
|
|
5294
5294
|
FlexLayoutModule,
|
|
5295
5295
|
TranslateModule] });
|
|
5296
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
5296
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ErrorModule, decorators: [{
|
|
5297
5297
|
type: NgModule,
|
|
5298
5298
|
args: [{
|
|
5299
5299
|
declarations: [ErrorCommonComponent],
|
|
@@ -5339,9 +5339,9 @@ class FaqComponent {
|
|
|
5339
5339
|
}
|
|
5340
5340
|
}
|
|
5341
5341
|
}
|
|
5342
|
-
FaqComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
5343
|
-
FaqComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
|
|
5344
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
5342
|
+
FaqComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: FaqComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5343
|
+
FaqComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", type: FaqComponent, selector: "sof-ar-faq", inputs: { faqConfig: "faqConfig", allFaqs: "allFaqs" }, ngImport: i0, template: "<div class=\"sof-ar-faq-container\">\r\n<div fxLayout=\"column\" class=\"all-faqs\" full-width>\r\n <div fxLayout=\"row\" fxLayoutAlign=\"left\" class=\"faq-container\">\r\n <mat-accordion fxFlex=\"60%\" fxFlex.lt-md=\"100%\">\r\n <div *ngFor=\"let faq of allFaqs; let i = index\">\r\n <mat-expansion-panel hideToggle=\"true\" [id]=\"'exp'+i\" (click)=\"faq.expanded = !faq.expanded\" full-width>\r\n <mat-expansion-panel-header class=\"panel-header\" ngClass.lt-md=\"faq-header-small\">\r\n <mat-panel-title>\r\n <mat-icon>\r\n <i *ngIf=\"!faq.expanded; else remove\" class=\"{{faqConfig.expandIconClass}}\" [ngStyle]=\"{'color': iconColor}\">{{faqConfig.expandIconText}}</i>\r\n <ng-template #remove>\r\n <i class=\"{{faqConfig.minimizeIconClass}}\" [ngStyle]=\"{'color': iconColor}\">{{faqConfig.minimizeIconText}}</i>\r\n </ng-template>\r\n </mat-icon>\r\n <div class=\"question\" [innerHTML]=\"faq.title | translate\"></div>\r\n </mat-panel-title>\r\n </mat-expansion-panel-header>\r\n <ng-template matExpansionPanelContent>\r\n <div [innerHTML]=\"faq.description | translate\"></div>\r\n </ng-template>\r\n </mat-expansion-panel>\r\n </div>\r\n </mat-accordion>\r\n </div>\r\n </div>\r\n</div>", styles: ["@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.faq-header-small{min-height:80px}i.warning{color:#0d47a1}.all-faqs{padding-left:60px;padding-top:40px;margin-top:50px}.question{margin-left:20px;padding-top:10px;padding-bottom:10px}.panel-header{background-color:#f7f3f2}.faq-container{margin-top:25px;margin-bottom:25px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i13.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i13.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i13.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i13.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i13.MatExpansionPanelContent, selector: "ng-template[matExpansionPanelContent]" }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i4.DefaultStyleDirective, selector: " [ngStyle], [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl], [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl], [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] });
|
|
5344
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: FaqComponent, decorators: [{
|
|
5345
5345
|
type: Component,
|
|
5346
5346
|
args: [{ selector: 'sof-ar-faq', template: "<div class=\"sof-ar-faq-container\">\r\n<div fxLayout=\"column\" class=\"all-faqs\" full-width>\r\n <div fxLayout=\"row\" fxLayoutAlign=\"left\" class=\"faq-container\">\r\n <mat-accordion fxFlex=\"60%\" fxFlex.lt-md=\"100%\">\r\n <div *ngFor=\"let faq of allFaqs; let i = index\">\r\n <mat-expansion-panel hideToggle=\"true\" [id]=\"'exp'+i\" (click)=\"faq.expanded = !faq.expanded\" full-width>\r\n <mat-expansion-panel-header class=\"panel-header\" ngClass.lt-md=\"faq-header-small\">\r\n <mat-panel-title>\r\n <mat-icon>\r\n <i *ngIf=\"!faq.expanded; else remove\" class=\"{{faqConfig.expandIconClass}}\" [ngStyle]=\"{'color': iconColor}\">{{faqConfig.expandIconText}}</i>\r\n <ng-template #remove>\r\n <i class=\"{{faqConfig.minimizeIconClass}}\" [ngStyle]=\"{'color': iconColor}\">{{faqConfig.minimizeIconText}}</i>\r\n </ng-template>\r\n </mat-icon>\r\n <div class=\"question\" [innerHTML]=\"faq.title | translate\"></div>\r\n </mat-panel-title>\r\n </mat-expansion-panel-header>\r\n <ng-template matExpansionPanelContent>\r\n <div [innerHTML]=\"faq.description | translate\"></div>\r\n </ng-template>\r\n </mat-expansion-panel>\r\n </div>\r\n </mat-accordion>\r\n </div>\r\n </div>\r\n</div>", styles: ["@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:\"\"}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.faq-header-small{min-height:80px}i.warning{color:#0d47a1}.all-faqs{padding-left:60px;padding-top:40px;margin-top:50px}.question{margin-left:20px;padding-top:10px;padding-bottom:10px}.panel-header{background-color:#f7f3f2}.faq-container{margin-top:25px;margin-bottom:25px}\n"] }]
|
|
5347
5347
|
}], ctorParameters: function () { return []; }, propDecorators: { faqConfig: [{
|
|
@@ -5361,14 +5361,14 @@ const materialModules = [
|
|
|
5361
5361
|
/** The FAQ Module */
|
|
5362
5362
|
class FaqModule {
|
|
5363
5363
|
}
|
|
5364
|
-
FaqModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
5365
|
-
FaqModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.
|
|
5364
|
+
FaqModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: FaqModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5365
|
+
FaqModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: FaqModule, declarations: [FaqComponent], imports: [CommonModule, MatExpansionModule,
|
|
5366
5366
|
MatButtonModule,
|
|
5367
5367
|
MatCardModule,
|
|
5368
5368
|
MatIconModule,
|
|
5369
5369
|
FlexLayoutModule, TranslateModule], exports: [FaqComponent] });
|
|
5370
|
-
FaqModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.
|
|
5371
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
5370
|
+
FaqModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: FaqModule, imports: [CommonModule, materialModules, TranslateModule] });
|
|
5371
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: FaqModule, decorators: [{
|
|
5372
5372
|
type: NgModule,
|
|
5373
5373
|
args: [{
|
|
5374
5374
|
declarations: [FaqComponent],
|
|
@@ -5554,9 +5554,9 @@ class Oauth2RoleService {
|
|
|
5554
5554
|
});
|
|
5555
5555
|
}
|
|
5556
5556
|
}
|
|
5557
|
-
Oauth2RoleService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
5558
|
-
Oauth2RoleService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.
|
|
5559
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
5557
|
+
Oauth2RoleService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: Oauth2RoleService, deps: [{ token: RbacConfig, optional: true }, { token: i2$2.HttpClient }, { token: RoleNavService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
5558
|
+
Oauth2RoleService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: Oauth2RoleService, providedIn: 'root' });
|
|
5559
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: Oauth2RoleService, decorators: [{
|
|
5560
5560
|
type: Injectable,
|
|
5561
5561
|
args: [{
|
|
5562
5562
|
providedIn: 'root'
|
|
@@ -5647,9 +5647,9 @@ class ArRoleNavService {
|
|
|
5647
5647
|
});
|
|
5648
5648
|
}
|
|
5649
5649
|
}
|
|
5650
|
-
ArRoleNavService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
5651
|
-
ArRoleNavService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.
|
|
5652
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
5650
|
+
ArRoleNavService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ArRoleNavService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
5651
|
+
ArRoleNavService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ArRoleNavService, providedIn: 'root' });
|
|
5652
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ArRoleNavService, decorators: [{
|
|
5653
5653
|
type: Injectable,
|
|
5654
5654
|
args: [{
|
|
5655
5655
|
providedIn: 'root'
|
|
@@ -5691,9 +5691,9 @@ class RbacActionDirective {
|
|
|
5691
5691
|
this.directiveSub.unsubscribe();
|
|
5692
5692
|
}
|
|
5693
5693
|
}
|
|
5694
|
-
RbacActionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
5695
|
-
RbacActionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.
|
|
5696
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
5694
|
+
RbacActionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: RbacActionDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: Oauth2RoleService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
5695
|
+
RbacActionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.4", type: RbacActionDirective, selector: "[sofArRbacAction]", inputs: { sofArRbacAction: "sofArRbacAction" }, ngImport: i0 });
|
|
5696
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: RbacActionDirective, decorators: [{
|
|
5697
5697
|
type: Directive,
|
|
5698
5698
|
args: [{
|
|
5699
5699
|
selector: '[sofArRbacAction]'
|
|
@@ -5720,13 +5720,13 @@ class RbacModule {
|
|
|
5720
5720
|
};
|
|
5721
5721
|
}
|
|
5722
5722
|
}
|
|
5723
|
-
RbacModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
5724
|
-
RbacModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.
|
|
5725
|
-
RbacModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.
|
|
5723
|
+
RbacModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: RbacModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5724
|
+
RbacModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: RbacModule, declarations: [RbacActionDirective], imports: [CommonModule], exports: [RbacActionDirective] });
|
|
5725
|
+
RbacModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: RbacModule, providers: [
|
|
5726
5726
|
Oauth2RoleService,
|
|
5727
5727
|
{ provide: RoleNavService, useClass: ArRoleNavService }
|
|
5728
5728
|
], imports: [CommonModule] });
|
|
5729
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
5729
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: RbacModule, decorators: [{
|
|
5730
5730
|
type: NgModule,
|
|
5731
5731
|
args: [{
|
|
5732
5732
|
declarations: [
|
|
@@ -5860,9 +5860,9 @@ class RumService {
|
|
|
5860
5860
|
event.transaction.end();
|
|
5861
5861
|
}
|
|
5862
5862
|
}
|
|
5863
|
-
RumService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
5864
|
-
RumService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.
|
|
5865
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
5863
|
+
RumService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: RumService, deps: [{ token: i1$2.Router }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
5864
|
+
RumService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: RumService, providedIn: 'root' });
|
|
5865
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: RumService, decorators: [{
|
|
5866
5866
|
type: Injectable,
|
|
5867
5867
|
args: [{
|
|
5868
5868
|
providedIn: 'root'
|
|
@@ -5930,9 +5930,9 @@ class SharedErrorService {
|
|
|
5930
5930
|
return new ArmError(error, window.location.pathname, this.sessionService.sessionId, populateOriginalError);
|
|
5931
5931
|
}
|
|
5932
5932
|
}
|
|
5933
|
-
SharedErrorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
5934
|
-
SharedErrorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.
|
|
5935
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
5933
|
+
SharedErrorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SharedErrorService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
5934
|
+
SharedErrorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SharedErrorService, providedIn: 'root' });
|
|
5935
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SharedErrorService, decorators: [{
|
|
5936
5936
|
type: Injectable,
|
|
5937
5937
|
args: [{
|
|
5938
5938
|
providedIn: 'root'
|
|
@@ -5959,13 +5959,13 @@ class RumModule {
|
|
|
5959
5959
|
};
|
|
5960
5960
|
}
|
|
5961
5961
|
}
|
|
5962
|
-
RumModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
5963
|
-
RumModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.
|
|
5964
|
-
RumModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.
|
|
5962
|
+
RumModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: RumModule, deps: [{ token: Injector }], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5963
|
+
RumModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: RumModule, imports: [RouterModule] });
|
|
5964
|
+
RumModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: RumModule, providers: [
|
|
5965
5965
|
RumService,
|
|
5966
5966
|
SharedErrorService
|
|
5967
5967
|
], imports: [RouterModule] });
|
|
5968
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
5968
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: RumModule, decorators: [{
|
|
5969
5969
|
type: NgModule,
|
|
5970
5970
|
args: [{
|
|
5971
5971
|
declarations: [],
|
|
@@ -6047,9 +6047,9 @@ class SoftheonErrorHandlerService {
|
|
|
6047
6047
|
}
|
|
6048
6048
|
}
|
|
6049
6049
|
}
|
|
6050
|
-
SoftheonErrorHandlerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
6051
|
-
SoftheonErrorHandlerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.
|
|
6052
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
6050
|
+
SoftheonErrorHandlerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SoftheonErrorHandlerService, deps: [{ token: RumConfig }, { token: i2$2.HttpClient }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
6051
|
+
SoftheonErrorHandlerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SoftheonErrorHandlerService, providedIn: 'root' });
|
|
6052
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SoftheonErrorHandlerService, decorators: [{
|
|
6053
6053
|
type: Injectable,
|
|
6054
6054
|
args: [{
|
|
6055
6055
|
providedIn: 'root'
|
|
@@ -6117,9 +6117,9 @@ class RedirectSamlComponent {
|
|
|
6117
6117
|
return errorCount === 0;
|
|
6118
6118
|
}
|
|
6119
6119
|
}
|
|
6120
|
-
RedirectSamlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
6121
|
-
RedirectSamlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
|
|
6122
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
6120
|
+
RedirectSamlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: RedirectSamlComponent, deps: [{ token: AbstractSamlService }], target: i0.ɵɵFactoryTarget.Component });
|
|
6121
|
+
RedirectSamlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", type: RedirectSamlComponent, selector: "saml-redirect-saml", inputs: { request: "request", samlGetEndpointUri: "samlGetEndpointUri", samlPostUrl: "samlPostUrl" }, outputs: { samlPostEvent: "samlPostEvent" }, viewQueries: [{ propertyName: "samlSubmitBtn", first: true, predicate: ["samlSubmit"], descendants: true }, { propertyName: "samlInput", first: true, predicate: ["samlInput"], descendants: true }], ngImport: i0, template: "<form hidden ngNoForm action=\"{{samlPostUrl}}\" method=\"POST\">\r\n <button #samlSubmit id=\"samlSubmit\" type=\"submit\" color=\"primary\"></button>\r\n <input #samlInput hidden id=\"SAMLResponse\" name=\"SAMLResponse\" value={{saml}}>\r\n</form>\r\n", styles: [""] });
|
|
6122
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: RedirectSamlComponent, decorators: [{
|
|
6123
6123
|
type: Component,
|
|
6124
6124
|
args: [{ selector: 'saml-redirect-saml', template: "<form hidden ngNoForm action=\"{{samlPostUrl}}\" method=\"POST\">\r\n <button #samlSubmit id=\"samlSubmit\" type=\"submit\" color=\"primary\"></button>\r\n <input #samlInput hidden id=\"SAMLResponse\" name=\"SAMLResponse\" value={{saml}}>\r\n</form>\r\n" }]
|
|
6125
6125
|
}], ctorParameters: function () { return [{ type: AbstractSamlService }]; }, propDecorators: { request: [{
|
|
@@ -6166,9 +6166,9 @@ class SsoGatewayEntryService extends AbstractSamlEntryService {
|
|
|
6166
6166
|
window.localStorage.removeItem(`${this.keyPathPrefix}${keyPath}`);
|
|
6167
6167
|
}
|
|
6168
6168
|
}
|
|
6169
|
-
SsoGatewayEntryService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
6170
|
-
SsoGatewayEntryService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.
|
|
6171
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
6169
|
+
SsoGatewayEntryService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SsoGatewayEntryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
6170
|
+
SsoGatewayEntryService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SsoGatewayEntryService, providedIn: 'root' });
|
|
6171
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SsoGatewayEntryService, decorators: [{
|
|
6172
6172
|
type: Injectable,
|
|
6173
6173
|
args: [{
|
|
6174
6174
|
providedIn: 'root'
|
|
@@ -6200,9 +6200,9 @@ class SamlService extends AbstractSamlService {
|
|
|
6200
6200
|
return this.http.post(endpointUri, request);
|
|
6201
6201
|
}
|
|
6202
6202
|
}
|
|
6203
|
-
SamlService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
6204
|
-
SamlService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.
|
|
6205
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
6203
|
+
SamlService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SamlService, deps: [{ token: i2$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
6204
|
+
SamlService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SamlService, providedIn: 'root' });
|
|
6205
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SamlService, decorators: [{
|
|
6206
6206
|
type: Injectable,
|
|
6207
6207
|
args: [{
|
|
6208
6208
|
providedIn: 'root'
|
|
@@ -6221,12 +6221,12 @@ const abstractServices = [
|
|
|
6221
6221
|
/** Armature saml module */
|
|
6222
6222
|
class SamlModule {
|
|
6223
6223
|
}
|
|
6224
|
-
SamlModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
6225
|
-
SamlModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.
|
|
6226
|
-
SamlModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.
|
|
6224
|
+
SamlModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SamlModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6225
|
+
SamlModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: SamlModule, declarations: [RedirectSamlComponent], imports: [CommonModule], exports: [RedirectSamlComponent] });
|
|
6226
|
+
SamlModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SamlModule, providers: [
|
|
6227
6227
|
...abstractServices
|
|
6228
6228
|
], imports: [CommonModule] });
|
|
6229
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
6229
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SamlModule, decorators: [{
|
|
6230
6230
|
type: NgModule,
|
|
6231
6231
|
args: [{
|
|
6232
6232
|
declarations: [
|
|
@@ -6286,9 +6286,9 @@ class SofSsnPipe {
|
|
|
6286
6286
|
return `${maskedCharacter}${maskedCharacter}${maskedCharacter}-${maskedCharacter}${maskedCharacter}-${ssn.substring(5)}`;
|
|
6287
6287
|
}
|
|
6288
6288
|
}
|
|
6289
|
-
SofSsnPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
6290
|
-
SofSsnPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.
|
|
6291
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
6289
|
+
SofSsnPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SofSsnPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
6290
|
+
SofSsnPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: SofSsnPipe, name: "sofArSsn" });
|
|
6291
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SofSsnPipe, decorators: [{
|
|
6292
6292
|
type: Pipe,
|
|
6293
6293
|
args: [{
|
|
6294
6294
|
name: 'sofArSsn'
|
|
@@ -6351,9 +6351,9 @@ class SofDatePipe {
|
|
|
6351
6351
|
console.warn(`Unable to parse ${dateStr} to date using sof-date-pipe.`);
|
|
6352
6352
|
}
|
|
6353
6353
|
}
|
|
6354
|
-
SofDatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
6355
|
-
SofDatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.
|
|
6356
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
6354
|
+
SofDatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SofDatePipe, deps: [{ token: i2.DatePipe }, { token: SOF_DATE_PIPE_FORMATS, optional: true }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
6355
|
+
SofDatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: SofDatePipe, name: "sofArDate" });
|
|
6356
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SofDatePipe, decorators: [{
|
|
6357
6357
|
type: Pipe,
|
|
6358
6358
|
args: [{
|
|
6359
6359
|
name: 'sofArDate'
|
|
@@ -6389,9 +6389,9 @@ class SofBlankPipe {
|
|
|
6389
6389
|
return value || this.blankLanguage;
|
|
6390
6390
|
}
|
|
6391
6391
|
}
|
|
6392
|
-
SofBlankPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
6393
|
-
SofBlankPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.
|
|
6394
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
6392
|
+
SofBlankPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SofBlankPipe, deps: [{ token: SOF_BLANK_LANGUAGE_OVERRIDE, optional: true }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
6393
|
+
SofBlankPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: SofBlankPipe, name: "sofArBlank" });
|
|
6394
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SofBlankPipe, decorators: [{
|
|
6395
6395
|
type: Pipe,
|
|
6396
6396
|
args: [{
|
|
6397
6397
|
name: 'sofArBlank'
|
|
@@ -6407,16 +6407,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
6407
6407
|
|
|
6408
6408
|
class SofPipeModule {
|
|
6409
6409
|
}
|
|
6410
|
-
SofPipeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
6411
|
-
SofPipeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.
|
|
6410
|
+
SofPipeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SofPipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6411
|
+
SofPipeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: SofPipeModule, declarations: [SofBlankPipe,
|
|
6412
6412
|
SofDatePipe,
|
|
6413
6413
|
SofSsnPipe], imports: [CommonModule], exports: [SofBlankPipe,
|
|
6414
6414
|
SofDatePipe,
|
|
6415
6415
|
SofSsnPipe] });
|
|
6416
|
-
SofPipeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.
|
|
6416
|
+
SofPipeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SofPipeModule, providers: [
|
|
6417
6417
|
DatePipe
|
|
6418
6418
|
], imports: [CommonModule] });
|
|
6419
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
6419
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SofPipeModule, decorators: [{
|
|
6420
6420
|
type: NgModule,
|
|
6421
6421
|
args: [{
|
|
6422
6422
|
declarations: [
|
|
@@ -6557,9 +6557,9 @@ class ResizePanelsComponent {
|
|
|
6557
6557
|
});
|
|
6558
6558
|
}
|
|
6559
6559
|
}
|
|
6560
|
-
ResizePanelsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
6561
|
-
ResizePanelsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
|
|
6562
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
6560
|
+
ResizePanelsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ResizePanelsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6561
|
+
ResizePanelsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", type: ResizePanelsComponent, selector: "sof-ar-resize-panels", inputs: { direction: "direction", splitPosition: "splitPosition", firstPanelMinSize: "firstPanelMinSize", secondPanelMinSize: "secondPanelMinSize", resizable: "resizable" }, outputs: { onResize: "onResize", onResizeStart: "onResizeStart", onResizeEnd: "onResizeEnd" }, host: { listeners: { "window:mouseup": "stopResize()", "window:mousemove": "onMouseMove($event)" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }, { propertyName: "firstPanel", first: true, predicate: ["firstPanel"], descendants: true }, { propertyName: "secondPanel", first: true, predicate: ["secondPanel"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #container class=\"sof-ar-resize-panels-container\"\r\n [ngClass]=\"{\r\n 'vertical': direction === 'vertical',\r\n 'horizontal': direction === 'horizontal',\r\n 'resizing': isResizing\r\n }\">\r\n\r\n <!-- First Panel -->\r\n <div [ngStyle]=\"getFirstPanelStyle()\" #firstPanel class=\"sof-ar-resize-panels-panel-content\">\r\n <ng-content select=\"[sof-ar-resize-panel-first]\"></ng-content>\r\n </div>\r\n\r\n <!-- Drag Handle / Border -->\r\n <div class=\"sof-ar-resize-panels-border\" [ngClass]=\"direction\" *ngIf=\"resizable\">\r\n <div class=\"sof-ar-resize-panels-drag-handle\" (mousedown)=\"startResize()\" \r\n [ngClass]=\"{ \r\n 'vertical': direction === 'vertical',\r\n 'horizontal': direction === 'horizontal',\r\n 'resizing': isResizing\r\n }\">\r\n </div>\r\n </div>\r\n \r\n <!-- Second Panel -->\r\n <div [ngStyle]=\"getSecondPanelStyle()\" #secondPanel class=\"sof-ar-resize-panels-panel-content\">\r\n <ng-content select=\"[sof-ar-resize-panel-second]\"></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".sof-ar-resize-panels-container{width:100%;height:100%;display:flex}.sof-ar-resize-panels-container.vertical{flex-direction:row}.sof-ar-resize-panels-container.horizontal{flex-direction:column}.sof-ar-resize-panels-container.vertical.resizing{cursor:ew-resize}.sof-ar-resize-panels-container.horizontal.resizing{cursor:ns-resize}.sof-ar-resize-panels-drag-handle{background-color:transparent;position:relative;transition:background-color .1s linear;transition-delay:0s;z-index:1000}.sof-ar-resize-panels-drag-handle:hover,.sof-ar-resize-panels-drag-handle.resizing{background-color:var(--primary-color-500-parts);transition-delay:.25s}.sof-ar-resize-panels-drag-handle.vertical:hover{cursor:ew-resize}.sof-ar-resize-panels-drag-handle.horizontal:hover{cursor:ns-resize}.sof-ar-resize-panels-drag-handle.vertical{width:5px;height:100%;right:2px}.sof-ar-resize-panels-drag-handle.horizontal{width:100%;height:5px;bottom:2px}.sof-ar-resize-panels-border{background-color:#000}.sof-ar-resize-panels-border.vertical{width:1px}.sof-ar-resize-panels-border.horizontal{height:1px}.sof-ar-resize-panels-panel-content{overflow:auto}.sof-ar-resize-panels-panel-content:empty{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
6562
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ResizePanelsComponent, decorators: [{
|
|
6563
6563
|
type: Component,
|
|
6564
6564
|
args: [{ selector: 'sof-ar-resize-panels', template: "<div #container class=\"sof-ar-resize-panels-container\"\r\n [ngClass]=\"{\r\n 'vertical': direction === 'vertical',\r\n 'horizontal': direction === 'horizontal',\r\n 'resizing': isResizing\r\n }\">\r\n\r\n <!-- First Panel -->\r\n <div [ngStyle]=\"getFirstPanelStyle()\" #firstPanel class=\"sof-ar-resize-panels-panel-content\">\r\n <ng-content select=\"[sof-ar-resize-panel-first]\"></ng-content>\r\n </div>\r\n\r\n <!-- Drag Handle / Border -->\r\n <div class=\"sof-ar-resize-panels-border\" [ngClass]=\"direction\" *ngIf=\"resizable\">\r\n <div class=\"sof-ar-resize-panels-drag-handle\" (mousedown)=\"startResize()\" \r\n [ngClass]=\"{ \r\n 'vertical': direction === 'vertical',\r\n 'horizontal': direction === 'horizontal',\r\n 'resizing': isResizing\r\n }\">\r\n </div>\r\n </div>\r\n \r\n <!-- Second Panel -->\r\n <div [ngStyle]=\"getSecondPanelStyle()\" #secondPanel class=\"sof-ar-resize-panels-panel-content\">\r\n <ng-content select=\"[sof-ar-resize-panel-second]\"></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".sof-ar-resize-panels-container{width:100%;height:100%;display:flex}.sof-ar-resize-panels-container.vertical{flex-direction:row}.sof-ar-resize-panels-container.horizontal{flex-direction:column}.sof-ar-resize-panels-container.vertical.resizing{cursor:ew-resize}.sof-ar-resize-panels-container.horizontal.resizing{cursor:ns-resize}.sof-ar-resize-panels-drag-handle{background-color:transparent;position:relative;transition:background-color .1s linear;transition-delay:0s;z-index:1000}.sof-ar-resize-panels-drag-handle:hover,.sof-ar-resize-panels-drag-handle.resizing{background-color:var(--primary-color-500-parts);transition-delay:.25s}.sof-ar-resize-panels-drag-handle.vertical:hover{cursor:ew-resize}.sof-ar-resize-panels-drag-handle.horizontal:hover{cursor:ns-resize}.sof-ar-resize-panels-drag-handle.vertical{width:5px;height:100%;right:2px}.sof-ar-resize-panels-drag-handle.horizontal{width:100%;height:5px;bottom:2px}.sof-ar-resize-panels-border{background-color:#000}.sof-ar-resize-panels-border.vertical{width:1px}.sof-ar-resize-panels-border.horizontal{height:1px}.sof-ar-resize-panels-panel-content{overflow:auto}.sof-ar-resize-panels-panel-content:empty{display:none}\n"] }]
|
|
6565
6565
|
}], ctorParameters: function () { return []; }, propDecorators: { direction: [{
|
|
@@ -6598,10 +6598,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
6598
6598
|
/** The Resize Panels Module */
|
|
6599
6599
|
class ArmatureResizePanelsModule {
|
|
6600
6600
|
}
|
|
6601
|
-
ArmatureResizePanelsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
6602
|
-
ArmatureResizePanelsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.
|
|
6603
|
-
ArmatureResizePanelsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.
|
|
6604
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
6601
|
+
ArmatureResizePanelsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ArmatureResizePanelsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6602
|
+
ArmatureResizePanelsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: ArmatureResizePanelsModule, declarations: [ResizePanelsComponent], imports: [CommonModule], exports: [ResizePanelsComponent] });
|
|
6603
|
+
ArmatureResizePanelsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ArmatureResizePanelsModule, imports: [CommonModule] });
|
|
6604
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ArmatureResizePanelsModule, decorators: [{
|
|
6605
6605
|
type: NgModule,
|
|
6606
6606
|
args: [{
|
|
6607
6607
|
declarations: [ResizePanelsComponent],
|
|
@@ -6633,9 +6633,9 @@ class ComponentSavePrintService {
|
|
|
6633
6633
|
this.componentSavePrintBs.next(component);
|
|
6634
6634
|
}
|
|
6635
6635
|
}
|
|
6636
|
-
ComponentSavePrintService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
6637
|
-
ComponentSavePrintService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.
|
|
6638
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
6636
|
+
ComponentSavePrintService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ComponentSavePrintService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
6637
|
+
ComponentSavePrintService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ComponentSavePrintService, providedIn: 'root' });
|
|
6638
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ComponentSavePrintService, decorators: [{
|
|
6639
6639
|
type: Injectable,
|
|
6640
6640
|
args: [{
|
|
6641
6641
|
providedIn: 'root'
|
|
@@ -6720,9 +6720,9 @@ class ComponentSavePrintComponent {
|
|
|
6720
6720
|
});
|
|
6721
6721
|
}
|
|
6722
6722
|
}
|
|
6723
|
-
ComponentSavePrintComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
6724
|
-
ComponentSavePrintComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
|
|
6725
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
6723
|
+
ComponentSavePrintComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ComponentSavePrintComponent, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ViewContainerRef }, { token: ComponentSavePrintService }], target: i0.ɵɵFactoryTarget.Component });
|
|
6724
|
+
ComponentSavePrintComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", type: ComponentSavePrintComponent, selector: "sof-ar-component-save-print", viewQueries: [{ propertyName: "iframeRef", first: true, predicate: ["iframe"], descendants: true }], ngImport: i0, template: "<div class=\"save-print-container\">\r\n <iframe #iframe class=\"save-print\">\r\n </iframe>\r\n</div>\r\n", styles: ["iframe.save-print{height:1px;width:1000px;opacity:0}.save-print-container{width:100%;overflow-x:hidden;overflow-y:hidden;height:1px}\n"] });
|
|
6725
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: ComponentSavePrintComponent, decorators: [{
|
|
6726
6726
|
type: Component,
|
|
6727
6727
|
args: [{ selector: 'sof-ar-component-save-print', template: "<div class=\"save-print-container\">\r\n <iframe #iframe class=\"save-print\">\r\n </iframe>\r\n</div>\r\n", styles: ["iframe.save-print{height:1px;width:1000px;opacity:0}.save-print-container{width:100%;overflow-x:hidden;overflow-y:hidden;height:1px}\n"] }]
|
|
6728
6728
|
}], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.ViewContainerRef }, { type: ComponentSavePrintService }]; }, propDecorators: { iframeRef: [{
|
|
@@ -6733,12 +6733,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
6733
6733
|
/** The component save print module */
|
|
6734
6734
|
class SofArComponentSavePrintModule {
|
|
6735
6735
|
}
|
|
6736
|
-
SofArComponentSavePrintModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
6737
|
-
SofArComponentSavePrintModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.
|
|
6738
|
-
SofArComponentSavePrintModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.
|
|
6736
|
+
SofArComponentSavePrintModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SofArComponentSavePrintModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6737
|
+
SofArComponentSavePrintModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: SofArComponentSavePrintModule, declarations: [ComponentSavePrintComponent], imports: [CommonModule], exports: [ComponentSavePrintComponent] });
|
|
6738
|
+
SofArComponentSavePrintModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SofArComponentSavePrintModule, providers: [
|
|
6739
6739
|
ComponentSavePrintService
|
|
6740
6740
|
], imports: [CommonModule] });
|
|
6741
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
6741
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SofArComponentSavePrintModule, decorators: [{
|
|
6742
6742
|
type: NgModule,
|
|
6743
6743
|
args: [{
|
|
6744
6744
|
declarations: [ComponentSavePrintComponent],
|