@onecx/shell-core 6.0.0-rc.7 → 6.0.0-rc.9

package/assets/styles.scss

@@ -1,11 +0,0 @@
-$mobileBreakpoint: 991px !default;
-$fallbackFontFamily: Ubuntu, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
-$fallbackFontSize: 1rem;
-:root {
-    --mobile-break-point: #{$mobileBreakpoint};
-    font-size: var(--font-size, $fallbackFontSize);
-}
-
-body {
-  font-family: var(--font-family, $fallbackFontFamily);
-}

package/fesm2022/onecx-shell-core.mjs

@@ -6,7 +6,7 @@ import * as i3$1 from '@angular/router';
 import { Router, ActivatedRoute, RouterModule } from '@angular/router';
 import * as i1 from '@onecx/angular-remote-components';
 import { SlotService, AngularRemoteComponentsModule } from '@onecx/angular-remote-components';
-import * as i5 from 'primeng/toast';
+import * as i5$1 from 'primeng/toast';
 import { ToastModule } from 'primeng/toast';
 import { PrimeNG, providePrimeNG } from 'primeng/config';
 import { ConfigurationService, AppStateService, ThemeService, CONFIG_KEY, PortalMessageService, UserService } from '@onecx/angular-integration-interface';
@@ -19,7 +19,7 @@ import * as i3 from 'primeng/skeleton';
 import { SkeletonModule } from 'primeng/skeleton';
 import * as i4 from 'primeng/tooltip';
 import { TooltipModule } from 'primeng/tooltip';
-import * as i6 from '@ngx-translate/core';
+import * as i5 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 import { MessageService } from 'primeng/api';
 
@@ -109,6 +109,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                 type: Input
             }] } });
 
