@openmfp/portal-ui-lib 0.191.4 → 0.192.0

package/fesm2022/openmfp-portal-ui-lib.mjs

@@ -1712,6 +1712,66 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
                 }]
         }] });
 
+class NavHeaderService {
+    constructor() {
+        this.luigiCoreService = inject(LuigiCoreService);
+    }
+    setupNavigationHeader(entityNode) {
+        if (entityNode.defineEntity) {
+            this.setShowUpLink(entityNode);
+            if (!entityNode.navHeader) {
+                return;
+            }
+            entityNode.navHeader.renderer = (containerElement, nodeItem, clickHandler, navHeader) => {
+                if (!containerElement || !navHeader?.label) {
+                    return;
+                }
+                const label = this.sanitizeString(navHeader.label);
+                const type = this.sanitizeString(navHeader.type ??
+                    this.getSideNavigationHeaderType(navHeader.context, nodeItem));
+                containerElement.classList.add('entity-nav-header');
+                containerElement.innerHTML = `
+            <ui5-text class="entity-nav-header-type">${type}</ui5-text>
+            <ui5-title class="entity-nav-header-label" level="H6" size="H6">${label}</ui5-title>
+        `;
+            };
+        }
+    }
+    setShowUpLink(entityNode) {
+        const hasNavHeaderBeforeInit = !!entityNode.navHeader;
+        if (entityNode.defineEntity?.useBack &&
+            this.luigiCoreService.isFeatureToggleActive('navheader-up') &&
+            hasNavHeaderBeforeInit &&
+            typeof entityNode.navHeader === 'object') {
+            entityNode.navHeader.showUpLink = true;
+        }
+    }
+    getSideNavigationHeaderType(nodeContext = {}, nodeItem) {
+        const dynamicFetchId = nodeItem.defineEntity?.dynamicFetchId || '';
+        let type = (nodeContext.entityContext?.[dynamicFetchId] || {}).type;
+        if (!type || typeof type !== 'string') {
+            type =
+                nodeItem.defineEntity?.label ||
+                    nodeItem.defineEntity?.type ||
+                    dynamicFetchId ||
+                    'Extension';
+        }
+        type = type.replace(/Id/i, '');
+        return type.at(0).toUpperCase() + type.slice(1);
+    }
+    sanitizeString(inputString) {
+        const tempSpan = document.createElement('span');
+        tempSpan.textContent = inputString;
+        return tempSpan.innerHTML;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NavHeaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NavHeaderService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NavHeaderService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 class NodeContextProcessingServiceImpl {
     constructor() {
         this.customNodeContextProcessingService = inject(LUIGI_CUSTOM_NODE_CONTEXT_PROCESSING_SERVICE_INJECTION_TOKEN, { optional: true });
@@ -2199,19 +2259,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
 
 class ChildrenNodesService {
     constructor() {
-        this.luigiCoreService = inject(LuigiCoreService);
+        this.navHeaderService = inject(NavHeaderService);
         this.configService = inject(ConfigService);
         this.nodeUtilsService = inject(NodeUtilsService);
         this.nodeSortingService = inject(NodeSortingService);
         this.customNodeProcessingService = inject(LUIGI_CUSTOM_NODE_PROCESSING_SERVICE_INJECTION_TOKEN, { optional: true });
     }
     async processChildrenForEntity(entityNode, childrenNodes, ctx) {
-        if (entityNode.defineEntity?.useBack &&
-            this.luigiCoreService.isFeatureToggleActive('navheader-up') &&
-            entityNode.navHeader) {
-            entityNode.navHeader.showUpLink = true;
-        }
-        this.addNavigationHeader(entityNode);
+        this.navHeaderService.setupNavigationHeader(entityNode);
         if (!childrenNodes) {
             return [];
         }
@@ -2235,40 +2290,6 @@ class ChildrenNodesService {
             .map((child) => this.customNodeProcessingService?.processNode(child.context, child) || child));
         return this.nodeSortingService.sortNodes(nodes);
     }
-    addNavigationHeader(entityNode) {
-        if (entityNode.defineEntity) {
-            if (!entityNode.navHeader) {
-                entityNode.navHeader = {};
-            }
-            entityNode.navHeader.renderer = (containerElement, nodeItem, clickHandler, navHeader) => {
-                if (!containerElement || !navHeader?.label) {
-                    return;
-                }
-                const label = this.sanitizeString(navHeader.label);
-                const type = this.getSideNavigationHeaderType(navHeader.context, nodeItem);
-                containerElement.classList.add('entity-nav-header');
-                containerElement.innerHTML = `
-            <ui5-text class="entity-nav-header-type">${type}</ui5-text>
-            <ui5-title class="entity-nav-header-label" level="H6" size="H6">${label}</ui5-title>
-        `;
-            };
-        }
-    }
-    getSideNavigationHeaderType(nodeContext = {}, nodeItem) {
-        const dynamicFetchId = nodeItem.defineEntity?.dynamicFetchId || '';
-        let type = (nodeContext.entityContext?.[dynamicFetchId] || {}).type;
-        if (!type || typeof type !== 'string') {
-            type = nodeItem.defineEntity?.label || dynamicFetchId || 'Extension';
-        }
-        type = type.replace(/Id/i, '');
-        return type.at(0).toUpperCase() + type.slice(1);
-    }
-    sanitizeString(inputString) {
-        // Prevent XSS attacks by removing any tags
-        const tempSpan = document.createElement('span');
-        tempSpan.textContent = inputString;
-        return tempSpan.innerHTML;
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ChildrenNodesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ChildrenNodesService, providedIn: 'root' }); }
 }
@@ -2617,11 +2638,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
 document.body.classList.add('ui5-content-density-compact');
 class PortalComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: PortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: PortalComponent, isStandalone: true, selector: "app-portal", ngImport: i0, template: "<div class=\"fd-page__content\">\n  <router-outlet></router-outlet>\n</div>\n", styles: [".fd-page__header{padding-left:1.5rem}.settings-icon-active{color:#0064d9!important}.local-development-settings-indication{position:absolute;top:-4px;right:-4px;width:12px;height:12px;font-size:12px}.entity-nav-header{padding-left:var(--fdNavigation_Padding_X);padding-right:var(--fdNavigation_Padding_X);padding-bottom:1.25rem!important}.entity-nav-header-type{font-size:12px}.entity-nav-header-label{color:var(--sapAccentColor6);padding-top:8px}.fd-container.fd-form-layout-grid-container .fd-row .fd-col{white-space:inherit!important}\n"], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: PortalComponent, isStandalone: true, selector: "app-portal", ngImport: i0, template: "<div class=\"fd-page__content\">\n  <router-outlet></router-outlet>\n</div>\n", styles: [".fd-page__header{padding-left:1.5rem}.settings-icon-active{color:#0064d9!important}.local-development-settings-indication{position:absolute;top:-4px;right:-4px;width:12px;height:12px;font-size:12px}.entity-nav-header{padding-left:var(--fdNavigation_Padding_X);padding-right:var(--fdNavigation_Padding_X);padding-bottom:1.25rem!important;margin:10px 0 0 10px}.entity-nav-header-type{font-size:14px}.entity-nav-header-label{color:var(--sapAccentColor6);padding-top:8px}.fd-container.fd-form-layout-grid-container .fd-row .fd-col{white-space:inherit!important}\n"], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: PortalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-portal', standalone: true, imports: [RouterOutlet], encapsulation: ViewEncapsulation.None, template: "<div class=\"fd-page__content\">\n  <router-outlet></router-outlet>\n</div>\n", styles: [".fd-page__header{padding-left:1.5rem}.settings-icon-active{color:#0064d9!important}.local-development-settings-indication{position:absolute;top:-4px;right:-4px;width:12px;height:12px;font-size:12px}.entity-nav-header{padding-left:var(--fdNavigation_Padding_X);padding-right:var(--fdNavigation_Padding_X);padding-bottom:1.25rem!important}.entity-nav-header-type{font-size:12px}.entity-nav-header-label{color:var(--sapAccentColor6);padding-top:8px}.fd-container.fd-form-layout-grid-container .fd-row .fd-col{white-space:inherit!important}\n"] }]
+            args: [{ selector: 'app-portal', standalone: true, imports: [RouterOutlet], encapsulation: ViewEncapsulation.None, template: "<div class=\"fd-page__content\">\n  <router-outlet></router-outlet>\n</div>\n", styles: [".fd-page__header{padding-left:1.5rem}.settings-icon-active{color:#0064d9!important}.local-development-settings-indication{position:absolute;top:-4px;right:-4px;width:12px;height:12px;font-size:12px}.entity-nav-header{padding-left:var(--fdNavigation_Padding_X);padding-right:var(--fdNavigation_Padding_X);padding-bottom:1.25rem!important;margin:10px 0 0 10px}.entity-nav-header-type{font-size:14px}.entity-nav-header-label{color:var(--sapAccentColor6);padding-top:8px}.fd-container.fd-form-layout-grid-container .fd-row .fd-col{white-space:inherit!important}\n"] }]
         }] });
 
 const portalRouts = [
@@ -2773,5 +2794,5 @@ const addOptionalProviders = (options) => {
  * Generated bundle index. Do not edit.
  */
 
-export { AppSwitcherConfigServiceImpl, AuthConfigService, AuthEvent, AuthService, ConfigService, CustomMessageListenersService, CustomReuseStrategy, DefaultNavigationRedirectStrategy, DefaultUserProfileConfigService, ERROR_COMPONENT_CONFIG, EntityType, EnvConfigService, GlobalContextConfigService, HEADER_BAR_CONFIG_SERVICE_INJECTION_TOKEN, HeaderBarService, I18nService, IframeService, LOCAL_CONFIGURATION_SERVICE_INJECTION_TOKEN, LUIGI_APP_SWITCHER_CONFIG_SERVICE_INJECTION_TOKEN, LUIGI_AUTH_EVENTS_CALLBACKS_SERVICE_INJECTION_TOKEN, LUIGI_BREADCRUMB_CONFIG_SERVICE_INJECTION_TOKEN, LUIGI_CUSTOM_MESSAGE_LISTENERS_INJECTION_TOKEN, LUIGI_CUSTOM_NODE_CONTEXT_PROCESSING_SERVICE_INJECTION_TOKEN, LUIGI_CUSTOM_NODE_PROCESSING_SERVICE_INJECTION_TOKEN, LUIGI_EXTENDED_GLOBAL_CONTEXT_CONFIG_SERVICE_INJECTION_TOKEN, LUIGI_GLOBAL_SEARCH_CONFIG_SERVICE_INJECTION_TOKEN, LUIGI_NODES_CUSTOM_GLOBAL_SERVICE_INJECTION_TOKEN, LUIGI_NODE_CHANGE_HOOK_SERVICE_INJECTION_TOKEN, LUIGI_ROUTING_CONFIG_SERVICE_INJECTION_TOKEN, LUIGI_STATIC_SETTINGS_CONFIG_SERVICE_INJECTION_TOKEN, LUIGI_USER_PROFILE_CONFIG_SERVICE_INJECTION_TOKEN, LocalConfigurationServiceImpl, LocalNodesService, LocalStorageKeys, LoginEventService, LoginEventType, LuigiCoreService, LuigiNodesService, NAVIGATION_REDIRECT_STRATEGY_INJECTION_TOKEN, NetworkVisibility, NodeContextProcessingServiceImpl, NodeUtilsService, PortalComponent, RequestHeadersService, RoutingConfigServiceImpl, SessionRefreshService, StaticSettingsConfigServiceImpl, THEMING_SERVICE, UserSettingsConfigService, featureToggleLocalStorage, localDevelopmentSettingsLocalStorage, matchesJMESPath, providePortal, userSettingsLocalStorage };
+export { AppSwitcherConfigServiceImpl, AuthConfigService, AuthEvent, AuthService, ConfigService, CustomMessageListenersService, CustomReuseStrategy, DefaultNavigationRedirectStrategy, DefaultUserProfileConfigService, ERROR_COMPONENT_CONFIG, EntityType, EnvConfigService, GlobalContextConfigService, HEADER_BAR_CONFIG_SERVICE_INJECTION_TOKEN, HeaderBarService, I18nService, IframeService, LOCAL_CONFIGURATION_SERVICE_INJECTION_TOKEN, LUIGI_APP_SWITCHER_CONFIG_SERVICE_INJECTION_TOKEN, LUIGI_AUTH_EVENTS_CALLBACKS_SERVICE_INJECTION_TOKEN, LUIGI_BREADCRUMB_CONFIG_SERVICE_INJECTION_TOKEN, LUIGI_CUSTOM_MESSAGE_LISTENERS_INJECTION_TOKEN, LUIGI_CUSTOM_NODE_CONTEXT_PROCESSING_SERVICE_INJECTION_TOKEN, LUIGI_CUSTOM_NODE_PROCESSING_SERVICE_INJECTION_TOKEN, LUIGI_EXTENDED_GLOBAL_CONTEXT_CONFIG_SERVICE_INJECTION_TOKEN, LUIGI_GLOBAL_SEARCH_CONFIG_SERVICE_INJECTION_TOKEN, LUIGI_NODES_CUSTOM_GLOBAL_SERVICE_INJECTION_TOKEN, LUIGI_NODE_CHANGE_HOOK_SERVICE_INJECTION_TOKEN, LUIGI_ROUTING_CONFIG_SERVICE_INJECTION_TOKEN, LUIGI_STATIC_SETTINGS_CONFIG_SERVICE_INJECTION_TOKEN, LUIGI_USER_PROFILE_CONFIG_SERVICE_INJECTION_TOKEN, LocalConfigurationServiceImpl, LocalNodesService, LocalStorageKeys, LoginEventService, LoginEventType, LuigiCoreService, LuigiNodesService, NAVIGATION_REDIRECT_STRATEGY_INJECTION_TOKEN, NavHeaderService, NetworkVisibility, NodeContextProcessingServiceImpl, NodeUtilsService, PortalComponent, RequestHeadersService, RoutingConfigServiceImpl, SessionRefreshService, StaticSettingsConfigServiceImpl, THEMING_SERVICE, UserSettingsConfigService, featureToggleLocalStorage, localDevelopmentSettingsLocalStorage, matchesJMESPath, providePortal, userSettingsLocalStorage };
 //# sourceMappingURL=openmfp-portal-ui-lib.mjs.map