@softheon/armature 19.17.0 → 19.17.1

package/fesm2022/softheon-armature.mjs

@@ -2431,11 +2431,11 @@ class AppTemplateComponent {
         Object.assign(this.navigationTheme, defaultNavTheme);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AppTemplateComponent, deps: [{ token: BaseConfigService }, { token: i2$1.TranslateService }, { token: FederatedModuleService }, { token: i1$4.Router }, { token: i1$2.OAuthService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: AppTemplateComponent, isStandalone: false, selector: "sof-ar-app-template", ngImport: i0, template: "<header *ngIf=\"!isFederatedModule\">\r\n  <sof-ar-header [settings]=\"headerSettings\" [themeSettings]=\"headerThemeSettings\" [authSettings]=\"headerAuthSettings\"\r\n    (setLanguage$)=\"applyLanguage()\" [currentLang]=\"currentLang\">\r\n    <ng-container sof-ar-header-left>\r\n      <ng-content select=\"[sof-ar-header-left]\"></ng-content>\r\n    </ng-container>\r\n    <ng-container sof-ar-header-center>\r\n      <ng-content select=\"[sof-ar-header-center]\"></ng-content>\r\n    </ng-container>\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<ng-container *ngIf=\"isFederatedModule\">\r\n  <router-outlet></router-outlet>\r\n</ng-container>\r\n@if(navigationSettings.version === 'v2'){\r\n<sof-nav-b2b *ngIf=\"!isFederatedModule\" [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-nav-b2b>\r\n}\r\n@else {\r\n<sof-ar-navigation *ngIf=\"!isFederatedModule\" [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$4.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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: i2.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: i2.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: i3.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: B2bNavComponent, selector: "sof-nav-b2b", inputs: ["scrollToTopOnNavigationEndEvent", "navigationData", "settings", "advancedSettings", "themeSettings", "languageSettings", "currentLang", "logOutText"], outputs: ["isNavPanelOpenedEvent", "setLanguage$"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: AppTemplateComponent, isStandalone: false, selector: "sof-ar-app-template", ngImport: i0, template: "\r\n@if (!isFederatedModule) {\r\n  <sof-ar-header \r\n    [settings]=\"headerSettings\" \r\n    [themeSettings]=\"headerThemeSettings\" \r\n    [authSettings]=\"headerAuthSettings\"\r\n    [currentLang]=\"currentLang\"\r\n    (setLanguage$)=\"applyLanguage()\">\r\n    <ng-container sof-ar-header-left>\r\n      <ng-content select=\"[sof-ar-header-left]\"></ng-content>\r\n    </ng-container>\r\n    <ng-container sof-ar-header-center>\r\n      <ng-content select=\"[sof-ar-header-center]\"></ng-content>\r\n    </ng-container>\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  <ng-content select=\"[sof-ar-template-content]\"></ng-content>\r\n  @if (navigationSettings.version === 'v1') {\r\n    <sof-ar-navigation \r\n      [navigationData]=\"navigationNodes\" \r\n      [settings]=\"navigationSettings\"\r\n      [advancedSettings]=\"navigationAdvancedSettings\" \r\n      [themeSettings]=\"navigationTheme\"\r\n      [languageSettings]=\"languageSettings\" \r\n      [currentLang]=\"currentLang\" \r\n      [logOutText]=\"logOutText\"\r\n      (setLanguage$)=\"applyLanguage()\">\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 \r\n              [ngStyle.lt-md]=\"{'max-width': navigationSettings?.maxContentWidthMobile + '%'}\"\r\n              [ngStyle.gt-sm]=\"{'max-width': navigationSettings?.maxContentWidthDesktop + '%'}\" \r\n              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  } @else {\r\n    <sof-nav-b2b \r\n      [navigationData]=\"navigationNodes\" \r\n      [settings]=\"navigationSettings\"\r\n      [advancedSettings]=\"navigationAdvancedSettings\" \r\n      [themeSettings]=\"navigationTheme\"\r\n      [languageSettings]=\"languageSettings\" \r\n      [currentLang]=\"currentLang\" \r\n      [logOutText]=\"logOutText\"\r\n      (setLanguage$)=\"applyLanguage()\">\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 \r\n              [ngStyle.lt-md]=\"{'max-width': navigationSettings?.maxContentWidthMobile + '%'}\"\r\n              [ngStyle.gt-sm]=\"{'max-width': navigationSettings?.maxContentWidthDesktop + '%'}\" \r\n              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-nav-b2b>\r\n  }\r\n} @else {\r\n  <router-outlet></router-outlet>\r\n}\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$4.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i2.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: i2.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: i2.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: i3.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: B2bNavComponent, selector: "sof-nav-b2b", inputs: ["scrollToTopOnNavigationEndEvent", "navigationData", "settings", "advancedSettings", "themeSettings", "languageSettings", "currentLang", "logOutText"], outputs: ["isNavPanelOpenedEvent", "setLanguage$"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AppTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sof-ar-app-template', standalone: false, template: "<header *ngIf=\"!isFederatedModule\">\r\n  <sof-ar-header [settings]=\"headerSettings\" [themeSettings]=\"headerThemeSettings\" [authSettings]=\"headerAuthSettings\"\r\n    (setLanguage$)=\"applyLanguage()\" [currentLang]=\"currentLang\">\r\n    <ng-container sof-ar-header-left>\r\n      <ng-content select=\"[sof-ar-header-left]\"></ng-content>\r\n    </ng-container>\r\n    <ng-container sof-ar-header-center>\r\n      <ng-content select=\"[sof-ar-header-center]\"></ng-content>\r\n    </ng-container>\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<ng-container *ngIf=\"isFederatedModule\">\r\n  <router-outlet></router-outlet>\r\n</ng-container>\r\n@if(navigationSettings.version === 'v2'){\r\n<sof-nav-b2b *ngIf=\"!isFederatedModule\" [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-nav-b2b>\r\n}\r\n@else {\r\n<sof-ar-navigation *ngIf=\"!isFederatedModule\" [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"] }]
+            args: [{ selector: 'sof-ar-app-template', standalone: false, template: "\r\n@if (!isFederatedModule) {\r\n  <sof-ar-header \r\n    [settings]=\"headerSettings\" \r\n    [themeSettings]=\"headerThemeSettings\" \r\n    [authSettings]=\"headerAuthSettings\"\r\n    [currentLang]=\"currentLang\"\r\n    (setLanguage$)=\"applyLanguage()\">\r\n    <ng-container sof-ar-header-left>\r\n      <ng-content select=\"[sof-ar-header-left]\"></ng-content>\r\n    </ng-container>\r\n    <ng-container sof-ar-header-center>\r\n      <ng-content select=\"[sof-ar-header-center]\"></ng-content>\r\n    </ng-container>\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  <ng-content select=\"[sof-ar-template-content]\"></ng-content>\r\n  @if (navigationSettings.version === 'v1') {\r\n    <sof-ar-navigation \r\n      [navigationData]=\"navigationNodes\" \r\n      [settings]=\"navigationSettings\"\r\n      [advancedSettings]=\"navigationAdvancedSettings\" \r\n      [themeSettings]=\"navigationTheme\"\r\n      [languageSettings]=\"languageSettings\" \r\n      [currentLang]=\"currentLang\" \r\n      [logOutText]=\"logOutText\"\r\n      (setLanguage$)=\"applyLanguage()\">\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 \r\n              [ngStyle.lt-md]=\"{'max-width': navigationSettings?.maxContentWidthMobile + '%'}\"\r\n              [ngStyle.gt-sm]=\"{'max-width': navigationSettings?.maxContentWidthDesktop + '%'}\" \r\n              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  } @else {\r\n    <sof-nav-b2b \r\n      [navigationData]=\"navigationNodes\" \r\n      [settings]=\"navigationSettings\"\r\n      [advancedSettings]=\"navigationAdvancedSettings\" \r\n      [themeSettings]=\"navigationTheme\"\r\n      [languageSettings]=\"languageSettings\" \r\n      [currentLang]=\"currentLang\" \r\n      [logOutText]=\"logOutText\"\r\n      (setLanguage$)=\"applyLanguage()\">\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 \r\n              [ngStyle.lt-md]=\"{'max-width': navigationSettings?.maxContentWidthMobile + '%'}\"\r\n              [ngStyle.gt-sm]=\"{'max-width': navigationSettings?.maxContentWidthDesktop + '%'}\" \r\n              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-nav-b2b>\r\n  }\r\n} @else {\r\n  <router-outlet></router-outlet>\r\n}\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"] }]
         }], ctorParameters: () => [{ type: BaseConfigService }, { type: i2$1.TranslateService }, { type: FederatedModuleService }, { type: i1$4.Router }, { type: i1$2.OAuthService }] });
 
 /** The start up abstract class */