+/**
+ * @deprecated Replaced by Page Footer
+ */
 class PortalFooterComponent {
     constructor() {
         this.configurationService = inject(ConfigurationService);
@@ -144,7 +147,7 @@ class PortalFooterComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: PortalFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: PortalFooterComponent, isStandalone: false, selector: "ocx-shell-footer", ngImport: i0, template: "<div class=\"mx-3 sm:ml-4 py-2 flex flex-wrap align-items-center justify-content-between row-gap-1\">\n  <div class=\"flex flex-wrap align-items-center justify-content-start column-gap-3 row-gap-1\">\n    @if (logoUrl$ | async; as logoUrl) {\n      <img\n        alt=\"logo\"\n        class=\"max-h-1rem\"\n        [ocxShellSrc]=\"logoUrl ?? ''\"\n        (error)=\"onErrorHandleSrc()\"\n        (load)=\"onLoad(logoUrl)\"\n        />\n    }\n    <ocx-slot name=\"onecx-shell-footer\"></ocx-slot>\n  </div>\n  <div class=\"text-xs\">{{versionInfo$ | async}}</div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i1.SlotComponent, selector: "ocx-slot[name]", inputs: ["name", "inputs", "outputs"] }, { kind: "directive", type: ShellSrcDirective, selector: "[ocxShellSrc]", inputs: ["ocxShellSrc"], outputs: ["error"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: PortalFooterComponent, isStandalone: false, selector: "ocx-shell-footer", ngImport: i0, template: "<div class=\"mx-3 sm:ml-4 py-2 flex flex-wrap align-items-center justify-content-between row-gap-1\">\n  <div class=\"flex flex-wrap align-items-center justify-content-start column-gap-3 row-gap-1\">\n    @if (logoUrl$ | async; as logoUrl) {\n      <img\n        alt=\"logo\"\n        class=\"max-h-1rem\"\n        [ocxShellSrc]=\"logoUrl ?? ''\"\n        (error)=\"onErrorHandleSrc()\"\n        (load)=\"onLoad(logoUrl)\"\n        />\n    }\n    <ocx-slot name=\"onecx-shell-footer\"></ocx-slot>\n  </div>\n  <div class=\"text-xs\">{{versionInfo$ | async}}</div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i1.SlotComponent, selector: "ocx-slot[name]", inputs: ["name", "slotStyles", "slotClasses", "inputs", "outputs"] }, { kind: "directive", type: ShellSrcDirective, selector: "[ocxShellSrc]", inputs: ["ocxShellSrc"], outputs: ["error"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: PortalFooterComponent, decorators: [{
             type: Component,
@@ -160,35 +163,23 @@ let HeaderComponent = class HeaderComponent {
         this.isHorizontalMenu = false;
         this.menuButtonClick = new EventEmitter();
         this.themeService = inject(ThemeService);
-        this.appStateService = inject(AppStateService);
-        this.workspaceConfigBffService = inject(WORKSPACE_CONFIG_BFF_SERVICE_PROVIDER, {
-            optional: true,
-        });
         this.slotService = inject(SlotService);
         this.menuExpanded = false;
-        this.fallbackImg = false;
-        this.verticalMenuSlotName = 'onecx-shell-vertical-menu';
-        this.logoUrl$ = combineLatest([
-            this.themeService.currentTheme$.asObservable(),
-            this.appStateService.currentWorkspace$.asObservable(),
-        ]).pipe(mergeMap(([theme, portal]) => {
-            if (!theme.logoUrl && !portal.logoUrl) {
-                return (this.workspaceConfigBffService?.getThemeLogoByName(theme.name ?? '') ?? of()).pipe(filter((blob) => !!blob), map((blob) => URL.createObjectURL(blob)));
-            }
-            return of(theme.logoUrl || portal.logoUrl);
-        }));
-        this.isVerticalMenuComponentDefined$ = this.slotService.isSomeComponentDefinedForSlot(this.verticalMenuSlotName);
+        // slot configuration: get theme logo
+        this.slotName = 'onecx-theme-data';
+        this.logoLoadingEmitter = new EventEmitter();
+        this.themeLogoLoadingFailed = false;
+        this.isComponentDefined$ = this.slotService.isSomeComponentDefinedForSlot(this.slotName);
+        this.currentTheme$ = this.themeService.currentTheme$.asObservable();
+        this.logoLoadingEmitter.subscribe((data) => {
+            this.themeLogoLoadingFailed = data;
+        });
     }
     onMenuButtonClick(e) {
         this.menuButtonClick.emit(e);
     }
-    onLoad(logoUrl) {
-        if (logoUrl.startsWith('blob: ')) {
-            URL.revokeObjectURL(logoUrl);
-        }
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: HeaderComponent, isStandalone: false, selector: "ocx-shell-header", inputs: { menuButtonTitle: "menuButtonTitle", fullPortalLayout: "fullPortalLayout", homeNavUrl: "homeNavUrl", homeNavTitle: "homeNavTitle", isStaticalMenu: "isStaticalMenu", isHorizontalMenu: "isHorizontalMenu" }, outputs: { menuButtonClick: "menuButtonClick" }, ngImport: i0, template: "<div\n  [ngClass]=\"{'layout-menu-button-hidden': isHorizontalMenu || (isVerticalMenuComponentDefined$ | async) === false}\"\n  class=\"layout-topbar\"\n  id=\"ocx_header\"\n  role=\"banner\"\n>\n  <div\n    class=\"layout-topbar-left\"\n    [ngClass]=\"{'vertical-menu': !(isHorizontalMenu || (isVerticalMenuComponentDefined$ | async) === false)}\"\n  >\n    @if (logoUrl$ | async; as logoUrl) {\n    <div class=\"layout-topbar-logo\">\n      @if (logoUrl && !fallbackImg) {\n      <img\n        id=\"app-logo\"\n        [ocxShellSrc]=\"logoUrl\"\n        alt=\"Logo\"\n        style=\"max-height: 100%; max-width: 100%\"\n        (error)=\"fallbackImg=true\"\n        (load)=\"onLoad(logoUrl)\"\n      />\n      }\n    </div>\n    } @if (((logoUrl$ | async) === null) || fallbackImg) {\n    <svg width=\"160\" viewBox=\"0 0 283 72\" class=\"default-logo\">\n      <defs id=\"SvgjsDefs4962\"></defs>\n      <g\n        id=\"SvgjsG4963\"\n        featurekey=\"symbolFeature-0\"\n        transform=\"matrix(0.7555406501686023,0,0,0.7555406501686023,-4.883814572467361,-0.26595028490140254)\"\n      >\n        <path\n          xmlns=\"http://www.w3.org/2000/svg\"\n          d=\"M88.54,46.256L9.464,0.616c-0.616-0.352-1.384-0.352-2,0c-0.62,0.36-1,1.02-1,1.736v91.296c0,0.716,0.38,1.375,1,1.731  c0.308,0.185,0.656,0.269,1,0.269c0.344,0,0.692-0.084,1-0.269L88.54,49.729c0.616-0.36,1-1.021,1-1.736  C89.54,47.276,89.152,46.616,88.54,46.256z M60.08,49.771L21.388,69.805c-0.288,0.147-0.604,0.223-0.92,0.223  c-0.36,0-0.72-0.092-1.04-0.287c-0.596-0.364-0.96-1.008-0.96-1.713v-40.06c0-0.696,0.364-1.344,0.96-1.712  c0.596-0.36,1.336-0.392,1.96-0.068l38.696,20.028c0.664,0.344,1.084,1.032,1.084,1.772C61.164,48.74,60.744,49.428,60.08,49.771z\"\n        ></path>\n        <path xmlns=\"http://www.w3.org/2000/svg\" d=\"M22.464,64.744l32.345-16.748l-32.345-16.74V64.744z\"></path>\n      </g>\n      <g\n        id=\"SvgjsG4964\"\n        featurekey=\"nameFeature-0\"\n        transform=\"matrix(1.0207331753701396,0,0,1.0207331753701396,81.5644404108694,15.72408377414908)\"\n      >\n        <path\n          d=\"M17.344 32.6562 c-0.78125 -0.15625 -1.5105 -0.3907 -2.1876 -0.7032 c-1.4584 -0.67711 -2.7344 -1.6146 -3.8281 -2.8125 c-1.0416 -1.0938 -1.875 -2.4479 -2.5 -4.0625 c-0.57289 -1.6146 -0.85938 -3.2552 -0.85938 -4.9219 l0 -0.15625 l0 -0.23438 c0 -1.7188 0.28648 -3.3854 0.85938 -5 c0.67711 -1.6666 1.5105 -2.9948 2.5001 -3.9844 c1.0416 -1.1979 2.2916 -2.1094 3.75 -2.7344 c0.88539 -0.41664 1.6406 -0.67703 2.2656 -0.78117 l0 -5.8594 c-1.8229 0.26039 -3.4375 0.70313 -4.8438 1.3281 c-2.2916 0.98961 -4.2448 2.3177 -5.8594 3.9844 s-2.8906 3.6458 -3.8281 5.9374 s-1.4063 4.6875 -1.4063 7.1875 l0 0.15625 l0 0.23438 c0 2.5521 0.46875 4.948 1.4063 7.1876 c0.83336 2.2396 2.0834 4.1927 3.75 5.8594 c1.6666 1.7188 3.6198 3.0469 5.8594 3.9844 c1.4063 0.625 3.0469 1.0677 4.9219 1.3281 l0 -5.9375 z M38.594 20 l0.000076294 -0.23438 c0 -2.5521 -0.46875 -4.948 -1.4063 -7.1876 c-0.9375 -2.2916 -2.2135 -4.2708 -3.8281 -5.9374 c-1.5625 -1.6666 -3.4896 -2.9688 -5.7813 -3.9063 c-1.3021 -0.625 -2.8906 -1.0677 -4.7656 -1.3281 l0 5.9375 l0.9375 0.3125 c0.46875 0.15625 0.83336 0.28648 1.0938 0.39063 c1.4584 0.67711 2.7344 1.6146 3.8281 2.8125 c1.0416 1.0938 1.875 2.4479 2.5 4.0625 c0.57289 1.6146 0.85938 3.2552 0.85938 4.9219 l0 0.15625 l0 0.23438 c0 1.7188 -0.28648 3.3854 -0.85938 5 c-0.67711 1.6666 -1.5105 2.9948 -2.5001 3.9844 c-1.0416 1.1979 -2.2916 2.1094 -3.75 2.7344 c-0.67711 0.3125 -1.3802 0.54688 -2.1094 0.70313 l0 5.9375 c1.5625 -0.20836 3.125 -0.65109 4.6875 -1.3282 c2.1354 -0.88539 4.0885 -2.2135 5.8594 -3.9844 c1.7188 -1.8229 2.9948 -3.802 3.8281 -5.9374 c0.9375 -2.2916 1.4063 -4.6875 1.4063 -7.1875 l0 -0.15625 z M43.8281 38.5937 l6.4844 0 l0 -19.922 l-6.4844 -9.1406 l0 29.063 z M69.76599999999999 1.4059999999999988 l0 25.703 l-18.359 -25.703 l-7.0313 0 l26.406 37.188 l5.3906 0 l0 -37.188 l-6.4063 0 z M86.0938 1.4059999999999988 l27.813 0 l0 5.9375 l-27.813 0 l0 -5.9375 z M86.0938 32.6562 l27.734 0 l0 5.9375 l-27.734 0 l0 -5.9375 z M86.0938 16.875 l25.078 0 l0 5.8594 l-25.078 0 l0 -5.8594 z M127.2656 12.5 c0.9375 -2.2916 2.2916 -4.2447 4.0624 -5.8593 c1.6146 -1.6146 3.698 -2.9167 6.2501 -3.9063 s5.2344 -1.4844 8.0469 -1.4844 l8.6719 0 l0 5.9375 l-8.5938 0 c-2.0313 0 -3.8281 0.33852 -5.3906 1.0156 c-1.6666 0.67711 -3.0208 1.5625 -4.0624 2.6563 c-1.0938 1.0416 -1.9791 2.3958 -2.6563 4.0624 c-0.625 1.5104 -0.9375 3.2031 -0.9375 5.0781 s0.3125 3.5677 0.9375 5.0781 c0.625 1.5625 1.5104 2.9166 2.6563 4.0625 c1.0416 1.0416 2.3958 1.901 4.0624 2.5781 c1.6666 0.625 3.4635 0.9375 5.3906 0.9375 l8.5938 0 l0 5.9375 l-8.6719 0 c-2.9166 0 -5.5729 -0.46875 -7.9688 -1.4063 c-2.5 -1.0416 -4.6094 -2.3698 -6.3281 -3.9844 c-1.7709 -1.6666 -3.125 -3.6458 -4.0625 -5.9374 c-0.98961 -2.3959 -1.4844 -4.8438 -1.4844 -7.3438 c0 -2.6563 0.49477 -5.1302 1.4844 -7.4219 z M176.484 29.375 l3.5156 -4.6875 l-0.078125 -0.15625 z M196.875 1.4059999999999988 l-7.5 0 l-9.2969 13.359 l-9.2188 -13.359 l-7.7344 0 l13.047 18.281 l-13.516 18.906 l8.3594 0 z M197.344 38.5937 l-10.313 -14.609 l-3.9063 5.2344 l6.5625 9.375 l7.6563 0 z\"\n        ></path>\n      </g>\n    </svg>\n    }\n    <a\n      id=\"ocx_vertical_menu_action_toggle\"\n      class=\"layout-menu-button\"\n      (click)=\"onMenuButtonClick($event)\"\n      pRipple\n      [pTooltip]=\"'OCX_HEADER.MENU_TOGGLE' | translate\"\n      tooltipPosition=\"top\"\n      tooltipEvent=\"hover\"\n    >\n      <i\n        [ngClass]=\"{'toggle-button-direction': isStaticalMenu && (isVerticalMenuComponentDefined$ | async) === true}\"\n        class=\"pi pi-chevron-right\"\n      ></i>\n    </a>\n  </div>\n\n  <div class=\"layout-topbar-right\">\n    <div class=\"layout-topbar-actions-left\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"layout-topbar-actions-right\">\n      <ocx-slot name=\"onecx-shell-header-right\" class=\"layout-topbar-items\">\n        <ng-template #skeleton>\n          <div class=\"flex align-items-center h-full justify-content-center\" style=\"width: 56px\">\n            <p-skeleton shape=\"circle\" size=\"2.5rem\" class=\"h-full flex align-items-center\"></p-skeleton>\n          </div>\n        </ng-template>\n      </ocx-slot>\n    </div>\n  </div>\n</div>\n", styles: [".layout-topbar-items>*{margin:auto}.http-progress-loader{margin-left:8px;padding-top:5px}@media screen and (max-width: 1024px){.http-progress-loader{margin-left:0;margin-right:8px}}.default-logo{color:var(--p-onecx-logo-color, #12abdb);fill:currentColor}.layout-topbar{position:fixed;top:0;left:0;z-index:998;width:100%;height:4rem;transition:width var(--p-transition-duration);display:flex}.layout-topbar ul{margin:0;padding:0;border:0;outline:0;text-decoration:none;list-style-type:none}.layout-topbar .layout-topbar-left{display:flex;align-items:center;height:100%;position:relative;min-width:10rem}.layout-topbar .layout-topbar-left.vertical-menu{flex:0 0 17rem}.layout-topbar .layout-topbar-left .layout-topbar-logo{width:100%;height:100%;padding:.7rem .9rem}.layout-topbar .layout-topbar-left .layout-topbar-logo>*{object-fit:contain;width:100%;height:100%;max-width:100%;max-height:100%}.layout-topbar .layout-topbar-left .layout-menu-button{position:absolute;top:50%;right:-1.25rem;width:2.5rem;height:2.5rem;margin-top:-1.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%}.layout-topbar .layout-topbar-left .layout-menu-button i{transition:transform var(--p-transition-duration)}.layout-topbar .layout-topbar-left .layout-topbar-mobile-button{display:none;align-items:center;padding:0 .8rem;margin:0 .5rem 0 auto;border-radius:50%;height:3.2rem;cursor:pointer}.layout-topbar .layout-topbar-right{display:flex;flex-grow:1;align-items:center;justify-content:space-between;padding-left:1.25rem;height:100%;min-width:0}.layout-topbar .layout-topbar-right .layout-topbar-actions-left{display:flex;flex-grow:1;align-items:center;height:100%;min-width:0}.layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-menubar .p-menubar-root-list>.p-menuitem .p-menuitem-text{white-space:nowrap}.layout-topbar .layout-topbar-right .layout-topbar-actions-right{height:100%;padding-right:.9rem}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items{display:flex;flex-direction:row;justify-content:center;height:100%}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item{display:flex;align-items:center;position:relative}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action{-webkit-user-select:none;user-select:none;padding:0 .8rem;margin:0 .1rem;border-radius:4px;height:3.2rem;min-width:3.2rem;display:flex;align-items:center;cursor:pointer}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel{position:absolute;top:4rem;right:0;z-index:1000;min-width:25rem;padding:1rem 0;transform-origin:top}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel .layout-topbar-action-item{cursor:pointer;padding:1rem}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel{height:4rem;width:100%;position:fixed;top:0;left:0;z-index:1000;transform-origin:top}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input{border-radius:0;border:0 none}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:focus{outline:0 none;box-shadow:none}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel i{font-weight:700}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon{border:0 none}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child{border-top-right-radius:0;border-bottom-right-radius:0}.layout-menu-button-hidden .layout-topbar-left{padding-right:0}.layout-menu-button-hidden .layout-topbar-left .layout-menu-button{display:none}.layout-menu-button-hidden .layout-topbar-right{padding-left:0}.toggle-button-direction{transform:rotate(180deg)}@media (max-width: var(--mobile-break-point)){.layout-topbar .layout-topbar-left{flex-shrink:1}.layout-topbar .layout-topbar-right{min-width:auto}.layout-topbar .layout-topbar-right .layout-topbar-actions-right{padding-right:.25rem}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel{position:fixed;min-width:100vw;max-width:100vw;width:100vw}}.layout-topbar{color:var(--p-onecx-topbar-item-text-color);background-color:var(--p-onecx-topbar-bg-color)}.layout-topbar a{color:var(--p-onecx-topbar-item-text-color)}.layout-topbar a:hover{background-color:var(--p-onecx-topbar-item-text-hover-bg-color);color:var(--p-onecx-topbar-item-text-color);transition:background-color var(--p-transition-duration)}.layout-topbar .layout-topbar-left{background-color:var(--p-onecx-topbar-left-bg-color)}.layout-topbar .layout-topbar-left .layout-menu-button{background-color:var(--p-onecx-topbar-menu-button-bg-color)}.layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-menubar{background:none;border:none}.layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text,.layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,.layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon{color:var(--p-onecx-topbar-item-text-color)}.layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link:not(.p-disabled):hover{background:var(--p-onecx-topbar-item-text-hover-bg-color);transition:background-color var(--p-transition-duration)}.layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-text,.layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-icon,.layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-submenu-icon{color:var(onecx-topbar-item-text-color)}.layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover{background:var(--p-onecx-topbar-item-text-hover-bg-color);transition:background-color var(--p-transition-duration)}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel{background-color:var(--p-onecx-overlay-content-bg-color);color:var(--p-onecx-text-color)}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a{color:var(--p-onecx-text-color)}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover{background-color:transparent;transition:none}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover{background-color:var(--p-onecx-hover-bg-color);transition:background-color var(--p-transition-duration)}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input,.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover,.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child{background-color:var(--p-onecx-body-bg-color);color:var(--p-onecx-text-color)}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child{background-color:var(--p-onecx-body-bg-color);color:var(--p-onecx-text-color)}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text{color:var(--p-onecx-text-color)}\n"], dependencies: [{ kind: "component", type: i1.SlotComponent, selector: "ocx-slot[name]", inputs: ["name", "inputs", "outputs"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: ShellSrcDirective, selector: "[ocxShellSrc]", inputs: ["ocxShellSrc"], outputs: ["error"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: HeaderComponent, isStandalone: false, selector: "ocx-shell-header", inputs: { menuButtonTitle: "menuButtonTitle", fullPortalLayout: "fullPortalLayout", homeNavUrl: "homeNavUrl", homeNavTitle: "homeNavTitle", isStaticalMenu: "isStaticalMenu", isHorizontalMenu: "isHorizontalMenu" }, outputs: { menuButtonClick: "menuButtonClick" }, ngImport: i0, template: "<div class=\"layout-topbar_flex\" id=\"ocx_header\" role=\"banner\">\n  <div\n    class=\"layout-topbar-left flex relative justify-content-center align-items-center\"\n    [ngClass]=\"{'vertical-menu': !isHorizontalMenu}\"\n  >\n    <!-- LOGO -->\n    @if (currentTheme$ | async; as theme) { @if (isComponentDefined$ | async) {\n    <ocx-slot\n      [name]=\"slotName\"\n      [inputs]=\"{\n            dataType: 'logo',\n            themeName: theme.name,\n            imageUrl: theme.logoUrl,\n            imageStyleClass: 'max-h-3rem max-w-11rem',\n            logEnabled: false,\n            logPrefix: 'header left logo'\n          }\"\n      [outputs]=\"{ imageLoadingFailed: logoLoadingEmitter }\"\n    ></ocx-slot>\n    } @if (themeLogoLoadingFailed) {\n    <div><!-- portal logo --></div>\n    } }\n    <a\n      id=\"ocx_vertical_menu_action_toggle\"\n      class=\"layout-menu-button\"\n      (click)=\"onMenuButtonClick($event)\"\n      pRipple\n      [pTooltip]=\"'OCX_HEADER.MENU_TOGGLE' | translate\"\n      tooltipPosition=\"top\"\n      tooltipEvent=\"hover\"\n    >\n      <i\n        [ngClass]=\"{'toggle-button-direction': isStaticalMenu && (isComponentDefined$ | async) === true}\"\n        class=\"pi pi-chevron-right\"\n      ></i>\n    </a>\n  </div>\n\n  <div class=\"layout-topbar-right\">\n    <div class=\"layout-topbar-actions-left\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"layout-topbar-actions-right_flex\">\n      <ocx-slot name=\"onecx-shell-header-right\" class=\"layout-topbar-items\">\n        <ng-template #skeleton>\n          <div class=\"flex align-items-center h-full justify-content-center\" style=\"width: 56px\">\n            <p-skeleton shape=\"circle\" size=\"2.5rem\" class=\"h-full flex align-items-center\"></p-skeleton>\n          </div>\n        </ng-template>\n      </ocx-slot>\n    </div>\n  </div>\n</div>\n", styles: [".layout-topbar-items>*{margin:auto}.http-progress-loader{margin-left:8px;padding-top:5px}@media screen and (max-width: 1024px){.http-progress-loader{margin-left:0;margin-right:8px}}.default-logo{color:var(--p-onecx-logo-color, #12abdb);fill:currentColor}.layout-topbar_flex{position:fixed;top:0;left:0;z-index:998;width:100%;height:4rem;transition:width var(--p-transition-duration);display:flex;justify-content:space-between;align-items:center;row-gap:1rem}.layout-topbar_flex ul{margin:0;padding:0;border:0;outline:0;text-decoration:none;list-style-type:none}.layout-topbar_flex .layout-topbar-left{min-width:10rem}.layout-topbar_flex .layout-topbar-left.vertical-menu{flex:0 0 17rem}.layout-topbar_flex .layout-topbar-left .layout-menu-button{position:absolute;top:50%;right:-1.25rem;width:2.5rem;height:2.5rem;margin-top:-1.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%}.layout-topbar_flex .layout-topbar-left .layout-menu-button i{transition:transform var(--p-transition-duration)}.layout-topbar_flex .layout-topbar-left .layout-topbar-mobile-button{display:none;align-items:center;padding:0 .8rem;margin:0 .5rem 0 auto;border-radius:50%;height:3.2rem;cursor:pointer}.layout-topbar_flex .layout-topbar-right{display:flex;flex-grow:1;align-items:center;justify-content:space-between;row-gap:0;margin-left:1.5rem;padding-left:1.25rem;height:100%;min-width:0}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-left{display:flex;flex-grow:1;align-items:center;height:100%;min-width:0}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-left .layout-menubar .p-menubar-root-list>.p-menuitem .p-menuitem-text{white-space:nowrap}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex{height:100%;margin-right:.75rem}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;height:100%}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item{display:flex;align-items:center;position:relative}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item .layout-topbar-action{-webkit-user-select:none;user-select:none;justify-content:center;height:3.2rem;width:3.2rem;min-width:3.2rem;border-radius:50%;cursor:pointer;margin:0;padding:.5rem!important;color:var(--p-onecx-topbar-item-text-color);background-color:var(--p-onecx-topbar-bg-color)}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item .layout-topbar-action:hover,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item .layout-topbar-action:focus{color:var(--p-onecx-topbar-item-text-hover-color);background-color:var(--p-onecx-topbar-item-text-hover-bg-color);transition:background-color var(--p-transition-duration)}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel{position:absolute;top:4rem;right:0;z-index:1000;min-width:13rem;padding:.5rem 0;transform-origin:top}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel .layout-topbar-action-item{cursor:pointer}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel{height:4rem;width:100%;position:fixed;top:0;left:0;z-index:1000;transform-origin:top}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input{border-radius:0;border:0 none}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:focus{outline:0 none;box-shadow:none}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel i{font-weight:700}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon{border:0 none}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child{border-top-right-radius:0;border-bottom-right-radius:0}.layout-menu-button-hidden .layout-topbar_flex .layout-topbar-left{padding-right:0}.layout-menu-button-hidden .layout-topbar_flex .layout-topbar-left .layout-menu-button{display:none}.layout-menu-button-hidden .layout-topbar_flex .layout-topbar-right{padding-left:0}.toggle-button-direction{transform:rotate(180deg)}@media (max-width: var(--mobile-break-point)){.layout-topbar_flex .layout-topbar-left{flex-shrink:1}.layout-topbar_flex .layout-topbar-right{min-width:auto}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex{padding-right:.25rem}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel{position:fixed;min-width:100vw;max-width:100vw;width:100vw}}.layout-topbar_flex{color:var(--p-onecx-topbar-item-text-color);background-color:var(--p-onecx-topbar-bg-color)}.layout-topbar_flex .layout-topbar-left{background-color:var(--p-onecx-topbar-left-bg-color)}.layout-topbar_flex .layout-topbar-left .layout-menu-button{background-color:var(--p-onecx-topbar-menu-button-bg-color)}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-left .layout-menubar{background:none;border:none}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon{color:var(--p-onecx-topbar-item-text-color)}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link:not(.p-disabled):hover{background:var(--p-onecx-topbar-item-text-hover-bg-color);transition:background-color var(--p-transition-duration)}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-text,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-icon,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-submenu-icon{color:var(onecx-topbar-item-text-color)}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover{background:var(--p-onecx-topbar-item-text-hover-bg-color);transition:background-color var(--p-transition-duration)}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-action-panel{background-color:var(--p-onecx-overlay-content-bg-color);color:var(--p-onecx-text-color)}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item{color:var(--p-onecx-menu-item-text-color)}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover{background-color:var(--p-onecx-menu-item-hover-bg-color);transition:background-color var(--p-transition-duration)}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child{background-color:var(--p-onecx-body-bg-color);color:var(--p-onecx-text-color)}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child{background-color:var(--p-onecx-body-bg-color);color:var(--p-onecx-text-color)}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text{color:var(--p-onecx-text-color)}\n"], dependencies: [{ kind: "component", type: i1.SlotComponent, selector: "ocx-slot[name]", inputs: ["name", "slotStyles", "slotClasses", "inputs", "outputs"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], animations: [
             trigger('topbarActionPanelAnimation', [
                 transition(':enter', [
                     style({ opacity: 0, transform: 'scaleY(0.8)' }),
@@ -212,7 +203,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                             ]),
                             transition(':leave', [animate('.1s linear', style({ opacity: 0 }))]),
                         ]),
-                    ], template: "<div\n  [ngClass]=\"{'layout-menu-button-hidden': isHorizontalMenu || (isVerticalMenuComponentDefined$ | async) === false}\"\n  class=\"layout-topbar\"\n  id=\"ocx_header\"\n  role=\"banner\"\n>\n  <div\n    class=\"layout-topbar-left\"\n    [ngClass]=\"{'vertical-menu': !(isHorizontalMenu || (isVerticalMenuComponentDefined$ | async) === false)}\"\n  >\n    @if (logoUrl$ | async; as logoUrl) {\n    <div class=\"layout-topbar-logo\">\n      @if (logoUrl && !fallbackImg) {\n      <img\n        id=\"app-logo\"\n        [ocxShellSrc]=\"logoUrl\"\n        alt=\"Logo\"\n        style=\"max-height: 100%; max-width: 100%\"\n        (error)=\"fallbackImg=true\"\n        (load)=\"onLoad(logoUrl)\"\n      />\n      }\n    </div>\n    } @if (((logoUrl$ | async) === null) || fallbackImg) {\n    <svg width=\"160\" viewBox=\"0 0 283 72\" class=\"default-logo\">\n      <defs id=\"SvgjsDefs4962\"></defs>\n      <g\n        id=\"SvgjsG4963\"\n        featurekey=\"symbolFeature-0\"\n        transform=\"matrix(0.7555406501686023,0,0,0.7555406501686023,-4.883814572467361,-0.26595028490140254)\"\n      >\n        <path\n          xmlns=\"http://www.w3.org/2000/svg\"\n          d=\"M88.54,46.256L9.464,0.616c-0.616-0.352-1.384-0.352-2,0c-0.62,0.36-1,1.02-1,1.736v91.296c0,0.716,0.38,1.375,1,1.731  c0.308,0.185,0.656,0.269,1,0.269c0.344,0,0.692-0.084,1-0.269L88.54,49.729c0.616-0.36,1-1.021,1-1.736  C89.54,47.276,89.152,46.616,88.54,46.256z M60.08,49.771L21.388,69.805c-0.288,0.147-0.604,0.223-0.92,0.223  c-0.36,0-0.72-0.092-1.04-0.287c-0.596-0.364-0.96-1.008-0.96-1.713v-40.06c0-0.696,0.364-1.344,0.96-1.712  c0.596-0.36,1.336-0.392,1.96-0.068l38.696,20.028c0.664,0.344,1.084,1.032,1.084,1.772C61.164,48.74,60.744,49.428,60.08,49.771z\"\n        ></path>\n        <path xmlns=\"http://www.w3.org/2000/svg\" d=\"M22.464,64.744l32.345-16.748l-32.345-16.74V64.744z\"></path>\n      </g>\n      <g\n        id=\"SvgjsG4964\"\n        featurekey=\"nameFeature-0\"\n        transform=\"matrix(1.0207331753701396,0,0,1.0207331753701396,81.5644404108694,15.72408377414908)\"\n      >\n        <path\n          d=\"M17.344 32.6562 c-0.78125 -0.15625 -1.5105 -0.3907 -2.1876 -0.7032 c-1.4584 -0.67711 -2.7344 -1.6146 -3.8281 -2.8125 c-1.0416 -1.0938 -1.875 -2.4479 -2.5 -4.0625 c-0.57289 -1.6146 -0.85938 -3.2552 -0.85938 -4.9219 l0 -0.15625 l0 -0.23438 c0 -1.7188 0.28648 -3.3854 0.85938 -5 c0.67711 -1.6666 1.5105 -2.9948 2.5001 -3.9844 c1.0416 -1.1979 2.2916 -2.1094 3.75 -2.7344 c0.88539 -0.41664 1.6406 -0.67703 2.2656 -0.78117 l0 -5.8594 c-1.8229 0.26039 -3.4375 0.70313 -4.8438 1.3281 c-2.2916 0.98961 -4.2448 2.3177 -5.8594 3.9844 s-2.8906 3.6458 -3.8281 5.9374 s-1.4063 4.6875 -1.4063 7.1875 l0 0.15625 l0 0.23438 c0 2.5521 0.46875 4.948 1.4063 7.1876 c0.83336 2.2396 2.0834 4.1927 3.75 5.8594 c1.6666 1.7188 3.6198 3.0469 5.8594 3.9844 c1.4063 0.625 3.0469 1.0677 4.9219 1.3281 l0 -5.9375 z M38.594 20 l0.000076294 -0.23438 c0 -2.5521 -0.46875 -4.948 -1.4063 -7.1876 c-0.9375 -2.2916 -2.2135 -4.2708 -3.8281 -5.9374 c-1.5625 -1.6666 -3.4896 -2.9688 -5.7813 -3.9063 c-1.3021 -0.625 -2.8906 -1.0677 -4.7656 -1.3281 l0 5.9375 l0.9375 0.3125 c0.46875 0.15625 0.83336 0.28648 1.0938 0.39063 c1.4584 0.67711 2.7344 1.6146 3.8281 2.8125 c1.0416 1.0938 1.875 2.4479 2.5 4.0625 c0.57289 1.6146 0.85938 3.2552 0.85938 4.9219 l0 0.15625 l0 0.23438 c0 1.7188 -0.28648 3.3854 -0.85938 5 c-0.67711 1.6666 -1.5105 2.9948 -2.5001 3.9844 c-1.0416 1.1979 -2.2916 2.1094 -3.75 2.7344 c-0.67711 0.3125 -1.3802 0.54688 -2.1094 0.70313 l0 5.9375 c1.5625 -0.20836 3.125 -0.65109 4.6875 -1.3282 c2.1354 -0.88539 4.0885 -2.2135 5.8594 -3.9844 c1.7188 -1.8229 2.9948 -3.802 3.8281 -5.9374 c0.9375 -2.2916 1.4063 -4.6875 1.4063 -7.1875 l0 -0.15625 z M43.8281 38.5937 l6.4844 0 l0 -19.922 l-6.4844 -9.1406 l0 29.063 z M69.76599999999999 1.4059999999999988 l0 25.703 l-18.359 -25.703 l-7.0313 0 l26.406 37.188 l5.3906 0 l0 -37.188 l-6.4063 0 z M86.0938 1.4059999999999988 l27.813 0 l0 5.9375 l-27.813 0 l0 -5.9375 z M86.0938 32.6562 l27.734 0 l0 5.9375 l-27.734 0 l0 -5.9375 z M86.0938 16.875 l25.078 0 l0 5.8594 l-25.078 0 l0 -5.8594 z M127.2656 12.5 c0.9375 -2.2916 2.2916 -4.2447 4.0624 -5.8593 c1.6146 -1.6146 3.698 -2.9167 6.2501 -3.9063 s5.2344 -1.4844 8.0469 -1.4844 l8.6719 0 l0 5.9375 l-8.5938 0 c-2.0313 0 -3.8281 0.33852 -5.3906 1.0156 c-1.6666 0.67711 -3.0208 1.5625 -4.0624 2.6563 c-1.0938 1.0416 -1.9791 2.3958 -2.6563 4.0624 c-0.625 1.5104 -0.9375 3.2031 -0.9375 5.0781 s0.3125 3.5677 0.9375 5.0781 c0.625 1.5625 1.5104 2.9166 2.6563 4.0625 c1.0416 1.0416 2.3958 1.901 4.0624 2.5781 c1.6666 0.625 3.4635 0.9375 5.3906 0.9375 l8.5938 0 l0 5.9375 l-8.6719 0 c-2.9166 0 -5.5729 -0.46875 -7.9688 -1.4063 c-2.5 -1.0416 -4.6094 -2.3698 -6.3281 -3.9844 c-1.7709 -1.6666 -3.125 -3.6458 -4.0625 -5.9374 c-0.98961 -2.3959 -1.4844 -4.8438 -1.4844 -7.3438 c0 -2.6563 0.49477 -5.1302 1.4844 -7.4219 z M176.484 29.375 l3.5156 -4.6875 l-0.078125 -0.15625 z M196.875 1.4059999999999988 l-7.5 0 l-9.2969 13.359 l-9.2188 -13.359 l-7.7344 0 l13.047 18.281 l-13.516 18.906 l8.3594 0 z M197.344 38.5937 l-10.313 -14.609 l-3.9063 5.2344 l6.5625 9.375 l7.6563 0 z\"\n        ></path>\n      </g>\n    </svg>\n    }\n    <a\n      id=\"ocx_vertical_menu_action_toggle\"\n      class=\"layout-menu-button\"\n      (click)=\"onMenuButtonClick($event)\"\n      pRipple\n      [pTooltip]=\"'OCX_HEADER.MENU_TOGGLE' | translate\"\n      tooltipPosition=\"top\"\n      tooltipEvent=\"hover\"\n    >\n      <i\n        [ngClass]=\"{'toggle-button-direction': isStaticalMenu && (isVerticalMenuComponentDefined$ | async) === true}\"\n        class=\"pi pi-chevron-right\"\n      ></i>\n    </a>\n  </div>\n\n  <div class=\"layout-topbar-right\">\n    <div class=\"layout-topbar-actions-left\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"layout-topbar-actions-right\">\n      <ocx-slot name=\"onecx-shell-header-right\" class=\"layout-topbar-items\">\n        <ng-template #skeleton>\n          <div class=\"flex align-items-center h-full justify-content-center\" style=\"width: 56px\">\n            <p-skeleton shape=\"circle\" size=\"2.5rem\" class=\"h-full flex align-items-center\"></p-skeleton>\n          </div>\n        </ng-template>\n      </ocx-slot>\n    </div>\n  </div>\n</div>\n", styles: [".layout-topbar-items>*{margin:auto}.http-progress-loader{margin-left:8px;padding-top:5px}@media screen and (max-width: 1024px){.http-progress-loader{margin-left:0;margin-right:8px}}.default-logo{color:var(--p-onecx-logo-color, #12abdb);fill:currentColor}.layout-topbar{position:fixed;top:0;left:0;z-index:998;width:100%;height:4rem;transition:width var(--p-transition-duration);display:flex}.layout-topbar ul{margin:0;padding:0;border:0;outline:0;text-decoration:none;list-style-type:none}.layout-topbar .layout-topbar-left{display:flex;align-items:center;height:100%;position:relative;min-width:10rem}.layout-topbar .layout-topbar-left.vertical-menu{flex:0 0 17rem}.layout-topbar .layout-topbar-left .layout-topbar-logo{width:100%;height:100%;padding:.7rem .9rem}.layout-topbar .layout-topbar-left .layout-topbar-logo>*{object-fit:contain;width:100%;height:100%;max-width:100%;max-height:100%}.layout-topbar .layout-topbar-left .layout-menu-button{position:absolute;top:50%;right:-1.25rem;width:2.5rem;height:2.5rem;margin-top:-1.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%}.layout-topbar .layout-topbar-left .layout-menu-button i{transition:transform var(--p-transition-duration)}.layout-topbar .layout-topbar-left .layout-topbar-mobile-button{display:none;align-items:center;padding:0 .8rem;margin:0 .5rem 0 auto;border-radius:50%;height:3.2rem;cursor:pointer}.layout-topbar .layout-topbar-right{display:flex;flex-grow:1;align-items:center;justify-content:space-between;padding-left:1.25rem;height:100%;min-width:0}.layout-topbar .layout-topbar-right .layout-topbar-actions-left{display:flex;flex-grow:1;align-items:center;height:100%;min-width:0}.layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-menubar .p-menubar-root-list>.p-menuitem .p-menuitem-text{white-space:nowrap}.layout-topbar .layout-topbar-right .layout-topbar-actions-right{height:100%;padding-right:.9rem}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items{display:flex;flex-direction:row;justify-content:center;height:100%}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item{display:flex;align-items:center;position:relative}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action{-webkit-user-select:none;user-select:none;padding:0 .8rem;margin:0 .1rem;border-radius:4px;height:3.2rem;min-width:3.2rem;display:flex;align-items:center;cursor:pointer}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel{position:absolute;top:4rem;right:0;z-index:1000;min-width:25rem;padding:1rem 0;transform-origin:top}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel .layout-topbar-action-item{cursor:pointer;padding:1rem}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel{height:4rem;width:100%;position:fixed;top:0;left:0;z-index:1000;transform-origin:top}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input{border-radius:0;border:0 none}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:focus{outline:0 none;box-shadow:none}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel i{font-weight:700}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon{border:0 none}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child{border-top-right-radius:0;border-bottom-right-radius:0}.layout-menu-button-hidden .layout-topbar-left{padding-right:0}.layout-menu-button-hidden .layout-topbar-left .layout-menu-button{display:none}.layout-menu-button-hidden .layout-topbar-right{padding-left:0}.toggle-button-direction{transform:rotate(180deg)}@media (max-width: var(--mobile-break-point)){.layout-topbar .layout-topbar-left{flex-shrink:1}.layout-topbar .layout-topbar-right{min-width:auto}.layout-topbar .layout-topbar-right .layout-topbar-actions-right{padding-right:.25rem}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel{position:fixed;min-width:100vw;max-width:100vw;width:100vw}}.layout-topbar{color:var(--p-onecx-topbar-item-text-color);background-color:var(--p-onecx-topbar-bg-color)}.layout-topbar a{color:var(--p-onecx-topbar-item-text-color)}.layout-topbar a:hover{background-color:var(--p-onecx-topbar-item-text-hover-bg-color);color:var(--p-onecx-topbar-item-text-color);transition:background-color var(--p-transition-duration)}.layout-topbar .layout-topbar-left{background-color:var(--p-onecx-topbar-left-bg-color)}.layout-topbar .layout-topbar-left .layout-menu-button{background-color:var(--p-onecx-topbar-menu-button-bg-color)}.layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-menubar{background:none;border:none}.layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text,.layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,.layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon{color:var(--p-onecx-topbar-item-text-color)}.layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link:not(.p-disabled):hover{background:var(--p-onecx-topbar-item-text-hover-bg-color);transition:background-color var(--p-transition-duration)}.layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-text,.layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-icon,.layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-submenu-icon{color:var(onecx-topbar-item-text-color)}.layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover{background:var(--p-onecx-topbar-item-text-hover-bg-color);transition:background-color var(--p-transition-duration)}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel{background-color:var(--p-onecx-overlay-content-bg-color);color:var(--p-onecx-text-color)}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a{color:var(--p-onecx-text-color)}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover{background-color:transparent;transition:none}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover{background-color:var(--p-onecx-hover-bg-color);transition:background-color var(--p-transition-duration)}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input,.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover,.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child{background-color:var(--p-onecx-body-bg-color);color:var(--p-onecx-text-color)}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child{background-color:var(--p-onecx-body-bg-color);color:var(--p-onecx-text-color)}.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text{color:var(--p-onecx-text-color)}\n"] }]
+                    ], template: "<div class=\"layout-topbar_flex\" id=\"ocx_header\" role=\"banner\">\n  <div\n    class=\"layout-topbar-left flex relative justify-content-center align-items-center\"\n    [ngClass]=\"{'vertical-menu': !isHorizontalMenu}\"\n  >\n    <!-- LOGO -->\n    @if (currentTheme$ | async; as theme) { @if (isComponentDefined$ | async) {\n    <ocx-slot\n      [name]=\"slotName\"\n      [inputs]=\"{\n            dataType: 'logo',\n            themeName: theme.name,\n            imageUrl: theme.logoUrl,\n            imageStyleClass: 'max-h-3rem max-w-11rem',\n            logEnabled: false,\n            logPrefix: 'header left logo'\n          }\"\n      [outputs]=\"{ imageLoadingFailed: logoLoadingEmitter }\"\n    ></ocx-slot>\n    } @if (themeLogoLoadingFailed) {\n    <div><!-- portal logo --></div>\n    } }\n    <a\n      id=\"ocx_vertical_menu_action_toggle\"\n      class=\"layout-menu-button\"\n      (click)=\"onMenuButtonClick($event)\"\n      pRipple\n      [pTooltip]=\"'OCX_HEADER.MENU_TOGGLE' | translate\"\n      tooltipPosition=\"top\"\n      tooltipEvent=\"hover\"\n    >\n      <i\n        [ngClass]=\"{'toggle-button-direction': isStaticalMenu && (isComponentDefined$ | async) === true}\"\n        class=\"pi pi-chevron-right\"\n      ></i>\n    </a>\n  </div>\n\n  <div class=\"layout-topbar-right\">\n    <div class=\"layout-topbar-actions-left\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"layout-topbar-actions-right_flex\">\n      <ocx-slot name=\"onecx-shell-header-right\" class=\"layout-topbar-items\">\n        <ng-template #skeleton>\n          <div class=\"flex align-items-center h-full justify-content-center\" style=\"width: 56px\">\n            <p-skeleton shape=\"circle\" size=\"2.5rem\" class=\"h-full flex align-items-center\"></p-skeleton>\n          </div>\n        </ng-template>\n      </ocx-slot>\n    </div>\n  </div>\n</div>\n", styles: [".layout-topbar-items>*{margin:auto}.http-progress-loader{margin-left:8px;padding-top:5px}@media screen and (max-width: 1024px){.http-progress-loader{margin-left:0;margin-right:8px}}.default-logo{color:var(--p-onecx-logo-color, #12abdb);fill:currentColor}.layout-topbar_flex{position:fixed;top:0;left:0;z-index:998;width:100%;height:4rem;transition:width var(--p-transition-duration);display:flex;justify-content:space-between;align-items:center;row-gap:1rem}.layout-topbar_flex ul{margin:0;padding:0;border:0;outline:0;text-decoration:none;list-style-type:none}.layout-topbar_flex .layout-topbar-left{min-width:10rem}.layout-topbar_flex .layout-topbar-left.vertical-menu{flex:0 0 17rem}.layout-topbar_flex .layout-topbar-left .layout-menu-button{position:absolute;top:50%;right:-1.25rem;width:2.5rem;height:2.5rem;margin-top:-1.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%}.layout-topbar_flex .layout-topbar-left .layout-menu-button i{transition:transform var(--p-transition-duration)}.layout-topbar_flex .layout-topbar-left .layout-topbar-mobile-button{display:none;align-items:center;padding:0 .8rem;margin:0 .5rem 0 auto;border-radius:50%;height:3.2rem;cursor:pointer}.layout-topbar_flex .layout-topbar-right{display:flex;flex-grow:1;align-items:center;justify-content:space-between;row-gap:0;margin-left:1.5rem;padding-left:1.25rem;height:100%;min-width:0}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-left{display:flex;flex-grow:1;align-items:center;height:100%;min-width:0}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-left .layout-menubar .p-menubar-root-list>.p-menuitem .p-menuitem-text{white-space:nowrap}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex{height:100%;margin-right:.75rem}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;height:100%}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item{display:flex;align-items:center;position:relative}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item .layout-topbar-action{-webkit-user-select:none;user-select:none;justify-content:center;height:3.2rem;width:3.2rem;min-width:3.2rem;border-radius:50%;cursor:pointer;margin:0;padding:.5rem!important;color:var(--p-onecx-topbar-item-text-color);background-color:var(--p-onecx-topbar-bg-color)}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item .layout-topbar-action:hover,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item .layout-topbar-action:focus{color:var(--p-onecx-topbar-item-text-hover-color);background-color:var(--p-onecx-topbar-item-text-hover-bg-color);transition:background-color var(--p-transition-duration)}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel{position:absolute;top:4rem;right:0;z-index:1000;min-width:13rem;padding:.5rem 0;transform-origin:top}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel .layout-topbar-action-item{cursor:pointer}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel{height:4rem;width:100%;position:fixed;top:0;left:0;z-index:1000;transform-origin:top}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input{border-radius:0;border:0 none}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:focus{outline:0 none;box-shadow:none}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel i{font-weight:700}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon{border:0 none}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child{border-top-right-radius:0;border-bottom-right-radius:0}.layout-menu-button-hidden .layout-topbar_flex .layout-topbar-left{padding-right:0}.layout-menu-button-hidden .layout-topbar_flex .layout-topbar-left .layout-menu-button{display:none}.layout-menu-button-hidden .layout-topbar_flex .layout-topbar-right{padding-left:0}.toggle-button-direction{transform:rotate(180deg)}@media (max-width: var(--mobile-break-point)){.layout-topbar_flex .layout-topbar-left{flex-shrink:1}.layout-topbar_flex .layout-topbar-right{min-width:auto}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex{padding-right:.25rem}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel{position:fixed;min-width:100vw;max-width:100vw;width:100vw}}.layout-topbar_flex{color:var(--p-onecx-topbar-item-text-color);background-color:var(--p-onecx-topbar-bg-color)}.layout-topbar_flex .layout-topbar-left{background-color:var(--p-onecx-topbar-left-bg-color)}.layout-topbar_flex .layout-topbar-left .layout-menu-button{background-color:var(--p-onecx-topbar-menu-button-bg-color)}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-left .layout-menubar{background:none;border:none}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon{color:var(--p-onecx-topbar-item-text-color)}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link:not(.p-disabled):hover{background:var(--p-onecx-topbar-item-text-hover-bg-color);transition:background-color var(--p-transition-duration)}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-text,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-icon,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-submenu-icon{color:var(onecx-topbar-item-text-color)}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-left .layout-menubar.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover{background:var(--p-onecx-topbar-item-text-hover-bg-color);transition:background-color var(--p-transition-duration)}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-action-panel{background-color:var(--p-onecx-overlay-content-bg-color);color:var(--p-onecx-text-color)}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item{color:var(--p-onecx-menu-item-text-color)}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover{background-color:var(--p-onecx-menu-item-hover-bg-color);transition:background-color var(--p-transition-duration)}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child{background-color:var(--p-onecx-body-bg-color);color:var(--p-onecx-text-color)}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child,.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child{background-color:var(--p-onecx-body-bg-color);color:var(--p-onecx-text-color)}.layout-topbar_flex .layout-topbar-right .layout-topbar-actions-right_flex .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text{color:var(--p-onecx-text-color)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { menuButtonTitle: [{
                 type: Input
             }], fullPortalLayout: [{
@@ -330,7 +321,7 @@ let PortalViewportComponent = class PortalViewportComponent {
         return this.isHorizontalMenuMode();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: PortalViewportComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: PortalViewportComponent, isStandalone: false, selector: "ocx-shell-portal-viewport", host: { listeners: { "window:resize": "onResize()" } }, ngImport: i0, template: "<div\n  *ngIf=\"!globalErrMsg; else globalError\"\n  [ngClass]=\"{\n    'layout-wrapper layout-topbar-var': themeService.currentTheme$ | async,\n    'p-input-filled': inputStyle === 'filled', \n    'p-ripple-disabled': !ripple,\n    'layout-menu-active': isStaticalMenuVisible() && (isVerticalMenuComponentDefined$ | async),\n  }\"\n  [class]=\"'layout-menu-' + this.colorScheme\"\n>\n  <ng-container *ngIf=\"themeService.currentTheme$ | async; else noTheme\">\n    <ocx-shell-header\n      [menuButtonTitle]=\"menuButtonTitle\"\n      (menuButtonClick)=\"onMenuButtonClick($event)\"\n      [isStaticalMenu]=\"isStaticalMenuVisible()\"\n      [isHorizontalMenu]=\"isHorizontalMenuMode()\"\n    >\n      <div [hidden]=\"!isHorizontalMenuVisible()\">\n        <ocx-slot name=\"onecx-shell-horizontal-menu\">\n          <ng-template #skeleton>\n            <div class=\"ml-4 flex flex-row gap-4\">\n              <p-skeleton class=\"w-full h-full inline-block\" height=\"35px\" width=\"120px\"></p-skeleton>\n              <p-skeleton class=\"w-full h-full inline-block\" height=\"35px\" width=\"120px\"></p-skeleton>\n            </div>\n          </ng-template>\n        </ocx-slot>\n      </div>\n    </ocx-shell-header>\n\n    <p-toast></p-toast>\n\n    <div [hidden]=\"!isStaticalMenuVisible()\" class=\"menu-wrapper\">\n      <div class=\"layout-menu-container overflow-auto\">\n        <ocx-slot name=\"{{verticalMenuSlotName}}\">\n          <ng-template #skeleton>\n            <p-skeleton class=\"w-full h-full inline-block p-2\" height=\"35px\"></p-skeleton>\n          </ng-template>\n        </ocx-slot>\n      </div>\n    </div>\n\n    <div class=\"layout-main\">\n      <div class=\"layout-content relative\">\n        <ocx-slot name=\"onecx-shell-sub-header\"></ocx-slot>\n        <ng-container *ngIf=\"!showContentProvider || (showContentProvider.showContent$ | async); else appLoading\">\n          <ng-content></ng-content>\n          <router-outlet></router-outlet>\n        </ng-container>\n      </div>\n\n      <ocx-shell-footer></ocx-shell-footer>\n    </div>\n    <div *ngIf=\"menuActive || !!activeTopbarItem\" class=\"layout-mask modal-in\"></div>\n  </ng-container>\n\n  <ng-template #noTheme>\n    <div class=\"layout-main\">\n      <div class=\"layout-content relative\">\n        <ng-content></ng-content>\n        <router-outlet></router-outlet>\n      </div>\n    </div>\n  </ng-template>\n</div>\n\n<ng-template #globalError>\n  <ocx-shell-error [errCode]=\"globalErrMsg\"></ocx-shell-error>\n</ng-template>\n\n<ng-template #appLoading>\n  <ocx-app-loading-spinner></ocx-app-loading-spinner>\n</ng-template>\n", styles: [".layout-wrapper .layout-main{padding-top:4rem;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.layout-wrapper .layout-main .layout-content{flex:1 1 0}.menu-wrapper .layout-inline-menu{display:flex;flex-direction:column;justify-content:center;border:0px;border-style:solid;border-bottom-width:1px;transition:all var(--p-transition-duration)}.menu-wrapper .layout-inline-menu.layout-inline-menu-active .layout-inline-menu-icon{transform:rotate(-180deg)}.menu-wrapper .layout-inline-menu .layout-inline-menu-action{cursor:pointer}.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel{padding:0 .5rem;transform-origin:top}.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item{margin-top:.2rem;border-radius:var(--p-border-radius-md);transition:all var(--p-transition-duration);cursor:pointer;-webkit-user-select:none;user-select:none}.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:last-child{margin-bottom:.5rem}.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item a{padding:.75rem}.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item a i{margin-right:.75rem}.menu-wrapper{height:calc(100% - 4rem);width:17rem;position:fixed;left:0;top:4rem;z-index:997;transform:none}.menu-wrapper ul{margin:0;padding:0;border:0;outline:0;text-decoration:none;list-style-type:none}.menu-wrapper .layout-menu-container{display:flex;flex-direction:column;height:100%}.menu-wrapper .layout-menu-container app-menu{overflow-y:auto}.menu-wrapper .layout-menu-container .layout-menu{padding-bottom:2rem}.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem>a{display:none}.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem>div{padding-left:1rem;margin-bottom:.5rem;margin-top:1.5rem}.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem>div>.layout-menuitem-text{font-size:.857rem;font-weight:600;text-transform:uppercase}.menu-wrapper .layout-menu-container .layout-menu li>a{display:flex;align-items:center;padding:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--p-transition-duration),color var(--p-transition-duration)}.menu-wrapper .layout-menu-container .layout-menu li>a .layout-menuitem-text{margin-left:.75rem}.menu-wrapper .layout-menu-container .layout-menu li>a .p-badge{margin-left:auto;min-width:1.143rem;height:1.143rem;line-height:1.143rem}.menu-wrapper .layout-menu-container .layout-menu li>a .layout-submenu-toggler{margin-left:auto}.menu-wrapper .layout-menu-container .layout-menu li>a.rotated-icon .layout-menuitem-icon{transform:rotate(90deg)}.menu-wrapper .layout-menu-container .layout-menu li>a .p-badge+.layout-submenu-toggler{margin-left:.5rem}.menu-wrapper .layout-menu-container .layout-menu li.active-menuitem>a .layout-submenu-toggler{transition:all var(--p-transition-duration);transform:rotate(-180deg)}.menu-wrapper .layout-menu-container .layout-menu li>ul li ul{padding:0 0 .25rem;overflow:hidden}.menu-wrapper .layout-menu-container .layout-menu li>ul>li{margin-top:.2rem}.menu-wrapper .layout-menu-container .layout-menu li>ul>li.layout-root-menuitem>a{display:flex}.menu-wrapper .layout-menu-container .layout-menu li>ul>li ul li a{padding-left:2.625rem}.menu-wrapper .layout-menu-container .layout-menu li>ul>li ul li ul li a{padding-left:4.375rem}.menu-wrapper .layout-menu-container .layout-menu li>ul>li ul li ul li ul li a{padding-left:6.125rem}.menu-wrapper{background-color:var(--p-onecx-menu-bg-color);box-shadow:2px 0 4px -1px #0003,4px 0 5px #00000024,1px 0 10px #0000001f}.menu-wrapper .layout-menu-container .layout-menu>li>div .layout-menuitem-text{color:var(--p-onecx-menu-text-color)}.menu-wrapper .layout-menu-container .layout-menu li{border-left:0px}.menu-wrapper .layout-menu-container .layout-menu li.active-menu-parent.parent-menu{border-left:4px solid var(--p-onecx-primary-color)}.menu-wrapper .layout-menu-container .layout-menu li a{color:var(--p-onecx-menu-item-text-color);border-left:4px solid transparent}.menu-wrapper .layout-menu-container .layout-menu li a:hover{background-color:var(--p-onecx-menu-item-hover-bg-color)}.menu-wrapper .layout-menu-container .layout-menu li a.active-menuitem-routerlink{background-color:var(--p-onecx-menu-active-item-bg-color);color:var(--p-onecx-menu-active-item-text-color);font-weight:700;border-left:4px solid var(--p-onecx-primary-color)}.menu-wrapper .layout-menu-container .layout-menu li.active-menuitem>a{background-color:var(--p-onecx-menu-active-item-bg-color);color:var(--p-onecx-menu-active-item-text-color);font-weight:700;border-left:4px solid var(--p-onecx-primary-color)}.menu-wrapper .layout-menu-container .layout-inline-menu{border-color:var(--p-onecx-menu-inline-border-color)}.menu-wrapper .layout-menu-container .layout-inline-menu a,.menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action,.menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item{color:var(--p-onecx-menu-item-text-color)}.menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover,.menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover{background-color:var(--p-onecx-menu-item-hover-bg-color)}.menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel{background-color:var(--p-onecx-menu-bg-color)}.layout-wrapper .menu-wrapper{transform:translate3d(-17rem,0,0);transition:transform var(--p-onecx-animation-duration);transition-timing-function:cubic-bezier(.86,0,.07,1)}.layout-wrapper .layout-main{transition:margin-left var(--p-onecx-animation-duration)}.layout-wrapper.layout-menu-active .menu-wrapper{transform:translateZ(0)}.layout-wrapper.layout-menu-active .layout-main{margin-left:17rem}@media (max-width: var(--mobile-break-point)){.layout-wrapper .menu-wrapper{top:4rem;height:calc(100% - 4rem)}.layout-wrapper.layout-menu-active{overflow:hidden;height:100vh}.layout-wrapper.layout-menu-active .layout-main{margin-left:0}.layout-wrapper .layout-mask{display:block}}\n"], dependencies: [{ kind: "component", type: i1.SlotComponent, selector: "ocx-slot[name]", inputs: ["name", "inputs", "outputs"] }, { 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$1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i3.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: i5.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "component", type: HeaderComponent, selector: "ocx-shell-header", inputs: ["menuButtonTitle", "fullPortalLayout", "homeNavUrl", "homeNavTitle", "isStaticalMenu", "isHorizontalMenu"], outputs: ["menuButtonClick"] }, { kind: "component", type: PortalFooterComponent, selector: "ocx-shell-footer" }, { kind: "component", type: GlobalErrorComponent, selector: "ocx-shell-error", inputs: ["errCode"] }, { kind: "component", type: AppLoadingSpinnerComponent, selector: "ocx-app-loading-spinner" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: PortalViewportComponent, isStandalone: false, selector: "ocx-shell-portal-viewport", host: { listeners: { "window:resize": "onResize()" } }, ngImport: i0, template: "<div\n  *ngIf=\"!globalErrMsg; else globalError\"\n  [ngClass]=\"{\n    'layout-wrapper layout-topbar-var': themeService.currentTheme$ | async,\n    'p-input-filled': inputStyle === 'filled', \n    'p-ripple-disabled': !ripple,\n    'layout-menu-active': isStaticalMenuVisible() && (isVerticalMenuComponentDefined$ | async),\n  }\"\n  [class]=\"'layout-menu-' + this.colorScheme\"\n>\n  <ng-container *ngIf=\"themeService.currentTheme$ | async; else noTheme\">\n    <ocx-shell-header\n      [menuButtonTitle]=\"menuButtonTitle\"\n      (menuButtonClick)=\"onMenuButtonClick($event)\"\n      [isStaticalMenu]=\"isStaticalMenuVisible()\"\n      [isHorizontalMenu]=\"isHorizontalMenuMode()\"\n    >\n      <div [hidden]=\"!isHorizontalMenuVisible()\">\n        <ocx-slot name=\"onecx-shell-horizontal-menu\">\n          <ng-template #skeleton>\n            <div class=\"ml-4 flex flex-row gap-4\">\n              <p-skeleton class=\"w-full h-full inline-block\" height=\"35px\" width=\"120px\"></p-skeleton>\n              <p-skeleton class=\"w-full h-full inline-block\" height=\"35px\" width=\"120px\"></p-skeleton>\n            </div>\n          </ng-template>\n        </ocx-slot>\n      </div>\n    </ocx-shell-header>\n\n    <p-toast></p-toast>\n\n    <div [hidden]=\"!isStaticalMenuVisible()\" class=\"menu-wrapper\">\n      <div class=\"layout-menu-container overflow-auto\">\n        <ocx-slot name=\"{{verticalMenuSlotName}}\">\n          <ng-template #skeleton>\n            <p-skeleton class=\"w-full h-full inline-block p-2\" height=\"35px\"></p-skeleton>\n          </ng-template>\n        </ocx-slot>\n      </div>\n    </div>\n\n    <div class=\"layout-main\">\n      <div class=\"layout-content relative\">\n        <ocx-slot name=\"onecx-shell-sub-header\"></ocx-slot>\n        <ng-container *ngIf=\"!showContentProvider || (showContentProvider.showContent$ | async); else appLoading\">\n          <ng-content></ng-content>\n          <router-outlet></router-outlet>\n        </ng-container>\n      </div>\n\n      <ocx-slot name=\"onecx-page-footer\"></ocx-slot>\n    </div>\n    <div *ngIf=\"menuActive || !!activeTopbarItem\" class=\"layout-mask modal-in\"></div>\n  </ng-container>\n\n  <ng-template #noTheme>\n    <div class=\"layout-main\">\n      <div class=\"layout-content relative\">\n        <ng-content></ng-content>\n        <router-outlet></router-outlet>\n      </div>\n    </div>\n  </ng-template>\n</div>\n\n<ng-template #globalError>\n  <ocx-shell-error [errCode]=\"globalErrMsg\"></ocx-shell-error>\n</ng-template>\n\n<ng-template #appLoading>\n  <ocx-app-loading-spinner></ocx-app-loading-spinner>\n</ng-template>\n", styles: [".layout-wrapper .layout-main{padding-top:4rem;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.layout-wrapper .layout-main .layout-content{flex:1 1 0}.menu-wrapper .layout-inline-menu{display:flex;flex-direction:column;justify-content:center;border:0px;border-style:solid;border-bottom-width:1px;transition:all var(--p-transition-duration)}.menu-wrapper .layout-inline-menu.layout-inline-menu-active .layout-inline-menu-icon{transform:rotate(-180deg)}.menu-wrapper .layout-inline-menu .layout-inline-menu-action{cursor:pointer}.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel{padding:0 .5rem;transform-origin:top}.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item{margin-top:.2rem;border-radius:var(--p-border-radius-md);transition:all var(--p-transition-duration);cursor:pointer;-webkit-user-select:none;user-select:none}.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:last-child{margin-bottom:.5rem}.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item a{padding:.75rem}.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item a i{margin-right:.75rem}.menu-wrapper{height:calc(100% - 4rem);width:17rem;position:fixed;left:0;top:4rem;z-index:997;transform:none}.menu-wrapper ul{margin:0;padding:0;border:0;outline:0;text-decoration:none;list-style-type:none}.menu-wrapper .layout-menu-container{display:flex;flex-direction:column;height:100%}.menu-wrapper .layout-menu-container app-menu{overflow-y:auto}.menu-wrapper .layout-menu-container .layout-menu{padding-bottom:2rem}.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem>a{display:none}.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem>div{padding-left:1rem;margin-bottom:.5rem;margin-top:1.5rem}.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem>div>.layout-menuitem-text{font-size:.857rem;font-weight:600;text-transform:uppercase}.menu-wrapper .layout-menu-container .layout-menu li>a{display:flex;align-items:center;padding:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--p-transition-duration),color var(--p-transition-duration)}.menu-wrapper .layout-menu-container .layout-menu li>a .layout-menuitem-text{margin-left:.75rem}.menu-wrapper .layout-menu-container .layout-menu li>a .p-badge{margin-left:auto;min-width:1.143rem;height:1.143rem;line-height:1.143rem}.menu-wrapper .layout-menu-container .layout-menu li>a .layout-submenu-toggler{margin-left:auto}.menu-wrapper .layout-menu-container .layout-menu li>a.rotated-icon .layout-menuitem-icon{transform:rotate(90deg)}.menu-wrapper .layout-menu-container .layout-menu li>a .p-badge+.layout-submenu-toggler{margin-left:.5rem}.menu-wrapper .layout-menu-container .layout-menu li.active-menuitem>a .layout-submenu-toggler{transition:all var(--p-transition-duration);transform:rotate(-180deg)}.menu-wrapper .layout-menu-container .layout-menu li>ul li ul{padding:0 0 .25rem;overflow:hidden}.menu-wrapper .layout-menu-container .layout-menu li>ul>li{margin-top:.2rem}.menu-wrapper .layout-menu-container .layout-menu li>ul>li.layout-root-menuitem>a{display:flex}.menu-wrapper .layout-menu-container .layout-menu li>ul>li ul li a{padding-left:2.625rem}.menu-wrapper .layout-menu-container .layout-menu li>ul>li ul li ul li a{padding-left:4.375rem}.menu-wrapper .layout-menu-container .layout-menu li>ul>li ul li ul li ul li a{padding-left:6.125rem}.menu-wrapper{background-color:var(--p-onecx-menu-bg-color);box-shadow:2px 0 4px -1px #0003,4px 0 5px #00000024,1px 0 10px #0000001f}.menu-wrapper .layout-menu-container .layout-menu>li>div .layout-menuitem-text{color:var(--p-onecx-menu-text-color)}.menu-wrapper .layout-menu-container .layout-menu li{border-left:0px}.menu-wrapper .layout-menu-container .layout-menu li.active-menu-parent.parent-menu{border-left:4px solid var(--p-onecx-primary-color)}.menu-wrapper .layout-menu-container .layout-menu li a{color:var(--p-onecx-menu-item-text-color);border-left:4px solid transparent}.menu-wrapper .layout-menu-container .layout-menu li a:hover{background-color:var(--p-onecx-menu-item-hover-bg-color)}.menu-wrapper .layout-menu-container .layout-menu li a.active-menuitem-routerlink{background-color:var(--p-onecx-menu-active-item-bg-color);color:var(--p-onecx-menu-active-item-text-color);font-weight:700;border-left:4px solid var(--p-onecx-primary-color)}.menu-wrapper .layout-menu-container .layout-menu li.active-menuitem>a{background-color:var(--p-onecx-menu-active-item-bg-color);color:var(--p-onecx-menu-active-item-text-color);font-weight:700;border-left:4px solid var(--p-onecx-primary-color)}.menu-wrapper .layout-menu-container .layout-inline-menu{border-color:var(--p-onecx-menu-inline-border-color)}.menu-wrapper .layout-menu-container .layout-inline-menu a,.menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action,.menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item{color:var(--p-onecx-menu-item-text-color)}.menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover,.menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover{background-color:var(--p-onecx-menu-item-hover-bg-color)}.menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel{background-color:var(--p-onecx-menu-bg-color)}.layout-wrapper .menu-wrapper{transform:translate3d(-17rem,0,0);transition:transform var(--p-onecx-animation-duration);transition-timing-function:cubic-bezier(.86,0,.07,1)}.layout-wrapper .layout-main{transition:margin-left var(--p-onecx-animation-duration)}.layout-wrapper.layout-menu-active .menu-wrapper{transform:translateZ(0)}.layout-wrapper.layout-menu-active .layout-main{margin-left:17rem}@media (max-width: var(--mobile-break-point)){.layout-wrapper .menu-wrapper{top:4rem;height:calc(100% - 4rem)}.layout-wrapper.layout-menu-active{overflow:hidden;height:100vh}.layout-wrapper.layout-menu-active .layout-main{margin-left:0}.layout-wrapper .layout-mask{display:block}}\n"], dependencies: [{ kind: "component", type: i1.SlotComponent, selector: "ocx-slot[name]", inputs: ["name", "slotStyles", "slotClasses", "inputs", "outputs"] }, { 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$1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i3.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: i5$1.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "component", type: HeaderComponent, selector: "ocx-shell-header", inputs: ["menuButtonTitle", "fullPortalLayout", "homeNavUrl", "homeNavTitle", "isStaticalMenu", "isHorizontalMenu"], outputs: ["menuButtonClick"] }, { kind: "component", type: GlobalErrorComponent, selector: "ocx-shell-error", inputs: ["errCode"] }, { kind: "component", type: AppLoadingSpinnerComponent, selector: "ocx-app-loading-spinner" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
 };
 PortalViewportComponent = __decorate([
     UntilDestroy(),
@@ -338,7 +329,7 @@ PortalViewportComponent = __decorate([
 ], PortalViewportComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: PortalViewportComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'ocx-shell-portal-viewport', template: "<div\n  *ngIf=\"!globalErrMsg; else globalError\"\n  [ngClass]=\"{\n    'layout-wrapper layout-topbar-var': themeService.currentTheme$ | async,\n    'p-input-filled': inputStyle === 'filled', \n    'p-ripple-disabled': !ripple,\n    'layout-menu-active': isStaticalMenuVisible() && (isVerticalMenuComponentDefined$ | async),\n  }\"\n  [class]=\"'layout-menu-' + this.colorScheme\"\n>\n  <ng-container *ngIf=\"themeService.currentTheme$ | async; else noTheme\">\n    <ocx-shell-header\n      [menuButtonTitle]=\"menuButtonTitle\"\n      (menuButtonClick)=\"onMenuButtonClick($event)\"\n      [isStaticalMenu]=\"isStaticalMenuVisible()\"\n      [isHorizontalMenu]=\"isHorizontalMenuMode()\"\n    >\n      <div [hidden]=\"!isHorizontalMenuVisible()\">\n        <ocx-slot name=\"onecx-shell-horizontal-menu\">\n          <ng-template #skeleton>\n            <div class=\"ml-4 flex flex-row gap-4\">\n              <p-skeleton class=\"w-full h-full inline-block\" height=\"35px\" width=\"120px\"></p-skeleton>\n              <p-skeleton class=\"w-full h-full inline-block\" height=\"35px\" width=\"120px\"></p-skeleton>\n            </div>\n          </ng-template>\n        </ocx-slot>\n      </div>\n    </ocx-shell-header>\n\n    <p-toast></p-toast>\n\n    <div [hidden]=\"!isStaticalMenuVisible()\" class=\"menu-wrapper\">\n      <div class=\"layout-menu-container overflow-auto\">\n        <ocx-slot name=\"{{verticalMenuSlotName}}\">\n          <ng-template #skeleton>\n            <p-skeleton class=\"w-full h-full inline-block p-2\" height=\"35px\"></p-skeleton>\n          </ng-template>\n        </ocx-slot>\n      </div>\n    </div>\n\n    <div class=\"layout-main\">\n      <div class=\"layout-content relative\">\n        <ocx-slot name=\"onecx-shell-sub-header\"></ocx-slot>\n        <ng-container *ngIf=\"!showContentProvider || (showContentProvider.showContent$ | async); else appLoading\">\n          <ng-content></ng-content>\n          <router-outlet></router-outlet>\n        </ng-container>\n      </div>\n\n      <ocx-shell-footer></ocx-shell-footer>\n    </div>\n    <div *ngIf=\"menuActive || !!activeTopbarItem\" class=\"layout-mask modal-in\"></div>\n  </ng-container>\n\n  <ng-template #noTheme>\n    <div class=\"layout-main\">\n      <div class=\"layout-content relative\">\n        <ng-content></ng-content>\n        <router-outlet></router-outlet>\n      </div>\n    </div>\n  </ng-template>\n</div>\n\n<ng-template #globalError>\n  <ocx-shell-error [errCode]=\"globalErrMsg\"></ocx-shell-error>\n</ng-template>\n\n<ng-template #appLoading>\n  <ocx-app-loading-spinner></ocx-app-loading-spinner>\n</ng-template>\n", styles: [".layout-wrapper .layout-main{padding-top:4rem;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.layout-wrapper .layout-main .layout-content{flex:1 1 0}.menu-wrapper .layout-inline-menu{display:flex;flex-direction:column;justify-content:center;border:0px;border-style:solid;border-bottom-width:1px;transition:all var(--p-transition-duration)}.menu-wrapper .layout-inline-menu.layout-inline-menu-active .layout-inline-menu-icon{transform:rotate(-180deg)}.menu-wrapper .layout-inline-menu .layout-inline-menu-action{cursor:pointer}.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel{padding:0 .5rem;transform-origin:top}.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item{margin-top:.2rem;border-radius:var(--p-border-radius-md);transition:all var(--p-transition-duration);cursor:pointer;-webkit-user-select:none;user-select:none}.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:last-child{margin-bottom:.5rem}.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item a{padding:.75rem}.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item a i{margin-right:.75rem}.menu-wrapper{height:calc(100% - 4rem);width:17rem;position:fixed;left:0;top:4rem;z-index:997;transform:none}.menu-wrapper ul{margin:0;padding:0;border:0;outline:0;text-decoration:none;list-style-type:none}.menu-wrapper .layout-menu-container{display:flex;flex-direction:column;height:100%}.menu-wrapper .layout-menu-container app-menu{overflow-y:auto}.menu-wrapper .layout-menu-container .layout-menu{padding-bottom:2rem}.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem>a{display:none}.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem>div{padding-left:1rem;margin-bottom:.5rem;margin-top:1.5rem}.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem>div>.layout-menuitem-text{font-size:.857rem;font-weight:600;text-transform:uppercase}.menu-wrapper .layout-menu-container .layout-menu li>a{display:flex;align-items:center;padding:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--p-transition-duration),color var(--p-transition-duration)}.menu-wrapper .layout-menu-container .layout-menu li>a .layout-menuitem-text{margin-left:.75rem}.menu-wrapper .layout-menu-container .layout-menu li>a .p-badge{margin-left:auto;min-width:1.143rem;height:1.143rem;line-height:1.143rem}.menu-wrapper .layout-menu-container .layout-menu li>a .layout-submenu-toggler{margin-left:auto}.menu-wrapper .layout-menu-container .layout-menu li>a.rotated-icon .layout-menuitem-icon{transform:rotate(90deg)}.menu-wrapper .layout-menu-container .layout-menu li>a .p-badge+.layout-submenu-toggler{margin-left:.5rem}.menu-wrapper .layout-menu-container .layout-menu li.active-menuitem>a .layout-submenu-toggler{transition:all var(--p-transition-duration);transform:rotate(-180deg)}.menu-wrapper .layout-menu-container .layout-menu li>ul li ul{padding:0 0 .25rem;overflow:hidden}.menu-wrapper .layout-menu-container .layout-menu li>ul>li{margin-top:.2rem}.menu-wrapper .layout-menu-container .layout-menu li>ul>li.layout-root-menuitem>a{display:flex}.menu-wrapper .layout-menu-container .layout-menu li>ul>li ul li a{padding-left:2.625rem}.menu-wrapper .layout-menu-container .layout-menu li>ul>li ul li ul li a{padding-left:4.375rem}.menu-wrapper .layout-menu-container .layout-menu li>ul>li ul li ul li ul li a{padding-left:6.125rem}.menu-wrapper{background-color:var(--p-onecx-menu-bg-color);box-shadow:2px 0 4px -1px #0003,4px 0 5px #00000024,1px 0 10px #0000001f}.menu-wrapper .layout-menu-container .layout-menu>li>div .layout-menuitem-text{color:var(--p-onecx-menu-text-color)}.menu-wrapper .layout-menu-container .layout-menu li{border-left:0px}.menu-wrapper .layout-menu-container .layout-menu li.active-menu-parent.parent-menu{border-left:4px solid var(--p-onecx-primary-color)}.menu-wrapper .layout-menu-container .layout-menu li a{color:var(--p-onecx-menu-item-text-color);border-left:4px solid transparent}.menu-wrapper .layout-menu-container .layout-menu li a:hover{background-color:var(--p-onecx-menu-item-hover-bg-color)}.menu-wrapper .layout-menu-container .layout-menu li a.active-menuitem-routerlink{background-color:var(--p-onecx-menu-active-item-bg-color);color:var(--p-onecx-menu-active-item-text-color);font-weight:700;border-left:4px solid var(--p-onecx-primary-color)}.menu-wrapper .layout-menu-container .layout-menu li.active-menuitem>a{background-color:var(--p-onecx-menu-active-item-bg-color);color:var(--p-onecx-menu-active-item-text-color);font-weight:700;border-left:4px solid var(--p-onecx-primary-color)}.menu-wrapper .layout-menu-container .layout-inline-menu{border-color:var(--p-onecx-menu-inline-border-color)}.menu-wrapper .layout-menu-container .layout-inline-menu a,.menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action,.menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item{color:var(--p-onecx-menu-item-text-color)}.menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover,.menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover{background-color:var(--p-onecx-menu-item-hover-bg-color)}.menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel{background-color:var(--p-onecx-menu-bg-color)}.layout-wrapper .menu-wrapper{transform:translate3d(-17rem,0,0);transition:transform var(--p-onecx-animation-duration);transition-timing-function:cubic-bezier(.86,0,.07,1)}.layout-wrapper .layout-main{transition:margin-left var(--p-onecx-animation-duration)}.layout-wrapper.layout-menu-active .menu-wrapper{transform:translateZ(0)}.layout-wrapper.layout-menu-active .layout-main{margin-left:17rem}@media (max-width: var(--mobile-break-point)){.layout-wrapper .menu-wrapper{top:4rem;height:calc(100% - 4rem)}.layout-wrapper.layout-menu-active{overflow:hidden;height:100vh}.layout-wrapper.layout-menu-active .layout-main{margin-left:0}.layout-wrapper .layout-mask{display:block}}\n"] }]
+            args: [{ standalone: false, selector: 'ocx-shell-portal-viewport', template: "<div\n  *ngIf=\"!globalErrMsg; else globalError\"\n  [ngClass]=\"{\n    'layout-wrapper layout-topbar-var': themeService.currentTheme$ | async,\n    'p-input-filled': inputStyle === 'filled', \n    'p-ripple-disabled': !ripple,\n    'layout-menu-active': isStaticalMenuVisible() && (isVerticalMenuComponentDefined$ | async),\n  }\"\n  [class]=\"'layout-menu-' + this.colorScheme\"\n>\n  <ng-container *ngIf=\"themeService.currentTheme$ | async; else noTheme\">\n    <ocx-shell-header\n      [menuButtonTitle]=\"menuButtonTitle\"\n      (menuButtonClick)=\"onMenuButtonClick($event)\"\n      [isStaticalMenu]=\"isStaticalMenuVisible()\"\n      [isHorizontalMenu]=\"isHorizontalMenuMode()\"\n    >\n      <div [hidden]=\"!isHorizontalMenuVisible()\">\n        <ocx-slot name=\"onecx-shell-horizontal-menu\">\n          <ng-template #skeleton>\n            <div class=\"ml-4 flex flex-row gap-4\">\n              <p-skeleton class=\"w-full h-full inline-block\" height=\"35px\" width=\"120px\"></p-skeleton>\n              <p-skeleton class=\"w-full h-full inline-block\" height=\"35px\" width=\"120px\"></p-skeleton>\n            </div>\n          </ng-template>\n        </ocx-slot>\n      </div>\n    </ocx-shell-header>\n\n    <p-toast></p-toast>\n\n    <div [hidden]=\"!isStaticalMenuVisible()\" class=\"menu-wrapper\">\n      <div class=\"layout-menu-container overflow-auto\">\n        <ocx-slot name=\"{{verticalMenuSlotName}}\">\n          <ng-template #skeleton>\n            <p-skeleton class=\"w-full h-full inline-block p-2\" height=\"35px\"></p-skeleton>\n          </ng-template>\n        </ocx-slot>\n      </div>\n    </div>\n\n    <div class=\"layout-main\">\n      <div class=\"layout-content relative\">\n        <ocx-slot name=\"onecx-shell-sub-header\"></ocx-slot>\n        <ng-container *ngIf=\"!showContentProvider || (showContentProvider.showContent$ | async); else appLoading\">\n          <ng-content></ng-content>\n          <router-outlet></router-outlet>\n        </ng-container>\n      </div>\n\n      <ocx-slot name=\"onecx-page-footer\"></ocx-slot>\n    </div>\n    <div *ngIf=\"menuActive || !!activeTopbarItem\" class=\"layout-mask modal-in\"></div>\n  </ng-container>\n\n  <ng-template #noTheme>\n    <div class=\"layout-main\">\n      <div class=\"layout-content relative\">\n        <ng-content></ng-content>\n        <router-outlet></router-outlet>\n      </div>\n    </div>\n  </ng-template>\n</div>\n\n<ng-template #globalError>\n  <ocx-shell-error [errCode]=\"globalErrMsg\"></ocx-shell-error>\n</ng-template>\n\n<ng-template #appLoading>\n  <ocx-app-loading-spinner></ocx-app-loading-spinner>\n</ng-template>\n", styles: [".layout-wrapper .layout-main{padding-top:4rem;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.layout-wrapper .layout-main .layout-content{flex:1 1 0}.menu-wrapper .layout-inline-menu{display:flex;flex-direction:column;justify-content:center;border:0px;border-style:solid;border-bottom-width:1px;transition:all var(--p-transition-duration)}.menu-wrapper .layout-inline-menu.layout-inline-menu-active .layout-inline-menu-icon{transform:rotate(-180deg)}.menu-wrapper .layout-inline-menu .layout-inline-menu-action{cursor:pointer}.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel{padding:0 .5rem;transform-origin:top}.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item{margin-top:.2rem;border-radius:var(--p-border-radius-md);transition:all var(--p-transition-duration);cursor:pointer;-webkit-user-select:none;user-select:none}.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:last-child{margin-bottom:.5rem}.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item a{padding:.75rem}.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item a i{margin-right:.75rem}.menu-wrapper{height:calc(100% - 4rem);width:17rem;position:fixed;left:0;top:4rem;z-index:997;transform:none}.menu-wrapper ul{margin:0;padding:0;border:0;outline:0;text-decoration:none;list-style-type:none}.menu-wrapper .layout-menu-container{display:flex;flex-direction:column;height:100%}.menu-wrapper .layout-menu-container app-menu{overflow-y:auto}.menu-wrapper .layout-menu-container .layout-menu{padding-bottom:2rem}.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem>a{display:none}.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem>div{padding-left:1rem;margin-bottom:.5rem;margin-top:1.5rem}.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem>div>.layout-menuitem-text{font-size:.857rem;font-weight:600;text-transform:uppercase}.menu-wrapper .layout-menu-container .layout-menu li>a{display:flex;align-items:center;padding:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--p-transition-duration),color var(--p-transition-duration)}.menu-wrapper .layout-menu-container .layout-menu li>a .layout-menuitem-text{margin-left:.75rem}.menu-wrapper .layout-menu-container .layout-menu li>a .p-badge{margin-left:auto;min-width:1.143rem;height:1.143rem;line-height:1.143rem}.menu-wrapper .layout-menu-container .layout-menu li>a .layout-submenu-toggler{margin-left:auto}.menu-wrapper .layout-menu-container .layout-menu li>a.rotated-icon .layout-menuitem-icon{transform:rotate(90deg)}.menu-wrapper .layout-menu-container .layout-menu li>a .p-badge+.layout-submenu-toggler{margin-left:.5rem}.menu-wrapper .layout-menu-container .layout-menu li.active-menuitem>a .layout-submenu-toggler{transition:all var(--p-transition-duration);transform:rotate(-180deg)}.menu-wrapper .layout-menu-container .layout-menu li>ul li ul{padding:0 0 .25rem;overflow:hidden}.menu-wrapper .layout-menu-container .layout-menu li>ul>li{margin-top:.2rem}.menu-wrapper .layout-menu-container .layout-menu li>ul>li.layout-root-menuitem>a{display:flex}.menu-wrapper .layout-menu-container .layout-menu li>ul>li ul li a{padding-left:2.625rem}.menu-wrapper .layout-menu-container .layout-menu li>ul>li ul li ul li a{padding-left:4.375rem}.menu-wrapper .layout-menu-container .layout-menu li>ul>li ul li ul li ul li a{padding-left:6.125rem}.menu-wrapper{background-color:var(--p-onecx-menu-bg-color);box-shadow:2px 0 4px -1px #0003,4px 0 5px #00000024,1px 0 10px #0000001f}.menu-wrapper .layout-menu-container .layout-menu>li>div .layout-menuitem-text{color:var(--p-onecx-menu-text-color)}.menu-wrapper .layout-menu-container .layout-menu li{border-left:0px}.menu-wrapper .layout-menu-container .layout-menu li.active-menu-parent.parent-menu{border-left:4px solid var(--p-onecx-primary-color)}.menu-wrapper .layout-menu-container .layout-menu li a{color:var(--p-onecx-menu-item-text-color);border-left:4px solid transparent}.menu-wrapper .layout-menu-container .layout-menu li a:hover{background-color:var(--p-onecx-menu-item-hover-bg-color)}.menu-wrapper .layout-menu-container .layout-menu li a.active-menuitem-routerlink{background-color:var(--p-onecx-menu-active-item-bg-color);color:var(--p-onecx-menu-active-item-text-color);font-weight:700;border-left:4px solid var(--p-onecx-primary-color)}.menu-wrapper .layout-menu-container .layout-menu li.active-menuitem>a{background-color:var(--p-onecx-menu-active-item-bg-color);color:var(--p-onecx-menu-active-item-text-color);font-weight:700;border-left:4px solid var(--p-onecx-primary-color)}.menu-wrapper .layout-menu-container .layout-inline-menu{border-color:var(--p-onecx-menu-inline-border-color)}.menu-wrapper .layout-menu-container .layout-inline-menu a,.menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action,.menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item{color:var(--p-onecx-menu-item-text-color)}.menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover,.menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover{background-color:var(--p-onecx-menu-item-hover-bg-color)}.menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel{background-color:var(--p-onecx-menu-bg-color)}.layout-wrapper .menu-wrapper{transform:translate3d(-17rem,0,0);transition:transform var(--p-onecx-animation-duration);transition-timing-function:cubic-bezier(.86,0,.07,1)}.layout-wrapper .layout-main{transition:margin-left var(--p-onecx-animation-duration)}.layout-wrapper.layout-menu-active .menu-wrapper{transform:translateZ(0)}.layout-wrapper.layout-menu-active .layout-main{margin-left:17rem}@media (max-width: var(--mobile-break-point)){.layout-wrapper .menu-wrapper{top:4rem;height:calc(100% - 4rem)}.layout-wrapper.layout-menu-active{overflow:hidden;height:100vh}.layout-wrapper.layout-menu-active .layout-main{margin-left:0}.layout-wrapper .layout-mask{display:block}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { onResize: [{
                 type: HostListener,
                 args: ['window:resize']

package/fesm2022/onecx-shell-core.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"onecx-shell-core.mjs","sources":["../../../../libs/shell-core/src/lib/components/error-component/global-error.component.ts","../../../../libs/shell-core/src/lib/components/error-component/global-error.component.html","../../../../libs/shell-core/src/lib/shell-interface/workspace-config-bff-service-provider.ts","../../../../libs/shell-core/src/lib/directives/src.directive.ts","../../../../libs/shell-core/src/lib/components/portal-footer/portal-footer.component.ts","../../../../libs/shell-core/src/lib/components/portal-footer/portal-footer.component.html","../../../../libs/shell-core/src/lib/components/portal-header/header.component.ts","../../../../libs/shell-core/src/lib/components/portal-header/header.component.html","../../../../libs/shell-core/src/lib/shell-interface/show-content-provider.ts","../../../../libs/shell-core/src/lib/components/app-loading-spinner/app-loading-spinner.component.ts","../../../../libs/shell-core/src/lib/components/app-loading-spinner/app-loading-spinner.component.html","../../../../libs/shell-core/src/lib/components/portal-viewport/portal-viewport.component.ts","../../../../libs/shell-core/src/lib/components/portal-viewport/portal-viewport.component.html","../../../../libs/shell-core/src/lib/shell-core.module.ts","../../../../libs/shell-core/src/lib/services/permissions-cache.service.ts","../../../../libs/shell-core/src/lib/model/constants.ts","../../../../libs/shell-core/src/onecx-shell-core.ts"],"sourcesContent":["import { Component, Input, inject } from '@angular/core'\nimport { ActivatedRoute, Router } from '@angular/router'\n\n@Component({\n  standalone: false,\n  selector: 'ocx-shell-error',\n  templateUrl: './global-error.component.html',\n  styleUrls: ['./global-error.component.scss'],\n})\nexport class GlobalErrorComponent {\n  private router = inject(Router)\n  private route = inject(ActivatedRoute)\n\n  @Input()\n  errCode: string | undefined\n  backUrl: string\n\n  constructor() {\n    this.errCode = this.route.snapshot.queryParamMap.get('err') || 'E1001_FAILED_START'\n    this.backUrl = this.route.snapshot.queryParamMap.get('return') || '/'\n  }\n\n  onGoBack() {\n    this.router.navigateByUrl(this.backUrl)\n  }\n\n  reload() {\n    window.location.reload()\n  }\n}\n","<div class=\"pages-body error-page flex flex-column\">\n  <div class=\"align-self-center mt-auto mb-auto\">\n    <div class=\"pages-panel card flex flex-column\">\n      <div class=\"pages-header px-3 py-1\">\n        <h2>ERROR</h2>\n      </div>\n      <div class=\"card mt-3 px-6\">\n        <img src=\"assets/images/error.png\" alt=\"\" />\n      </div>\n      <div class=\"pages-detail pb-6\">{{errCode}}</div>\n      <button pButton pRipple type=\"button\" label=\"Try Again\" (click)=\"reload()\" class=\"p-button-text\"></button>\n    </div>\n  </div>\n</div>\n","import { HttpContext, HttpResponse, HttpEvent } from '@angular/common/http'\nimport { InjectionToken } from '@angular/core'\nimport { Observable } from 'rxjs'\n\nexport const WORKSPACE_CONFIG_BFF_SERVICE_PROVIDER = new InjectionToken<WorkspaceConfigBffService>(\n  'WORKSPACE_CONFIG_BFF_SERVICE_PROVIDER'\n)\n\nexport interface WorkspaceConfigBffService {\n  getThemeFaviconByName(\n    name: string,\n    observe?: 'body',\n    reportProgress?: boolean,\n    options?: { httpHeaderAccept?: 'image/*'; context?: HttpContext }\n  ): Observable<Blob>\n  getThemeFaviconByName(\n    name: string,\n    observe?: 'response',\n    reportProgress?: boolean,\n    options?: { httpHeaderAccept?: 'image/*'; context?: HttpContext }\n  ): Observable<HttpResponse<Blob>>\n  getThemeFaviconByName(\n    name: string,\n    observe?: 'events',\n    reportProgress?: boolean,\n    options?: { httpHeaderAccept?: 'image/*'; context?: HttpContext }\n  ): Observable<HttpEvent<Blob>>\n  getThemeFaviconByName(\n    name: string,\n    observe: 'body',\n    reportProgress: false,\n    options?: { httpHeaderAccept?: 'image/*'; context?: HttpContext }\n  ): Observable<any>\n\n  getThemeLogoByName(\n    name: string,\n    observe?: 'body',\n    reportProgress?: boolean,\n    options?: { httpHeaderAccept?: 'image/*'; context?: HttpContext }\n  ): Observable<Blob>\n  getThemeLogoByName(\n    name: string,\n    observe?: 'response',\n    reportProgress?: boolean,\n    options?: { httpHeaderAccept?: 'image/*'; context?: HttpContext }\n  ): Observable<HttpResponse<Blob>>\n  getThemeLogoByName(\n    name: string,\n    observe?: 'events',\n    reportProgress?: boolean,\n    options?: { httpHeaderAccept?: 'image/*'; context?: HttpContext }\n  ): Observable<HttpEvent<Blob>>\n  getThemeLogoByName(\n    name: string,\n    observe: 'body',\n    reportProgress: false,\n    options?: { httpHeaderAccept?: 'image/*'; context?: HttpContext }\n  ): Observable<any>\n}\n","import { HttpClient, HttpResponse } from '@angular/common/http'\nimport { Directive, ElementRef, EventEmitter, Input, Output, inject } from '@angular/core'\n\n@Directive({ selector: '[ocxShellSrc]', standalone: false })\nexport class ShellSrcDirective {\n  private el = inject(ElementRef)\n  private httpClient = inject(HttpClient)\n\n  private _src: string | undefined\n\n  // eslint-disable-next-line @angular-eslint/no-output-native\n  @Output() error = new EventEmitter<void>()\n\n  @Input()\n  get ocxShellSrc(): string | undefined {\n    return this._src\n  }\n  set ocxShellSrc(value: string | undefined) {\n    if (value && this._src !== value && window.location.hostname) {\n      try {\n        if (new URL(value, window.location.origin).hostname === window.location.hostname) {\n          this.httpClient.get(value, { observe: 'response', responseType: 'blob' }).subscribe(\n            (response: HttpResponse<Blob>) => {\n              // ok with content\n              if (response?.status === 200) {\n                const url = URL.createObjectURL(response.body as Blob)\n                this.el.nativeElement.addEventListener('load', () => {\n                  URL.revokeObjectURL(url)\n                })\n                this.el.nativeElement.src = url\n              }\n              // no content\n              if (response?.status === 204) {\n                this.error.emit()\n              }\n            },\n            () => {\n              // on error\n              this.error.emit()\n            },\n            () => {\n              // on complete\n              this.el.nativeElement.style.visibility = 'initial'\n            }\n          )\n        } else {\n          this.el.nativeElement.src = value\n          this.el.nativeElement.style.visibility = 'initial'\n        }\n      } catch (error) {\n        console.error('Cannot parse URL ', value, error)\n        this.el.nativeElement.src = value\n        this.el.nativeElement.style.visibility = 'initial'\n      }\n      this._src = value\n    }\n  }\n\n  constructor() {\n    this.el.nativeElement.style.visibility = 'hidden'\n  }\n}\n","import { Component, inject } from '@angular/core'\nimport { Router } from '@angular/router'\nimport { AppStateService, CONFIG_KEY, ConfigurationService, ThemeService } from '@onecx/angular-integration-interface'\nimport { Observable, combineLatest, filter, map, mergeMap, of, withLatestFrom } from 'rxjs'\nimport {\n  WORKSPACE_CONFIG_BFF_SERVICE_PROVIDER,\n  WorkspaceConfigBffService,\n} from '../../shell-interface/workspace-config-bff-service-provider'\n\n@Component({\n  standalone: false,\n  selector: 'ocx-shell-footer',\n  templateUrl: './portal-footer.component.html',\n  styleUrls: ['./portal-footer.component.scss'],\n})\nexport class PortalFooterComponent {\n  private configurationService = inject(ConfigurationService)\n  router = inject(Router)\n  private appState = inject(AppStateService)\n  private themeService = inject(ThemeService)\n  workspaceConfigBffService = inject<WorkspaceConfigBffService | undefined>(WORKSPACE_CONFIG_BFF_SERVICE_PROVIDER, {\n    optional: true,\n  })\n\n  logoUrl$: Observable<string | undefined>\n  versionInfo$: Observable<string | undefined>\n\n  constructor() {\n    this.versionInfo$ = this.appState.currentMfe$.pipe(\n      withLatestFrom(this.appState.currentWorkspace$.asObservable()),\n      map(([mfe, workspace]) => {\n        const mfeInfoVersion = mfe?.version || ''\n        const mfeName = mfe?.displayName\n        const hostVersion = this.configurationService.getProperty(CONFIG_KEY.APP_VERSION) || 'DEV-LOCAL'\n        const mfInfoText = mfeName ? `MF ${mfeName} v${mfeInfoVersion}` : ''\n        return `Portal: ${workspace.workspaceName} v${hostVersion} ${mfInfoText}`\n      })\n    )\n    this.logoUrl$ = combineLatest([\n      this.themeService.currentTheme$.asObservable(),\n      this.appState.currentWorkspace$.asObservable(),\n    ]).pipe(\n      mergeMap(([theme, portalData]) => {\n        if (!theme.logoUrl && !portalData.logoUrl) {\n          return (this.workspaceConfigBffService?.getThemeLogoByName(theme.name ?? '') ?? of()).pipe(\n            filter((blob) => !!blob),\n            map((blob) => URL.createObjectURL(blob))\n          )\n        }\n        return of(theme.logoUrl || portalData.logoUrl)\n      })\n    )\n  }\n\n  public onErrorHandleSrc(): void {\n    this.logoUrl$ = of(undefined)\n  }\n\n  onLoad(logoUrl: string) {\n    if (logoUrl.startsWith('blob: ')) {\n      URL.revokeObjectURL(logoUrl)\n    }\n  }\n}\n","<div class=\"mx-3 sm:ml-4 py-2 flex flex-wrap align-items-center justify-content-between row-gap-1\">\n  <div class=\"flex flex-wrap align-items-center justify-content-start column-gap-3 row-gap-1\">\n    @if (logoUrl$ | async; as logoUrl) {\n      <img\n        alt=\"logo\"\n        class=\"max-h-1rem\"\n        [ocxShellSrc]=\"logoUrl ?? ''\"\n        (error)=\"onErrorHandleSrc()\"\n        (load)=\"onLoad(logoUrl)\"\n        />\n    }\n    <ocx-slot name=\"onecx-shell-footer\"></ocx-slot>\n  </div>\n  <div class=\"text-xs\">{{versionInfo$ | async}}</div>\n</div>\n","import { animate, style, transition, trigger } from '@angular/animations'\nimport { Component, EventEmitter, Input, Output, inject } from '@angular/core'\nimport { UntilDestroy } from '@ngneat/until-destroy'\nimport { Observable, combineLatest, filter, map, mergeMap, of } from 'rxjs'\n\nimport { AppStateService, ThemeService } from '@onecx/angular-integration-interface'\nimport {\n  WORKSPACE_CONFIG_BFF_SERVICE_PROVIDER,\n  WorkspaceConfigBffService,\n} from '../../shell-interface/workspace-config-bff-service-provider'\nimport { SlotService } from '@onecx/angular-remote-components'\n\n@Component({\n  standalone: false,\n  selector: 'ocx-shell-header',\n  templateUrl: './header.component.html',\n  styleUrls: ['./header.component.scss'],\n  animations: [\n    trigger('topbarActionPanelAnimation', [\n      transition(':enter', [\n        style({ opacity: 0, transform: 'scaleY(0.8)' }),\n        animate('.12s cubic-bezier(0, 0, 0.2, 1)', style({ opacity: 1, transform: '*' })),\n      ]),\n      transition(':leave', [animate('.1s linear', style({ opacity: 0 }))]),\n    ]),\n  ],\n})\n@UntilDestroy()\nexport class HeaderComponent {\n  @Input() menuButtonTitle: string | undefined\n  @Input() fullPortalLayout = true\n  @Input() homeNavUrl = '/'\n  @Input() homeNavTitle = 'Home'\n  @Input() isStaticalMenu = false\n  @Input() isHorizontalMenu = false\n  @Output() menuButtonClick: EventEmitter<any> = new EventEmitter()\n\n  private themeService = inject(ThemeService)\n  private appStateService = inject(AppStateService)\n  workspaceConfigBffService = inject<WorkspaceConfigBffService | undefined>(WORKSPACE_CONFIG_BFF_SERVICE_PROVIDER, {\n    optional: true,\n  })\n  private slotService = inject(SlotService)\n\n  menuExpanded = false\n  fallbackImg = false\n  logoUrl$: Observable<string | undefined>\n\n  verticalMenuSlotName = 'onecx-shell-vertical-menu'\n  isVerticalMenuComponentDefined$: Observable<boolean>\n\n  constructor() {\n    this.logoUrl$ = combineLatest([\n      this.themeService.currentTheme$.asObservable(),\n      this.appStateService.currentWorkspace$.asObservable(),\n    ]).pipe(\n      mergeMap(([theme, portal]) => {\n        if (!theme.logoUrl && !portal.logoUrl) {\n          return (this.workspaceConfigBffService?.getThemeLogoByName(theme.name ?? '') ?? of()).pipe(\n            filter((blob) => !!blob),\n            map((blob) => URL.createObjectURL(blob))\n          )\n        }\n        return of(theme.logoUrl || portal.logoUrl)\n      })\n    )\n\n    this.isVerticalMenuComponentDefined$ = this.slotService.isSomeComponentDefinedForSlot(this.verticalMenuSlotName)\n  }\n\n  onMenuButtonClick(e: Event) {\n    this.menuButtonClick.emit(e)\n  }\n\n  onLoad(logoUrl: string) {\n    if (logoUrl.startsWith('blob: ')) {\n      URL.revokeObjectURL(logoUrl)\n    }\n  }\n}\n","<div\n  [ngClass]=\"{'layout-menu-button-hidden': isHorizontalMenu || (isVerticalMenuComponentDefined$ | async) === false}\"\n  class=\"layout-topbar\"\n  id=\"ocx_header\"\n  role=\"banner\"\n>\n  <div\n    class=\"layout-topbar-left\"\n    [ngClass]=\"{'vertical-menu': !(isHorizontalMenu || (isVerticalMenuComponentDefined$ | async) === false)}\"\n  >\n    @if (logoUrl$ | async; as logoUrl) {\n    <div class=\"layout-topbar-logo\">\n      @if (logoUrl && !fallbackImg) {\n      <img\n        id=\"app-logo\"\n        [ocxShellSrc]=\"logoUrl\"\n        alt=\"Logo\"\n        style=\"max-height: 100%; max-width: 100%\"\n        (error)=\"fallbackImg=true\"\n        (load)=\"onLoad(logoUrl)\"\n      />\n      }\n    </div>\n    } @if (((logoUrl$ | async) === null) || fallbackImg) {\n    <svg width=\"160\" viewBox=\"0 0 283 72\" class=\"default-logo\">\n      <defs id=\"SvgjsDefs4962\"></defs>\n      <g\n        id=\"SvgjsG4963\"\n        featurekey=\"symbolFeature-0\"\n        transform=\"matrix(0.7555406501686023,0,0,0.7555406501686023,-4.883814572467361,-0.26595028490140254)\"\n      >\n        <path\n          xmlns=\"http://www.w3.org/2000/svg\"\n          d=\"M88.54,46.256L9.464,0.616c-0.616-0.352-1.384-0.352-2,0c-0.62,0.36-1,1.02-1,1.736v91.296c0,0.716,0.38,1.375,1,1.731  c0.308,0.185,0.656,0.269,1,0.269c0.344,0,0.692-0.084,1-0.269L88.54,49.729c0.616-0.36,1-1.021,1-1.736  C89.54,47.276,89.152,46.616,88.54,46.256z M60.08,49.771L21.388,69.805c-0.288,0.147-0.604,0.223-0.92,0.223  c-0.36,0-0.72-0.092-1.04-0.287c-0.596-0.364-0.96-1.008-0.96-1.713v-40.06c0-0.696,0.364-1.344,0.96-1.712  c0.596-0.36,1.336-0.392,1.96-0.068l38.696,20.028c0.664,0.344,1.084,1.032,1.084,1.772C61.164,48.74,60.744,49.428,60.08,49.771z\"\n        ></path>\n        <path xmlns=\"http://www.w3.org/2000/svg\" d=\"M22.464,64.744l32.345-16.748l-32.345-16.74V64.744z\"></path>\n      </g>\n      <g\n        id=\"SvgjsG4964\"\n        featurekey=\"nameFeature-0\"\n        transform=\"matrix(1.0207331753701396,0,0,1.0207331753701396,81.5644404108694,15.72408377414908)\"\n      >\n        <path\n          d=\"M17.344 32.6562 c-0.78125 -0.15625 -1.5105 -0.3907 -2.1876 -0.7032 c-1.4584 -0.67711 -2.7344 -1.6146 -3.8281 -2.8125 c-1.0416 -1.0938 -1.875 -2.4479 -2.5 -4.0625 c-0.57289 -1.6146 -0.85938 -3.2552 -0.85938 -4.9219 l0 -0.15625 l0 -0.23438 c0 -1.7188 0.28648 -3.3854 0.85938 -5 c0.67711 -1.6666 1.5105 -2.9948 2.5001 -3.9844 c1.0416 -1.1979 2.2916 -2.1094 3.75 -2.7344 c0.88539 -0.41664 1.6406 -0.67703 2.2656 -0.78117 l0 -5.8594 c-1.8229 0.26039 -3.4375 0.70313 -4.8438 1.3281 c-2.2916 0.98961 -4.2448 2.3177 -5.8594 3.9844 s-2.8906 3.6458 -3.8281 5.9374 s-1.4063 4.6875 -1.4063 7.1875 l0 0.15625 l0 0.23438 c0 2.5521 0.46875 4.948 1.4063 7.1876 c0.83336 2.2396 2.0834 4.1927 3.75 5.8594 c1.6666 1.7188 3.6198 3.0469 5.8594 3.9844 c1.4063 0.625 3.0469 1.0677 4.9219 1.3281 l0 -5.9375 z M38.594 20 l0.000076294 -0.23438 c0 -2.5521 -0.46875 -4.948 -1.4063 -7.1876 c-0.9375 -2.2916 -2.2135 -4.2708 -3.8281 -5.9374 c-1.5625 -1.6666 -3.4896 -2.9688 -5.7813 -3.9063 c-1.3021 -0.625 -2.8906 -1.0677 -4.7656 -1.3281 l0 5.9375 l0.9375 0.3125 c0.46875 0.15625 0.83336 0.28648 1.0938 0.39063 c1.4584 0.67711 2.7344 1.6146 3.8281 2.8125 c1.0416 1.0938 1.875 2.4479 2.5 4.0625 c0.57289 1.6146 0.85938 3.2552 0.85938 4.9219 l0 0.15625 l0 0.23438 c0 1.7188 -0.28648 3.3854 -0.85938 5 c-0.67711 1.6666 -1.5105 2.9948 -2.5001 3.9844 c-1.0416 1.1979 -2.2916 2.1094 -3.75 2.7344 c-0.67711 0.3125 -1.3802 0.54688 -2.1094 0.70313 l0 5.9375 c1.5625 -0.20836 3.125 -0.65109 4.6875 -1.3282 c2.1354 -0.88539 4.0885 -2.2135 5.8594 -3.9844 c1.7188 -1.8229 2.9948 -3.802 3.8281 -5.9374 c0.9375 -2.2916 1.4063 -4.6875 1.4063 -7.1875 l0 -0.15625 z M43.8281 38.5937 l6.4844 0 l0 -19.922 l-6.4844 -9.1406 l0 29.063 z M69.76599999999999 1.4059999999999988 l0 25.703 l-18.359 -25.703 l-7.0313 0 l26.406 37.188 l5.3906 0 l0 -37.188 l-6.4063 0 z M86.0938 1.4059999999999988 l27.813 0 l0 5.9375 l-27.813 0 l0 -5.9375 z M86.0938 32.6562 l27.734 0 l0 5.9375 l-27.734 0 l0 -5.9375 z M86.0938 16.875 l25.078 0 l0 5.8594 l-25.078 0 l0 -5.8594 z M127.2656 12.5 c0.9375 -2.2916 2.2916 -4.2447 4.0624 -5.8593 c1.6146 -1.6146 3.698 -2.9167 6.2501 -3.9063 s5.2344 -1.4844 8.0469 -1.4844 l8.6719 0 l0 5.9375 l-8.5938 0 c-2.0313 0 -3.8281 0.33852 -5.3906 1.0156 c-1.6666 0.67711 -3.0208 1.5625 -4.0624 2.6563 c-1.0938 1.0416 -1.9791 2.3958 -2.6563 4.0624 c-0.625 1.5104 -0.9375 3.2031 -0.9375 5.0781 s0.3125 3.5677 0.9375 5.0781 c0.625 1.5625 1.5104 2.9166 2.6563 4.0625 c1.0416 1.0416 2.3958 1.901 4.0624 2.5781 c1.6666 0.625 3.4635 0.9375 5.3906 0.9375 l8.5938 0 l0 5.9375 l-8.6719 0 c-2.9166 0 -5.5729 -0.46875 -7.9688 -1.4063 c-2.5 -1.0416 -4.6094 -2.3698 -6.3281 -3.9844 c-1.7709 -1.6666 -3.125 -3.6458 -4.0625 -5.9374 c-0.98961 -2.3959 -1.4844 -4.8438 -1.4844 -7.3438 c0 -2.6563 0.49477 -5.1302 1.4844 -7.4219 z M176.484 29.375 l3.5156 -4.6875 l-0.078125 -0.15625 z M196.875 1.4059999999999988 l-7.5 0 l-9.2969 13.359 l-9.2188 -13.359 l-7.7344 0 l13.047 18.281 l-13.516 18.906 l8.3594 0 z M197.344 38.5937 l-10.313 -14.609 l-3.9063 5.2344 l6.5625 9.375 l7.6563 0 z\"\n        ></path>\n      </g>\n    </svg>\n    }\n    <a\n      id=\"ocx_vertical_menu_action_toggle\"\n      class=\"layout-menu-button\"\n      (click)=\"onMenuButtonClick($event)\"\n      pRipple\n      [pTooltip]=\"'OCX_HEADER.MENU_TOGGLE' | translate\"\n      tooltipPosition=\"top\"\n      tooltipEvent=\"hover\"\n    >\n      <i\n        [ngClass]=\"{'toggle-button-direction': isStaticalMenu && (isVerticalMenuComponentDefined$ | async) === true}\"\n        class=\"pi pi-chevron-right\"\n      ></i>\n    </a>\n  </div>\n\n  <div class=\"layout-topbar-right\">\n    <div class=\"layout-topbar-actions-left\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"layout-topbar-actions-right\">\n      <ocx-slot name=\"onecx-shell-header-right\" class=\"layout-topbar-items\">\n        <ng-template #skeleton>\n          <div class=\"flex align-items-center h-full justify-content-center\" style=\"width: 56px\">\n            <p-skeleton shape=\"circle\" size=\"2.5rem\" class=\"h-full flex align-items-center\"></p-skeleton>\n          </div>\n        </ng-template>\n      </ocx-slot>\n    </div>\n  </div>\n</div>\n","import { InjectionToken } from \"@angular/core\"\nimport { BehaviorSubject } from \"rxjs\"\n\nexport const SHOW_CONTENT_PROVIDER = new InjectionToken<ShowContentProvider>('SHOW_CONTENT_PROVIDER')\n\nexport interface ShowContentProvider {\n  showContent$: BehaviorSubject<boolean>\n}","import { Component } from '@angular/core'\n\n@Component({\n  standalone: false,\n  selector: 'ocx-app-loading-spinner',\n  templateUrl: 'app-loading-spinner.component.html',\n  styleUrl: 'app-loading-spinner.component.scss',\n})\nexport class AppLoadingSpinnerComponent {}\n","<div class=\"w-full h-full absolute top-0 left-0 element-overlay\">\n    <div class=\"loader\"></div>\n</div>","import { HttpClient } from '@angular/common/http'\nimport { Component, HostListener, OnDestroy, OnInit, inject } from '@angular/core'\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy'\nimport {\n  AppStateService,\n  Message,\n  PortalMessageService,\n  ThemeService,\n  UserService,\n} from '@onecx/angular-integration-interface'\nimport { MessageService } from 'primeng/api'\nimport { PrimeNG } from 'primeng/config'\nimport { filter, first, from, mergeMap, Observable, of } from 'rxjs'\nimport { SHOW_CONTENT_PROVIDER, ShowContentProvider } from '../../shell-interface/show-content-provider'\nimport {\n  WORKSPACE_CONFIG_BFF_SERVICE_PROVIDER,\n  WorkspaceConfigBffService,\n} from '../../shell-interface/workspace-config-bff-service-provider'\nimport { SlotService } from '@onecx/angular-remote-components'\n\n@Component({\n  standalone: false,\n  selector: 'ocx-shell-portal-viewport',\n  templateUrl: './portal-viewport.component.html',\n  styleUrls: ['./portal-viewport.component.scss'],\n})\n@UntilDestroy()\nexport class PortalViewportComponent implements OnInit, OnDestroy {\n  private primengConfig = inject(PrimeNG)\n  private messageService = inject(MessageService)\n  private appStateService = inject(AppStateService)\n  private portalMessageService = inject(PortalMessageService)\n  private userService = inject(UserService)\n  themeService = inject(ThemeService)\n  private httpClient = inject(HttpClient)\n  showContentProvider = inject<ShowContentProvider | undefined>(SHOW_CONTENT_PROVIDER, { optional: true })\n  workspaceConfigBffService = inject<WorkspaceConfigBffService | undefined>(WORKSPACE_CONFIG_BFF_SERVICE_PROVIDER, {\n    optional: true,\n  })\n  private slotService = inject(SlotService)\n\n  menuButtonTitle = ''\n  menuActive = true\n  activeTopbarItem: string | undefined\n\n  removeDocumentClickListener: (() => void) | undefined\n\n  colorScheme: 'auto' | 'light' | 'dark' = 'light'\n  menuMode: 'horizontal' | 'static' | 'overlay' | 'slim' | 'slimplus' = 'static'\n  inputStyle = 'outline'\n  ripple = true\n  isMobile = false\n  globalErrMsg: string | undefined\n\n  verticalMenuSlotName = 'onecx-shell-vertical-menu'\n  isVerticalMenuComponentDefined$: Observable<boolean>\n\n  constructor() {\n    this.portalMessageService.message$.subscribe((message: Message) => this.messageService.add(message))\n    this.userService.profile$.pipe(untilDestroyed(this)).subscribe((profile) => {\n      this.menuMode =\n        (profile?.accountSettings?.layoutAndThemeSettings?.menuMode?.toLowerCase() as\n          | typeof this.menuMode\n          | undefined) ?? this.menuMode\n\n      this.colorScheme =\n        (profile?.accountSettings?.layoutAndThemeSettings?.colorScheme?.toLowerCase() as\n          | typeof this.colorScheme\n          | undefined) ?? this.colorScheme\n    })\n\n    this.themeService.currentTheme$\n      .pipe(\n        first(),\n        mergeMap((theme) => {\n          return (\n            theme.faviconUrl\n              ? this.httpClient.get(theme.faviconUrl ?? '', { responseType: 'blob' })\n              : (this.workspaceConfigBffService?.getThemeFaviconByName(theme.name ?? '') ?? of())\n          ).pipe(\n            filter((blob) => !!blob),\n            mergeMap((blob) => {\n              return from(\n                new Promise((resolve) => {\n                  const reader = new FileReader()\n                  reader.onload = (e) => resolve(e.target?.result)\n                  reader.readAsDataURL(blob)\n                })\n              )\n            })\n          )\n        })\n      )\n      .subscribe((url) => {\n        let link = document.querySelector(\"link[rel~='icon']\") as any\n        if (!link) {\n          link = document.createElement('link')\n          link.rel = 'icon'\n          document.head.appendChild(link)\n        }\n        link.href = url\n      })\n\n      this.isVerticalMenuComponentDefined$ = this.slotService.isSomeComponentDefinedForSlot(this.verticalMenuSlotName)\n  }\n\n  ngOnInit() {\n    this.primengConfig.ripple.set(true)\n\n    this.appStateService.globalError$\n      .pipe(untilDestroyed(this))\n      .pipe(filter((i) => i !== undefined))\n      .subscribe((err: string | undefined) => {\n        console.error('global error')\n        this.globalErrMsg = err\n      })\n\n    this.onResize()\n  }\n\n  ngOnDestroy() {\n    this.removeDocumentClickListener?.()\n  }\n\n  onMenuButtonClick(event: MouseEvent) {\n    this.activeTopbarItem = undefined\n    this.menuActive = !this.menuActive\n    event.preventDefault()\n    event.stopPropagation()\n  }\n\n  @HostListener('window:resize')\n  onResize() {\n    const mobileBreakpointVar = getComputedStyle(document.documentElement).getPropertyValue('--mobile-break-point')\n    const isMobile = window.matchMedia(`(max-width: ${mobileBreakpointVar})`).matches\n    // auto show sidebar when changing to desktop, hide when changing to mobile\n    if (isMobile !== this.isMobile) this.menuActive = !isMobile\n    this.isMobile = isMobile\n  }\n\n  isHorizontalMenuMode() {\n    return this.menuMode === 'horizontal' && !this.isMobile\n  }\n\n  isStaticalMenuVisible() {\n    return this.menuActive && !this.isHorizontalMenuMode()\n  }\n\n  isHorizontalMenuVisible() {\n    return this.isHorizontalMenuMode()\n  }\n}\n","<div\n  *ngIf=\"!globalErrMsg; else globalError\"\n  [ngClass]=\"{\n    'layout-wrapper layout-topbar-var': themeService.currentTheme$ | async,\n    'p-input-filled': inputStyle === 'filled', \n    'p-ripple-disabled': !ripple,\n    'layout-menu-active': isStaticalMenuVisible() && (isVerticalMenuComponentDefined$ | async),\n  }\"\n  [class]=\"'layout-menu-' + this.colorScheme\"\n>\n  <ng-container *ngIf=\"themeService.currentTheme$ | async; else noTheme\">\n    <ocx-shell-header\n      [menuButtonTitle]=\"menuButtonTitle\"\n      (menuButtonClick)=\"onMenuButtonClick($event)\"\n      [isStaticalMenu]=\"isStaticalMenuVisible()\"\n      [isHorizontalMenu]=\"isHorizontalMenuMode()\"\n    >\n      <div [hidden]=\"!isHorizontalMenuVisible()\">\n        <ocx-slot name=\"onecx-shell-horizontal-menu\">\n          <ng-template #skeleton>\n            <div class=\"ml-4 flex flex-row gap-4\">\n              <p-skeleton class=\"w-full h-full inline-block\" height=\"35px\" width=\"120px\"></p-skeleton>\n              <p-skeleton class=\"w-full h-full inline-block\" height=\"35px\" width=\"120px\"></p-skeleton>\n            </div>\n          </ng-template>\n        </ocx-slot>\n      </div>\n    </ocx-shell-header>\n\n    <p-toast></p-toast>\n\n    <div [hidden]=\"!isStaticalMenuVisible()\" class=\"menu-wrapper\">\n      <div class=\"layout-menu-container overflow-auto\">\n        <ocx-slot name=\"{{verticalMenuSlotName}}\">\n          <ng-template #skeleton>\n            <p-skeleton class=\"w-full h-full inline-block p-2\" height=\"35px\"></p-skeleton>\n          </ng-template>\n        </ocx-slot>\n      </div>\n    </div>\n\n    <div class=\"layout-main\">\n      <div class=\"layout-content relative\">\n        <ocx-slot name=\"onecx-shell-sub-header\"></ocx-slot>\n        <ng-container *ngIf=\"!showContentProvider || (showContentProvider.showContent$ | async); else appLoading\">\n          <ng-content></ng-content>\n          <router-outlet></router-outlet>\n        </ng-container>\n      </div>\n\n      <ocx-shell-footer></ocx-shell-footer>\n    </div>\n    <div *ngIf=\"menuActive || !!activeTopbarItem\" class=\"layout-mask modal-in\"></div>\n  </ng-container>\n\n  <ng-template #noTheme>\n    <div class=\"layout-main\">\n      <div class=\"layout-content relative\">\n        <ng-content></ng-content>\n        <router-outlet></router-outlet>\n      </div>\n    </div>\n  </ng-template>\n</div>\n\n<ng-template #globalError>\n  <ocx-shell-error [errCode]=\"globalErrMsg\"></ocx-shell-error>\n</ng-template>\n\n<ng-template #appLoading>\n  <ocx-app-loading-spinner></ocx-app-loading-spinner>\n</ng-template>\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\nimport { RouterModule } from '@angular/router'\nimport { AngularRemoteComponentsModule } from '@onecx/angular-remote-components'\nimport { ToastModule } from 'primeng/toast'\nimport { providePrimeNG } from 'primeng/config'\nimport { GlobalErrorComponent } from './components/error-component/global-error.component'\nimport { PortalFooterComponent } from './components/portal-footer/portal-footer.component'\nimport { HeaderComponent } from './components/portal-header/header.component'\nimport { PortalViewportComponent } from './components/portal-viewport/portal-viewport.component'\nimport { SkeletonModule } from 'primeng/skeleton'\nimport { AppLoadingSpinnerComponent } from './components/app-loading-spinner/app-loading-spinner.component'\nimport { ShellSrcDirective } from './directives/src.directive'\nimport { TranslateModule } from '@ngx-translate/core'\nimport { TooltipModule } from 'primeng/tooltip'\n\n@NgModule({\n  imports: [\n    AngularRemoteComponentsModule,\n    CommonModule,\n    RouterModule,\n    SkeletonModule,\n    ToastModule,\n    TooltipModule,\n    TranslateModule,\n  ],\n  declarations: [\n    PortalViewportComponent,\n    HeaderComponent,\n    PortalFooterComponent,\n    GlobalErrorComponent,\n    AppLoadingSpinnerComponent,\n    ShellSrcDirective,\n  ],\n  exports: [\n    GlobalErrorComponent,\n    HeaderComponent,\n    PortalViewportComponent,\n    PortalFooterComponent,\n    ToastModule,\n    TooltipModule,\n    TranslateModule,\n  ],\n  providers: [providePrimeNG()],\n})\nexport class ShellCoreModule {}\n","import { Injectable } from '@angular/core'\nimport { Observable, shareReplay } from 'rxjs'\n\n@Injectable({ providedIn: 'root' })\nexport class PermissionsCacheService {\n  permissions: Record<string, Observable<string[]>> = {}\n\n  getPermissions(\n    appId: string,\n    productName: string,\n    cacheMissFkt: (appId: string, productName: string) => Observable<string[]>\n  ): Observable<string[]> {\n    const key = appId + '|' + productName\n    if (!this.permissions[key]) {\n      this.permissions[key] = cacheMissFkt(appId, productName).pipe(shareReplay())\n    }\n    return this.permissions[key]\n  }\n}\n","export const SHELL_BFF_PREFIX = 'shell-bff'","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2.ShellSrcDirective","i3","i5.ShellSrcDirective","i4","i6.HeaderComponent","i7.PortalFooterComponent","i8.GlobalErrorComponent","i9.AppLoadingSpinnerComponent"],"mappings":"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"}
+{"version":3,"file":"onecx-shell-core.mjs","sources":["../../../../libs/shell-core/src/lib/components/error-component/global-error.component.ts","../../../../libs/shell-core/src/lib/components/error-component/global-error.component.html","../../../../libs/shell-core/src/lib/shell-interface/workspace-config-bff-service-provider.ts","../../../../libs/shell-core/src/lib/directives/src.directive.ts","../../../../libs/shell-core/src/lib/components/portal-footer/portal-footer.component.ts","../../../../libs/shell-core/src/lib/components/portal-footer/portal-footer.component.html","../../../../libs/shell-core/src/lib/components/portal-header/header.component.ts","../../../../libs/shell-core/src/lib/components/portal-header/header.component.html","../../../../libs/shell-core/src/lib/shell-interface/show-content-provider.ts","../../../../libs/shell-core/src/lib/components/app-loading-spinner/app-loading-spinner.component.ts","../../../../libs/shell-core/src/lib/components/app-loading-spinner/app-loading-spinner.component.html","../../../../libs/shell-core/src/lib/components/portal-viewport/portal-viewport.component.ts","../../../../libs/shell-core/src/lib/components/portal-viewport/portal-viewport.component.html","../../../../libs/shell-core/src/lib/shell-core.module.ts","../../../../libs/shell-core/src/lib/services/permissions-cache.service.ts","../../../../libs/shell-core/src/lib/model/constants.ts","../../../../libs/shell-core/src/onecx-shell-core.ts"],"sourcesContent":["import { Component, Input, inject } from '@angular/core'\nimport { ActivatedRoute, Router } from '@angular/router'\n\n@Component({\n  standalone: false,\n  selector: 'ocx-shell-error',\n  templateUrl: './global-error.component.html',\n  styleUrls: ['./global-error.component.scss'],\n})\nexport class GlobalErrorComponent {\n  private router = inject(Router)\n  private route = inject(ActivatedRoute)\n\n  @Input()\n  errCode: string | undefined\n  backUrl: string\n\n  constructor() {\n    this.errCode = this.route.snapshot.queryParamMap.get('err') || 'E1001_FAILED_START'\n    this.backUrl = this.route.snapshot.queryParamMap.get('return') || '/'\n  }\n\n  onGoBack() {\n    this.router.navigateByUrl(this.backUrl)\n  }\n\n  reload() {\n    window.location.reload()\n  }\n}\n","<div class=\"pages-body error-page flex flex-column\">\n  <div class=\"align-self-center mt-auto mb-auto\">\n    <div class=\"pages-panel card flex flex-column\">\n      <div class=\"pages-header px-3 py-1\">\n        <h2>ERROR</h2>\n      </div>\n      <div class=\"card mt-3 px-6\">\n        <img src=\"assets/images/error.png\" alt=\"\" />\n      </div>\n      <div class=\"pages-detail pb-6\">{{errCode}}</div>\n      <button pButton pRipple type=\"button\" label=\"Try Again\" (click)=\"reload()\" class=\"p-button-text\"></button>\n    </div>\n  </div>\n</div>\n","import { HttpContext, HttpResponse, HttpEvent } from '@angular/common/http'\nimport { InjectionToken } from '@angular/core'\nimport { Observable } from 'rxjs'\n\nexport const WORKSPACE_CONFIG_BFF_SERVICE_PROVIDER = new InjectionToken<WorkspaceConfigBffService>(\n  'WORKSPACE_CONFIG_BFF_SERVICE_PROVIDER'\n)\n\nexport interface WorkspaceConfigBffService {\n  getThemeFaviconByName(\n    name: string,\n    observe?: 'body',\n    reportProgress?: boolean,\n    options?: { httpHeaderAccept?: 'image/*'; context?: HttpContext }\n  ): Observable<Blob>\n  getThemeFaviconByName(\n    name: string,\n    observe?: 'response',\n    reportProgress?: boolean,\n    options?: { httpHeaderAccept?: 'image/*'; context?: HttpContext }\n  ): Observable<HttpResponse<Blob>>\n  getThemeFaviconByName(\n    name: string,\n    observe?: 'events',\n    reportProgress?: boolean,\n    options?: { httpHeaderAccept?: 'image/*'; context?: HttpContext }\n  ): Observable<HttpEvent<Blob>>\n  getThemeFaviconByName(\n    name: string,\n    observe: 'body',\n    reportProgress: false,\n    options?: { httpHeaderAccept?: 'image/*'; context?: HttpContext }\n  ): Observable<any>\n\n  getThemeLogoByName(\n    name: string,\n    observe?: 'body',\n    reportProgress?: boolean,\n    options?: { httpHeaderAccept?: 'image/*'; context?: HttpContext }\n  ): Observable<Blob>\n  getThemeLogoByName(\n    name: string,\n    observe?: 'response',\n    reportProgress?: boolean,\n    options?: { httpHeaderAccept?: 'image/*'; context?: HttpContext }\n  ): Observable<HttpResponse<Blob>>\n  getThemeLogoByName(\n    name: string,\n    observe?: 'events',\n    reportProgress?: boolean,\n    options?: { httpHeaderAccept?: 'image/*'; context?: HttpContext }\n  ): Observable<HttpEvent<Blob>>\n  getThemeLogoByName(\n    name: string,\n    observe: 'body',\n    reportProgress: false,\n    options?: { httpHeaderAccept?: 'image/*'; context?: HttpContext }\n  ): Observable<any>\n}\n","import { HttpClient, HttpResponse } from '@angular/common/http'\nimport { Directive, ElementRef, EventEmitter, Input, Output, inject } from '@angular/core'\n\n@Directive({ selector: '[ocxShellSrc]', standalone: false })\nexport class ShellSrcDirective {\n  private el = inject(ElementRef)\n  private httpClient = inject(HttpClient)\n\n  private _src: string | undefined\n\n  // eslint-disable-next-line @angular-eslint/no-output-native\n  @Output() error = new EventEmitter<void>()\n\n  @Input()\n  get ocxShellSrc(): string | undefined {\n    return this._src\n  }\n  set ocxShellSrc(value: string | undefined) {\n    if (value && this._src !== value && window.location.hostname) {\n      try {\n        if (new URL(value, window.location.origin).hostname === window.location.hostname) {\n          this.httpClient.get(value, { observe: 'response', responseType: 'blob' }).subscribe(\n            (response: HttpResponse<Blob>) => {\n              // ok with content\n              if (response?.status === 200) {\n                const url = URL.createObjectURL(response.body as Blob)\n                this.el.nativeElement.addEventListener('load', () => {\n                  URL.revokeObjectURL(url)\n                })\n                this.el.nativeElement.src = url\n              }\n              // no content\n              if (response?.status === 204) {\n                this.error.emit()\n              }\n            },\n            () => {\n              // on error\n              this.error.emit()\n            },\n            () => {\n              // on complete\n              this.el.nativeElement.style.visibility = 'initial'\n            }\n          )\n        } else {\n          this.el.nativeElement.src = value\n          this.el.nativeElement.style.visibility = 'initial'\n        }\n      } catch (error) {\n        console.error('Cannot parse URL ', value, error)\n        this.el.nativeElement.src = value\n        this.el.nativeElement.style.visibility = 'initial'\n      }\n      this._src = value\n    }\n  }\n\n  constructor() {\n    this.el.nativeElement.style.visibility = 'hidden'\n  }\n}\n","import { Component, inject } from '@angular/core'\nimport { Router } from '@angular/router'\nimport { AppStateService, CONFIG_KEY, ConfigurationService, ThemeService } from '@onecx/angular-integration-interface'\nimport { Observable, combineLatest, filter, map, mergeMap, of, withLatestFrom } from 'rxjs'\nimport {\n  WORKSPACE_CONFIG_BFF_SERVICE_PROVIDER,\n  WorkspaceConfigBffService,\n} from '../../shell-interface/workspace-config-bff-service-provider'\n\n/**\n * @deprecated Replaced by Page Footer\n */\n@Component({\n  standalone: false,\n  selector: 'ocx-shell-footer',\n  templateUrl: './portal-footer.component.html',\n  styleUrls: ['./portal-footer.component.scss'],\n})\nexport class PortalFooterComponent {\n  private configurationService = inject(ConfigurationService)\n  router = inject(Router)\n  private appState = inject(AppStateService)\n  private themeService = inject(ThemeService)\n  workspaceConfigBffService = inject<WorkspaceConfigBffService | undefined>(WORKSPACE_CONFIG_BFF_SERVICE_PROVIDER, {\n    optional: true,\n  })\n\n  logoUrl$: Observable<string | undefined>\n  versionInfo$: Observable<string | undefined>\n\n  constructor() {\n    this.versionInfo$ = this.appState.currentMfe$.pipe(\n      withLatestFrom(this.appState.currentWorkspace$.asObservable()),\n      map(([mfe, workspace]) => {\n        const mfeInfoVersion = mfe?.version || ''\n        const mfeName = mfe?.displayName\n        const hostVersion = this.configurationService.getProperty(CONFIG_KEY.APP_VERSION) || 'DEV-LOCAL'\n        const mfInfoText = mfeName ? `MF ${mfeName} v${mfeInfoVersion}` : ''\n        return `Portal: ${workspace.workspaceName} v${hostVersion} ${mfInfoText}`\n      })\n    )\n    this.logoUrl$ = combineLatest([\n      this.themeService.currentTheme$.asObservable(),\n      this.appState.currentWorkspace$.asObservable(),\n    ]).pipe(\n      mergeMap(([theme, portalData]) => {\n        if (!theme.logoUrl && !portalData.logoUrl) {\n          return (this.workspaceConfigBffService?.getThemeLogoByName(theme.name ?? '') ?? of()).pipe(\n            filter((blob) => !!blob),\n            map((blob) => URL.createObjectURL(blob))\n          )\n        }\n        return of(theme.logoUrl || portalData.logoUrl)\n      })\n    )\n  }\n\n  public onErrorHandleSrc(): void {\n    this.logoUrl$ = of(undefined)\n  }\n\n  onLoad(logoUrl: string) {\n    if (logoUrl.startsWith('blob: ')) {\n      URL.revokeObjectURL(logoUrl)\n    }\n  }\n}\n","<div class=\"mx-3 sm:ml-4 py-2 flex flex-wrap align-items-center justify-content-between row-gap-1\">\n  <div class=\"flex flex-wrap align-items-center justify-content-start column-gap-3 row-gap-1\">\n    @if (logoUrl$ | async; as logoUrl) {\n      <img\n        alt=\"logo\"\n        class=\"max-h-1rem\"\n        [ocxShellSrc]=\"logoUrl ?? ''\"\n        (error)=\"onErrorHandleSrc()\"\n        (load)=\"onLoad(logoUrl)\"\n        />\n    }\n    <ocx-slot name=\"onecx-shell-footer\"></ocx-slot>\n  </div>\n  <div class=\"text-xs\">{{versionInfo$ | async}}</div>\n</div>\n","import { animate, style, transition, trigger } from '@angular/animations'\nimport { Component, EventEmitter, Input, Output, inject } from '@angular/core'\nimport { UntilDestroy } from '@ngneat/until-destroy'\nimport { Observable } from 'rxjs'\n\nimport { SlotService } from '@onecx/angular-remote-components'\nimport { Theme, ThemeService } from '@onecx/angular-integration-interface'\n\n@Component({\n  standalone: false,\n  selector: 'ocx-shell-header',\n  templateUrl: './header.component.html',\n  styleUrls: ['./header.component.scss'],\n  animations: [\n    trigger('topbarActionPanelAnimation', [\n      transition(':enter', [\n        style({ opacity: 0, transform: 'scaleY(0.8)' }),\n        animate('.12s cubic-bezier(0, 0, 0.2, 1)', style({ opacity: 1, transform: '*' })),\n      ]),\n      transition(':leave', [animate('.1s linear', style({ opacity: 0 }))]),\n    ]),\n  ],\n})\n@UntilDestroy()\nexport class HeaderComponent {\n  @Input() menuButtonTitle: string | undefined\n  @Input() fullPortalLayout = true\n  @Input() homeNavUrl = '/'\n  @Input() homeNavTitle = 'Home'\n  @Input() isStaticalMenu = false\n  @Input() isHorizontalMenu = false\n  @Output() menuButtonClick: EventEmitter<any> = new EventEmitter()\n\n  private themeService = inject(ThemeService)\n  private slotService = inject(SlotService)\n\n  menuExpanded = false\n  // slot configuration: get theme logo\n  public slotName = 'onecx-theme-data'\n  public isComponentDefined$: Observable<boolean> // check a component was assigned\n  public currentTheme$: Observable<Theme>\n  public logoLoadingEmitter = new EventEmitter<boolean>()\n  public themeLogoLoadingFailed = false\n\n  constructor() {\n    this.isComponentDefined$ = this.slotService.isSomeComponentDefinedForSlot(this.slotName)\n    this.currentTheme$ = this.themeService.currentTheme$.asObservable()\n    this.logoLoadingEmitter.subscribe((data: boolean) => {\n      this.themeLogoLoadingFailed = data\n    })\n  }\n\n  onMenuButtonClick(e: Event) {\n    this.menuButtonClick.emit(e)\n  }\n}\n","<div class=\"layout-topbar_flex\" id=\"ocx_header\" role=\"banner\">\n  <div\n    class=\"layout-topbar-left flex relative justify-content-center align-items-center\"\n    [ngClass]=\"{'vertical-menu': !isHorizontalMenu}\"\n  >\n    <!-- LOGO -->\n    @if (currentTheme$ | async; as theme) { @if (isComponentDefined$ | async) {\n    <ocx-slot\n      [name]=\"slotName\"\n      [inputs]=\"{\n            dataType: 'logo',\n            themeName: theme.name,\n            imageUrl: theme.logoUrl,\n            imageStyleClass: 'max-h-3rem max-w-11rem',\n            logEnabled: false,\n            logPrefix: 'header left logo'\n          }\"\n      [outputs]=\"{ imageLoadingFailed: logoLoadingEmitter }\"\n    ></ocx-slot>\n    } @if (themeLogoLoadingFailed) {\n    <div><!-- portal logo --></div>\n    } }\n    <a\n      id=\"ocx_vertical_menu_action_toggle\"\n      class=\"layout-menu-button\"\n      (click)=\"onMenuButtonClick($event)\"\n      pRipple\n      [pTooltip]=\"'OCX_HEADER.MENU_TOGGLE' | translate\"\n      tooltipPosition=\"top\"\n      tooltipEvent=\"hover\"\n    >\n      <i\n        [ngClass]=\"{'toggle-button-direction': isStaticalMenu && (isComponentDefined$ | async) === true}\"\n        class=\"pi pi-chevron-right\"\n      ></i>\n    </a>\n  </div>\n\n  <div class=\"layout-topbar-right\">\n    <div class=\"layout-topbar-actions-left\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"layout-topbar-actions-right_flex\">\n      <ocx-slot name=\"onecx-shell-header-right\" class=\"layout-topbar-items\">\n        <ng-template #skeleton>\n          <div class=\"flex align-items-center h-full justify-content-center\" style=\"width: 56px\">\n            <p-skeleton shape=\"circle\" size=\"2.5rem\" class=\"h-full flex align-items-center\"></p-skeleton>\n          </div>\n        </ng-template>\n      </ocx-slot>\n    </div>\n  </div>\n</div>\n","import { InjectionToken } from \"@angular/core\"\nimport { BehaviorSubject } from \"rxjs\"\n\nexport const SHOW_CONTENT_PROVIDER = new InjectionToken<ShowContentProvider>('SHOW_CONTENT_PROVIDER')\n\nexport interface ShowContentProvider {\n  showContent$: BehaviorSubject<boolean>\n}","import { Component } from '@angular/core'\n\n@Component({\n  standalone: false,\n  selector: 'ocx-app-loading-spinner',\n  templateUrl: 'app-loading-spinner.component.html',\n  styleUrl: 'app-loading-spinner.component.scss',\n})\nexport class AppLoadingSpinnerComponent {}\n","<div class=\"w-full h-full absolute top-0 left-0 element-overlay\">\n    <div class=\"loader\"></div>\n</div>","import { HttpClient } from '@angular/common/http'\nimport { Component, HostListener, OnDestroy, OnInit, inject } from '@angular/core'\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy'\nimport {\n  AppStateService,\n  Message,\n  PortalMessageService,\n  ThemeService,\n  UserService,\n} from '@onecx/angular-integration-interface'\nimport { MessageService } from 'primeng/api'\nimport { PrimeNG } from 'primeng/config'\nimport { filter, first, from, mergeMap, Observable, of } from 'rxjs'\nimport { SHOW_CONTENT_PROVIDER, ShowContentProvider } from '../../shell-interface/show-content-provider'\nimport {\n  WORKSPACE_CONFIG_BFF_SERVICE_PROVIDER,\n  WorkspaceConfigBffService,\n} from '../../shell-interface/workspace-config-bff-service-provider'\nimport { SlotService } from '@onecx/angular-remote-components'\n\n@Component({\n  standalone: false,\n  selector: 'ocx-shell-portal-viewport',\n  templateUrl: './portal-viewport.component.html',\n  styleUrls: ['./portal-viewport.component.scss'],\n})\n@UntilDestroy()\nexport class PortalViewportComponent implements OnInit, OnDestroy {\n  private primengConfig = inject(PrimeNG)\n  private messageService = inject(MessageService)\n  private appStateService = inject(AppStateService)\n  private portalMessageService = inject(PortalMessageService)\n  private userService = inject(UserService)\n  themeService = inject(ThemeService)\n  private httpClient = inject(HttpClient)\n  showContentProvider = inject<ShowContentProvider | undefined>(SHOW_CONTENT_PROVIDER, { optional: true })\n  workspaceConfigBffService = inject<WorkspaceConfigBffService | undefined>(WORKSPACE_CONFIG_BFF_SERVICE_PROVIDER, {\n    optional: true,\n  })\n  private slotService = inject(SlotService)\n\n  menuButtonTitle = ''\n  menuActive = true\n  activeTopbarItem: string | undefined\n\n  removeDocumentClickListener: (() => void) | undefined\n\n  colorScheme: 'auto' | 'light' | 'dark' = 'light'\n  menuMode: 'horizontal' | 'static' | 'overlay' | 'slim' | 'slimplus' = 'static'\n  inputStyle = 'outline'\n  ripple = true\n  isMobile = false\n  globalErrMsg: string | undefined\n\n  verticalMenuSlotName = 'onecx-shell-vertical-menu'\n  isVerticalMenuComponentDefined$: Observable<boolean>\n\n  constructor() {\n    this.portalMessageService.message$.subscribe((message: Message) => this.messageService.add(message))\n    this.userService.profile$.pipe(untilDestroyed(this)).subscribe((profile) => {\n      this.menuMode =\n        (profile?.accountSettings?.layoutAndThemeSettings?.menuMode?.toLowerCase() as\n          | typeof this.menuMode\n          | undefined) ?? this.menuMode\n\n      this.colorScheme =\n        (profile?.accountSettings?.layoutAndThemeSettings?.colorScheme?.toLowerCase() as\n          | typeof this.colorScheme\n          | undefined) ?? this.colorScheme\n    })\n\n    this.themeService.currentTheme$\n      .pipe(\n        first(),\n        mergeMap((theme) => {\n          return (\n            theme.faviconUrl\n              ? this.httpClient.get(theme.faviconUrl ?? '', { responseType: 'blob' })\n              : (this.workspaceConfigBffService?.getThemeFaviconByName(theme.name ?? '') ?? of())\n          ).pipe(\n            filter((blob) => !!blob),\n            mergeMap((blob) => {\n              return from(\n                new Promise((resolve) => {\n                  const reader = new FileReader()\n                  reader.onload = (e) => resolve(e.target?.result)\n                  reader.readAsDataURL(blob)\n                })\n              )\n            })\n          )\n        })\n      )\n      .subscribe((url) => {\n        let link = document.querySelector(\"link[rel~='icon']\") as any\n        if (!link) {\n          link = document.createElement('link')\n          link.rel = 'icon'\n          document.head.appendChild(link)\n        }\n        link.href = url\n      })\n\n      this.isVerticalMenuComponentDefined$ = this.slotService.isSomeComponentDefinedForSlot(this.verticalMenuSlotName)\n  }\n\n  ngOnInit() {\n    this.primengConfig.ripple.set(true)\n\n    this.appStateService.globalError$\n      .pipe(untilDestroyed(this))\n      .pipe(filter((i) => i !== undefined))\n      .subscribe((err: string | undefined) => {\n        console.error('global error')\n        this.globalErrMsg = err\n      })\n\n    this.onResize()\n  }\n\n  ngOnDestroy() {\n    this.removeDocumentClickListener?.()\n  }\n\n  onMenuButtonClick(event: MouseEvent) {\n    this.activeTopbarItem = undefined\n    this.menuActive = !this.menuActive\n    event.preventDefault()\n    event.stopPropagation()\n  }\n\n  @HostListener('window:resize')\n  onResize() {\n    const mobileBreakpointVar = getComputedStyle(document.documentElement).getPropertyValue('--mobile-break-point')\n    const isMobile = window.matchMedia(`(max-width: ${mobileBreakpointVar})`).matches\n    // auto show sidebar when changing to desktop, hide when changing to mobile\n    if (isMobile !== this.isMobile) this.menuActive = !isMobile\n    this.isMobile = isMobile\n  }\n\n  isHorizontalMenuMode() {\n    return this.menuMode === 'horizontal' && !this.isMobile\n  }\n\n  isStaticalMenuVisible() {\n    return this.menuActive && !this.isHorizontalMenuMode()\n  }\n\n  isHorizontalMenuVisible() {\n    return this.isHorizontalMenuMode()\n  }\n}\n","<div\n  *ngIf=\"!globalErrMsg; else globalError\"\n  [ngClass]=\"{\n    'layout-wrapper layout-topbar-var': themeService.currentTheme$ | async,\n    'p-input-filled': inputStyle === 'filled', \n    'p-ripple-disabled': !ripple,\n    'layout-menu-active': isStaticalMenuVisible() && (isVerticalMenuComponentDefined$ | async),\n  }\"\n  [class]=\"'layout-menu-' + this.colorScheme\"\n>\n  <ng-container *ngIf=\"themeService.currentTheme$ | async; else noTheme\">\n    <ocx-shell-header\n      [menuButtonTitle]=\"menuButtonTitle\"\n      (menuButtonClick)=\"onMenuButtonClick($event)\"\n      [isStaticalMenu]=\"isStaticalMenuVisible()\"\n      [isHorizontalMenu]=\"isHorizontalMenuMode()\"\n    >\n      <div [hidden]=\"!isHorizontalMenuVisible()\">\n        <ocx-slot name=\"onecx-shell-horizontal-menu\">\n          <ng-template #skeleton>\n            <div class=\"ml-4 flex flex-row gap-4\">\n              <p-skeleton class=\"w-full h-full inline-block\" height=\"35px\" width=\"120px\"></p-skeleton>\n              <p-skeleton class=\"w-full h-full inline-block\" height=\"35px\" width=\"120px\"></p-skeleton>\n            </div>\n          </ng-template>\n        </ocx-slot>\n      </div>\n    </ocx-shell-header>\n\n    <p-toast></p-toast>\n\n    <div [hidden]=\"!isStaticalMenuVisible()\" class=\"menu-wrapper\">\n      <div class=\"layout-menu-container overflow-auto\">\n        <ocx-slot name=\"{{verticalMenuSlotName}}\">\n          <ng-template #skeleton>\n            <p-skeleton class=\"w-full h-full inline-block p-2\" height=\"35px\"></p-skeleton>\n          </ng-template>\n        </ocx-slot>\n      </div>\n    </div>\n\n    <div class=\"layout-main\">\n      <div class=\"layout-content relative\">\n        <ocx-slot name=\"onecx-shell-sub-header\"></ocx-slot>\n        <ng-container *ngIf=\"!showContentProvider || (showContentProvider.showContent$ | async); else appLoading\">\n          <ng-content></ng-content>\n          <router-outlet></router-outlet>\n        </ng-container>\n      </div>\n\n      <ocx-slot name=\"onecx-page-footer\"></ocx-slot>\n    </div>\n    <div *ngIf=\"menuActive || !!activeTopbarItem\" class=\"layout-mask modal-in\"></div>\n  </ng-container>\n\n  <ng-template #noTheme>\n    <div class=\"layout-main\">\n      <div class=\"layout-content relative\">\n        <ng-content></ng-content>\n        <router-outlet></router-outlet>\n      </div>\n    </div>\n  </ng-template>\n</div>\n\n<ng-template #globalError>\n  <ocx-shell-error [errCode]=\"globalErrMsg\"></ocx-shell-error>\n</ng-template>\n\n<ng-template #appLoading>\n  <ocx-app-loading-spinner></ocx-app-loading-spinner>\n</ng-template>\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\nimport { RouterModule } from '@angular/router'\nimport { AngularRemoteComponentsModule } from '@onecx/angular-remote-components'\nimport { ToastModule } from 'primeng/toast'\nimport { providePrimeNG } from 'primeng/config'\nimport { GlobalErrorComponent } from './components/error-component/global-error.component'\nimport { PortalFooterComponent } from './components/portal-footer/portal-footer.component'\nimport { HeaderComponent } from './components/portal-header/header.component'\nimport { PortalViewportComponent } from './components/portal-viewport/portal-viewport.component'\nimport { SkeletonModule } from 'primeng/skeleton'\nimport { AppLoadingSpinnerComponent } from './components/app-loading-spinner/app-loading-spinner.component'\nimport { ShellSrcDirective } from './directives/src.directive'\nimport { TranslateModule } from '@ngx-translate/core'\nimport { TooltipModule } from 'primeng/tooltip'\n\n@NgModule({\n  imports: [\n    AngularRemoteComponentsModule,\n    CommonModule,\n    RouterModule,\n    SkeletonModule,\n    ToastModule,\n    TooltipModule,\n    TranslateModule,\n  ],\n  declarations: [\n    PortalViewportComponent,\n    HeaderComponent,\n    PortalFooterComponent,\n    GlobalErrorComponent,\n    AppLoadingSpinnerComponent,\n    ShellSrcDirective,\n  ],\n  exports: [\n    GlobalErrorComponent,\n    HeaderComponent,\n    PortalViewportComponent,\n    PortalFooterComponent,\n    ToastModule,\n    TooltipModule,\n    TranslateModule,\n  ],\n  providers: [providePrimeNG()],\n})\nexport class ShellCoreModule {}\n","import { Injectable } from '@angular/core'\nimport { Observable, shareReplay } from 'rxjs'\n\n@Injectable({ providedIn: 'root' })\nexport class PermissionsCacheService {\n  permissions: Record<string, Observable<string[]>> = {}\n\n  getPermissions(\n    appId: string,\n    productName: string,\n    cacheMissFkt: (appId: string, productName: string) => Observable<string[]>\n  ): Observable<string[]> {\n    const key = appId + '|' + productName\n    if (!this.permissions[key]) {\n      this.permissions[key] = cacheMissFkt(appId, productName).pipe(shareReplay())\n    }\n    return this.permissions[key]\n  }\n}\n","export const SHELL_BFF_PREFIX = 'shell-bff'","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2.ShellSrcDirective","i3","i4","i5","i6.HeaderComponent","i7.GlobalErrorComponent","i8.AppLoadingSpinnerComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;MASa,oBAAoB,CAAA;AAQ/B,IAAA,WAAA,GAAA;AAPQ,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACvB,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;AAOpC,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,oBAAoB;AACnF,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,GAAG;;IAGvE,QAAQ,GAAA;QACN,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC;;IAGzC,MAAM,GAAA;AACJ,QAAA,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE;;8GAlBf,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,4GCTjC,0jBAcA,EAAA,MAAA,EAAA,CAAA,m7CAAA,CAAA,EAAA,CAAA,CAAA;;2FDLa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,KAAK,YACP,iBAAiB,EAAA,QAAA,EAAA,0jBAAA,EAAA,MAAA,EAAA,CAAA,m7CAAA,CAAA,EAAA;wDAS3B,OAAO,EAAA,CAAA;sBADN;;;METU,qCAAqC,GAAG,IAAI,cAAc,CACrE,uCAAuC;;MCD5B,iBAAiB,CAAA;AAS5B,IAAA,IACI,WAAW,GAAA;QACb,OAAO,IAAI,CAAC,IAAI;;IAElB,IAAI,WAAW,CAAC,KAAyB,EAAA;AACvC,QAAA,IAAI,KAAK,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE;AAC5D,YAAA,IAAI;gBACF,IAAI,IAAI,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,QAAQ,KAAK,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE;oBAChF,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,CAAC,SAAS,CACjF,CAAC,QAA4B,KAAI;;AAE/B,wBAAA,IAAI,QAAQ,EAAE,MAAM,KAAK,GAAG,EAAE;4BAC5B,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAY,CAAC;4BACtD,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,MAAM,EAAE,MAAK;AAClD,gCAAA,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC;AAC1B,6BAAC,CAAC;4BACF,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,GAAG,GAAG;;;AAGjC,wBAAA,IAAI,QAAQ,EAAE,MAAM,KAAK,GAAG,EAAE;AAC5B,4BAAA,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;;qBAEpB,EACD,MAAK;;AAEH,wBAAA,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;qBAClB,EACD,MAAK;;wBAEH,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS;AACpD,qBAAC,CACF;;qBACI;oBACL,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,GAAG,KAAK;oBACjC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS;;;YAEpD,OAAO,KAAK,EAAE;gBACd,OAAO,CAAC,KAAK,CAAC,mBAAmB,EAAE,KAAK,EAAE,KAAK,CAAC;gBAChD,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,GAAG,KAAK;gBACjC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS;;AAEpD,YAAA,IAAI,CAAC,IAAI,GAAG,KAAK;;;AAIrB,IAAA,WAAA,GAAA;AArDQ,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC;AACvB,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;;AAK7B,QAAA,IAAA,CAAA,KAAK,GAAG,IAAI,YAAY,EAAQ;QAgDxC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ;;8GAvDxC,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAjB,iBAAiB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,OAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAD7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAE,QAAQ,EAAE,eAAe,EAAE,UAAU,EAAE,KAAK,EAAE;wDAQ/C,KAAK,EAAA,CAAA;sBAAd;gBAGG,WAAW,EAAA,CAAA;sBADd;;;ACJH;;AAEG;MAOU,qBAAqB,CAAA;AAYhC,IAAA,WAAA,GAAA;AAXQ,QAAA,IAAA,CAAA,oBAAoB,GAAG,MAAM,CAAC,oBAAoB,CAAC;AAC3D,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACf,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,eAAe,CAAC;AAClC,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;AAC3C,QAAA,IAAA,CAAA,yBAAyB,GAAG,MAAM,CAAwC,qCAAqC,EAAE;AAC/G,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA,CAAC;AAMA,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAChD,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,YAAY,EAAE,CAAC,EAC9D,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,CAAC,KAAI;AACvB,YAAA,MAAM,cAAc,GAAG,GAAG,EAAE,OAAO,IAAI,EAAE;AACzC,YAAA,MAAM,OAAO,GAAG,GAAG,EAAE,WAAW;AAChC,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,oBAAoB,CAAC,WAAW,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,WAAW;AAChG,YAAA,MAAM,UAAU,GAAG,OAAO,GAAG,CAAA,GAAA,EAAM,OAAO,CAAA,EAAA,EAAK,cAAc,CAAE,CAAA,GAAG,EAAE;YACpE,OAAO,CAAA,QAAA,EAAW,SAAS,CAAC,aAAa,KAAK,WAAW,CAAA,CAAA,EAAI,UAAU,CAAA,CAAE;SAC1E,CAAC,CACH;AACD,QAAA,IAAI,CAAC,QAAQ,GAAG,aAAa,CAAC;AAC5B,YAAA,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,YAAY,EAAE;AAC9C,YAAA,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,YAAY,EAAE;AAC/C,SAAA,CAAC,CAAC,IAAI,CACL,QAAQ,CAAC,CAAC,CAAC,KAAK,EAAE,UAAU,CAAC,KAAI;YAC/B,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;gBACzC,OAAO,CAAC,IAAI,CAAC,yBAAyB,EAAE,kBAAkB,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,CACxF,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,EACxB,GAAG,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CACzC;;YAEH,OAAO,EAAE,CAAC,KAAK,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC;SAC/C,CAAC,CACH;;IAGI,gBAAgB,GAAA;AACrB,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC,SAAS,CAAC;;AAG/B,IAAA,MAAM,CAAC,OAAe,EAAA;AACpB,QAAA,IAAI,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;AAChC,YAAA,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC;;;8GA7CrB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,6EClBlC,+jBAeA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,YAAA,EAAA,aAAA,EAAA,QAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,iBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FDGa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBANjC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,KAAK,YACP,kBAAkB,EAAA,QAAA,EAAA,+jBAAA,EAAA;;;AEUjB,IAAA,eAAe,GAArB,MAAM,eAAe,CAAA;AAoB1B,IAAA,WAAA,GAAA;QAlBS,IAAgB,CAAA,gBAAA,GAAG,IAAI;QACvB,IAAU,CAAA,UAAA,GAAG,GAAG;QAChB,IAAY,CAAA,YAAA,GAAG,MAAM;QACrB,IAAc,CAAA,cAAA,GAAG,KAAK;QACtB,IAAgB,CAAA,gBAAA,GAAG,KAAK;AACvB,QAAA,IAAA,CAAA,eAAe,GAAsB,IAAI,YAAY,EAAE;AAEzD,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;AACnC,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;QAEzC,IAAY,CAAA,YAAA,GAAG,KAAK;;QAEb,IAAQ,CAAA,QAAA,GAAG,kBAAkB;AAG7B,QAAA,IAAA,CAAA,kBAAkB,GAAG,IAAI,YAAY,EAAW;QAChD,IAAsB,CAAA,sBAAA,GAAG,KAAK;AAGnC,QAAA,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,WAAW,CAAC,6BAA6B,CAAC,IAAI,CAAC,QAAQ,CAAC;QACxF,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,YAAY,EAAE;QACnE,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,IAAa,KAAI;AAClD,YAAA,IAAI,CAAC,sBAAsB,GAAG,IAAI;AACpC,SAAC,CAAC;;AAGJ,IAAA,iBAAiB,CAAC,CAAQ,EAAA;AACxB,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;;8GA7BnB,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAf,eAAe,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,YAAA,EAAA,YAAA,EAAA,cAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECxB5B,g2DAqDA,EDxCc,MAAA,EAAA,CAAA,83VAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,YAAA,EAAA,aAAA,EAAA,QAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,OAAA,EAAA,OAAA,EAAA,WAAA,EAAA,cAAA,EAAA,MAAA,EAAA,OAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,eAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,QAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,EAAA,aAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,UAAA,EAAA;YACV,OAAO,CAAC,4BAA4B,EAAE;gBACpC,UAAU,CAAC,QAAQ,EAAE;oBACnB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;AAC/C,oBAAA,OAAO,CAAC,iCAAiC,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC;iBAClF,CAAC;AACF,gBAAA,UAAU,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;aACrE,CAAC;AACH,SAAA,EAAA,CAAA,CAAA;;AAGU,eAAe,GAAA,UAAA,CAAA;AAD3B,IAAA,YAAY,EAAE;;AACF,CAAA,EAAA,eAAe,CA+B3B;2FA/BY,eAAe,EAAA,UAAA,EAAA,CAAA;kBAhB3B,SAAS;iCACI,KAAK,EAAA,QAAA,EACP,kBAAkB,EAGhB,UAAA,EAAA;wBACV,OAAO,CAAC,4BAA4B,EAAE;4BACpC,UAAU,CAAC,QAAQ,EAAE;gCACnB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;AAC/C,gCAAA,OAAO,CAAC,iCAAiC,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC;6BAClF,CAAC;AACF,4BAAA,UAAU,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;yBACrE,CAAC;AACH,qBAAA,EAAA,QAAA,EAAA,g2DAAA,EAAA,MAAA,EAAA,CAAA,83VAAA,CAAA,EAAA;wDAIQ,eAAe,EAAA,CAAA;sBAAvB;gBACQ,gBAAgB,EAAA,CAAA;sBAAxB;gBACQ,UAAU,EAAA,CAAA;sBAAlB;gBACQ,YAAY,EAAA,CAAA;sBAApB;gBACQ,cAAc,EAAA,CAAA;sBAAtB;gBACQ,gBAAgB,EAAA,CAAA;sBAAxB;gBACS,eAAe,EAAA,CAAA;sBAAxB;;;ME5BU,qBAAqB,GAAG,IAAI,cAAc,CAAsB,uBAAuB;;MCKvF,0BAA0B,CAAA;8GAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,oFCRvC,+GAEM,EAAA,MAAA,EAAA,CAAA,gnBAAA,CAAA,EAAA,CAAA,CAAA;;2FDMO,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBANtC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,KAAK,YACP,yBAAyB,EAAA,QAAA,EAAA,+GAAA,EAAA,MAAA,EAAA,CAAA,gnBAAA,CAAA,EAAA;;;AEuBxB,IAAA,uBAAuB,GAA7B,MAAM,uBAAuB,CAAA;AA8BlC,IAAA,WAAA,GAAA;AA7BQ,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC;AAC/B,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;AACvC,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAC,eAAe,CAAC;AACzC,QAAA,IAAA,CAAA,oBAAoB,GAAG,MAAM,CAAC,oBAAoB,CAAC;AACnD,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;AACzC,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;AAC3B,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;QACvC,IAAmB,CAAA,mBAAA,GAAG,MAAM,CAAkC,qBAAqB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACxG,QAAA,IAAA,CAAA,yBAAyB,GAAG,MAAM,CAAwC,qCAAqC,EAAE;AAC/G,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA,CAAC;AACM,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;QAEzC,IAAe,CAAA,eAAA,GAAG,EAAE;QACpB,IAAU,CAAA,UAAA,GAAG,IAAI;QAKjB,IAAW,CAAA,WAAA,GAA8B,OAAO;QAChD,IAAQ,CAAA,QAAA,GAA8D,QAAQ;QAC9E,IAAU,CAAA,UAAA,GAAG,SAAS;QACtB,IAAM,CAAA,MAAA,GAAG,IAAI;QACb,IAAQ,CAAA,QAAA,GAAG,KAAK;QAGhB,IAAoB,CAAA,oBAAA,GAAG,2BAA2B;QAIhD,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,OAAgB,KAAK,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AACpG,QAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,KAAI;AACzE,YAAA,IAAI,CAAC,QAAQ;AACV,gBAAA,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,QAAQ,EAAE,WAAW,EAE1D,IAAI,IAAI,CAAC,QAAQ;AAEjC,YAAA,IAAI,CAAC,WAAW;AACb,gBAAA,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,WAAW,EAAE,WAAW,EAE7D,IAAI,IAAI,CAAC,WAAW;AACtC,SAAC,CAAC;QAEF,IAAI,CAAC,YAAY,CAAC;aACf,IAAI,CACH,KAAK,EAAE,EACP,QAAQ,CAAC,CAAC,KAAK,KAAI;YACjB,OAAO,CACL,KAAK,CAAC;AACJ,kBAAE,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,IAAI,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE;AACtE,mBAAG,IAAI,CAAC,yBAAyB,EAAE,qBAAqB,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,EACrF,IAAI,CACJ,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,EACxB,QAAQ,CAAC,CAAC,IAAI,KAAI;gBAChB,OAAO,IAAI,CACT,IAAI,OAAO,CAAC,CAAC,OAAO,KAAI;AACtB,oBAAA,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE;AAC/B,oBAAA,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC;AAChD,oBAAA,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC;iBAC3B,CAAC,CACH;aACF,CAAC,CACH;AACH,SAAC,CAAC;AAEH,aAAA,SAAS,CAAC,CAAC,GAAG,KAAI;YACjB,IAAI,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,mBAAmB,CAAQ;YAC7D,IAAI,CAAC,IAAI,EAAE;AACT,gBAAA,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;AACrC,gBAAA,IAAI,CAAC,GAAG,GAAG,MAAM;AACjB,gBAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;;AAEjC,YAAA,IAAI,CAAC,IAAI,GAAG,GAAG;AACjB,SAAC,CAAC;AAEF,QAAA,IAAI,CAAC,+BAA+B,GAAG,IAAI,CAAC,WAAW,CAAC,6BAA6B,CAAC,IAAI,CAAC,oBAAoB,CAAC;;IAGpH,QAAQ,GAAA;QACN,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;QAEnC,IAAI,CAAC,eAAe,CAAC;AAClB,aAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;AACzB,aAAA,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,SAAS,CAAC;AACnC,aAAA,SAAS,CAAC,CAAC,GAAuB,KAAI;AACrC,YAAA,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC;AAC7B,YAAA,IAAI,CAAC,YAAY,GAAG,GAAG;AACzB,SAAC,CAAC;QAEJ,IAAI,CAAC,QAAQ,EAAE;;IAGjB,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,2BAA2B,IAAI;;AAGtC,IAAA,iBAAiB,CAAC,KAAiB,EAAA;AACjC,QAAA,IAAI,CAAC,gBAAgB,GAAG,SAAS;AACjC,QAAA,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU;QAClC,KAAK,CAAC,cAAc,EAAE;QACtB,KAAK,CAAC,eAAe,EAAE;;IAIzB,QAAQ,GAAA;AACN,QAAA,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,sBAAsB,CAAC;AAC/G,QAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,CAAe,YAAA,EAAA,mBAAmB,CAAG,CAAA,CAAA,CAAC,CAAC,OAAO;;AAEjF,QAAA,IAAI,QAAQ,KAAK,IAAI,CAAC,QAAQ;AAAE,YAAA,IAAI,CAAC,UAAU,GAAG,CAAC,QAAQ;AAC3D,QAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;;IAG1B,oBAAoB,GAAA;QAClB,OAAO,IAAI,CAAC,QAAQ,KAAK,YAAY,IAAI,CAAC,IAAI,CAAC,QAAQ;;IAGzD,qBAAqB,GAAA;QACnB,OAAO,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE;;IAGxD,uBAAuB,GAAA;AACrB,QAAA,OAAO,IAAI,CAAC,oBAAoB,EAAE;;8GA1HzB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,8IC3BpC,4lFAwEA,EAAA,MAAA,EAAA,CAAA,qrMAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,YAAA,EAAA,aAAA,EAAA,QAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,YAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,OAAA,EAAA,OAAA,EAAA,WAAA,EAAA,cAAA,EAAA,MAAA,EAAA,OAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,KAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,KAAA,EAAA,YAAA,EAAA,YAAA,EAAA,MAAA,EAAA,OAAA,EAAA,YAAA,EAAA,UAAA,EAAA,uBAAA,EAAA,mBAAA,EAAA,sBAAA,EAAA,sBAAA,EAAA,uBAAA,EAAA,uBAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,eAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,oBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,0BAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;AD7Ca,uBAAuB,GAAA,UAAA,CAAA;AADnC,IAAA,YAAY,EAAE;;AACF,CAAA,EAAA,uBAAuB,CA4HnC;2FA5HY,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAPnC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,KAAK,YACP,2BAA2B,EAAA,QAAA,EAAA,4lFAAA,EAAA,MAAA,EAAA,CAAA,qrMAAA,CAAA,EAAA;wDA8GrC,QAAQ,EAAA,CAAA;sBADP,YAAY;uBAAC,eAAe;;;MEtFlB,eAAe,CAAA;8GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,iBAlBxB,uBAAuB;YACvB,eAAe;YACf,qBAAqB;YACrB,oBAAoB;YACpB,0BAA0B;AAC1B,YAAA,iBAAiB,aAdjB,6BAA6B;YAC7B,YAAY;YACZ,YAAY;YACZ,cAAc;YACd,WAAW;YACX,aAAa;AACb,YAAA,eAAe,aAWf,oBAAoB;YACpB,eAAe;YACf,uBAAuB;YACvB,qBAAqB;YACrB,WAAW;YACX,aAAa;YACb,eAAe,CAAA,EAAA,CAAA,CAAA;AAIN,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,aAFf,CAAC,cAAc,EAAE,CAAC,YAzB3B,6BAA6B;YAC7B,YAAY;YACZ,YAAY;YACZ,cAAc;YACd,WAAW;YACX,aAAa;AACb,YAAA,eAAe,EAef,WAAW;YACX,aAAa;YACb,eAAe,CAAA,EAAA,CAAA,CAAA;;2FAIN,eAAe,EAAA,UAAA,EAAA,CAAA;kBA7B3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,6BAA6B;wBAC7B,YAAY;wBACZ,YAAY;wBACZ,cAAc;wBACd,WAAW;wBACX,aAAa;wBACb,eAAe;AAChB,qBAAA;AACD,oBAAA,YAAY,EAAE;wBACZ,uBAAuB;wBACvB,eAAe;wBACf,qBAAqB;wBACrB,oBAAoB;wBACpB,0BAA0B;wBAC1B,iBAAiB;AAClB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,oBAAoB;wBACpB,eAAe;wBACf,uBAAuB;wBACvB,qBAAqB;wBACrB,WAAW;wBACX,aAAa;wBACb,eAAe;AAChB,qBAAA;AACD,oBAAA,SAAS,EAAE,CAAC,cAAc,EAAE,CAAC;AAC9B,iBAAA;;;MCxCY,uBAAuB,CAAA;AADpC,IAAA,WAAA,GAAA;QAEE,IAAW,CAAA,WAAA,GAAyC,EAAE;AAavD;AAXC,IAAA,cAAc,CACZ,KAAa,EACb,WAAmB,EACnB,YAA0E,EAAA;AAE1E,QAAA,MAAM,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,WAAW;QACrC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE;AAC1B,YAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;;AAE9E,QAAA,OAAO,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC;;8GAZnB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,cADV,MAAM,EAAA,CAAA,CAAA;;2FACnB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBADnC,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;ACH3B,MAAM,gBAAgB,GAAG;;ACAhC;;AAEG;;;;"}

package/lib/components/portal-footer/portal-footer.component.d.ts

@@ -2,6 +2,9 @@ import { Router } from '@angular/router';
 import { Observable } from 'rxjs';
 import { WorkspaceConfigBffService } from '../../shell-interface/workspace-config-bff-service-provider';
 import * as i0 from "@angular/core";
+/**
+ * @deprecated Replaced by Page Footer
+ */
 export declare class PortalFooterComponent {
     private configurationService;
     router: Router;

package/lib/components/portal-header/header.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import { Observable } from 'rxjs';
-import { WorkspaceConfigBffService } from '../../shell-interface/workspace-config-bff-service-provider';
+import { Theme } from '@onecx/angular-integration-interface';
 import * as i0 from "@angular/core";
 export declare class HeaderComponent {
     menuButtonTitle: string | undefined;
@@ -11,17 +11,15 @@ export declare class HeaderComponent {
     isHorizontalMenu: boolean;
     menuButtonClick: EventEmitter<any>;
     private themeService;
-    private appStateService;
-    workspaceConfigBffService: WorkspaceConfigBffService | null | undefined;
     private slotService;
     menuExpanded: boolean;
-    fallbackImg: boolean;
-    logoUrl$: Observable<string | undefined>;
-    verticalMenuSlotName: string;
-    isVerticalMenuComponentDefined$: Observable<boolean>;
+    slotName: string;
+    isComponentDefined$: Observable<boolean>;
+    currentTheme$: Observable<Theme>;
+    logoLoadingEmitter: EventEmitter<boolean>;
+    themeLogoLoadingFailed: boolean;
     constructor();
     onMenuButtonClick(e: Event): void;
-    onLoad(logoUrl: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "ocx-shell-header", never, { "menuButtonTitle": { "alias": "menuButtonTitle"; "required": false; }; "fullPortalLayout": { "alias": "fullPortalLayout"; "required": false; }; "homeNavUrl": { "alias": "homeNavUrl"; "required": false; }; "homeNavTitle": { "alias": "homeNavTitle"; "required": false; }; "isStaticalMenu": { "alias": "isStaticalMenu"; "required": false; }; "isHorizontalMenu": { "alias": "isHorizontalMenu"; "required": false; }; }, { "menuButtonClick": "menuButtonClick"; }, never, ["*"], false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onecx/shell-core",
-  "version": "6.0.0-rc.7",
+  "version": "6.0.0-rc.9",
   "license": "Apache-2.0",
   "peerDependencies": {
     "rxjs": "^7.8.1",
@@ -9,8 +9,8 @@
     "@angular/core": "^19.0.0",
     "@angular/router": "^19.0.0",
     "@ngneat/until-destroy": "^10.0.0",
-    "@onecx/angular-integration-interface": "^6.0.0-rc.7",
-    "@onecx/angular-remote-components": "^6.0.0-rc.7",
+    "@onecx/angular-integration-interface": "^6.0.0-rc.9",
+    "@onecx/angular-remote-components": "^6.0.0-rc.9",
     "@ngx-translate/core": "^16.0.0",
     "primeng": "^19.0.0",
     "@nx/devkit": "^20.3.0"