@indigina/ui-kit 1.1.363 → 1.1.364

package/fesm2022/indigina-ui-kit.mjs

@@ -9632,13 +9632,17 @@ class KitMenuBuilderService {
     constructor() {
         this.translateService = inject(TranslateService);
     }
-    build(items, permissions) {
-        return this.filter(items, permissions);
+    build(items, permissions, hasSelectedClient = true) {
+        return this.filter(items, permissions, hasSelectedClient);
     }
-    filter(items, permissions) {
+    filter(items, permissions, hasSelectedClient) {
         return items.reduce((menuItems, item) => {
             const hasPermission = item.permission ? kitHasPermission(item.permission, permissions) : false;
-            const childItems = item.items ? this.filter(item.items, permissions) : [];
+            const childItems = item.items ? this.filter(item.items, permissions, hasSelectedClient) : [];
+            const shouldSkip = (item.requiresClient ?? false) && !hasSelectedClient;
+            if (shouldSkip) {
+                return menuItems;
+            }
             if (hasPermission || childItems.length || !item.permission && !item.items) {
                 menuItems.push({
                     ...item,
@@ -9716,7 +9720,12 @@ class KitSidebarComponent {
         this.store = inject(Store);
         this.kitMenuBuilderService = inject(KitMenuBuilderService);
         this.menuItems = input.required(...(ngDevMode ? [{ debugName: "menuItems" }] : []));
-        this.menuItems$ = this.store.select(KIT_USER_PERMISSIONS_STATE_TOKEN).pipe(map(permissions => this.kitMenuBuilderService.build(this.menuItems(), permissions)));
+        this.hasSelectedClient = input(true, ...(ngDevMode ? [{ debugName: "hasSelectedClient" }] : []));
+        this.menuItems$ = combineLatest([
+            this.store.select(KIT_USER_PERMISSIONS_STATE_TOKEN),
+            toObservable(this.menuItems),
+            toObservable(this.hasSelectedClient),
+        ]).pipe(map(([permissions, menuItems, hasSelectedClient,]) => this.kitMenuBuilderService.build(menuItems, permissions, hasSelectedClient)));
         this.appsMenuItems$ = this.store.select(KIT_USER_APPLICATIONS_STATE_TOKEN).pipe(map(userApplications => userApplications?.applications?.map(({ name, url }) => ({
             name,
             url,
@@ -9729,7 +9738,7 @@ class KitSidebarComponent {
         this.store.dispatch(new FetchUserApplications());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: KitSidebarComponent, isStandalone: true, selector: "kit-sidebar", inputs: { menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-sidebar\">\n  @if (menuItems$ | async; as menuItems) {\n    <kit-navigation-menu class=\"navigation-menu\"\n                         logoPath=\"assets/config/logo.svg\"\n                         [menuItems]=\"menuItems\"\n                         [appsMenuItems]=\"(appsMenuItems$ | async) ?? []\"\n    ></kit-navigation-menu>\n  }\n</div>\n\n", styles: [".kit-sidebar{height:100%}.kit-sidebar .navigation-menu{display:block;height:100%}.kit-sidebar .navigation-menu ::ng-deep .logo-wrapper{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "component", type: KitNavigationMenuComponent, selector: "kit-navigation-menu", inputs: ["menuItems", "appsMenuItems", "logoPath"], outputs: ["menuItemsChange"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: KitSidebarComponent, isStandalone: true, selector: "kit-sidebar", inputs: { menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: true, transformFunction: null }, hasSelectedClient: { classPropertyName: "hasSelectedClient", publicName: "hasSelectedClient", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-sidebar\">\n  @if (menuItems$ | async; as menuItems) {\n    <kit-navigation-menu class=\"navigation-menu\"\n                         logoPath=\"assets/config/logo.svg\"\n                         [menuItems]=\"menuItems\"\n                         [appsMenuItems]=\"(appsMenuItems$ | async) ?? []\"\n    ></kit-navigation-menu>\n  }\n</div>\n\n", styles: [".kit-sidebar{height:100%}.kit-sidebar .navigation-menu{display:block;height:100%}.kit-sidebar .navigation-menu ::ng-deep .logo-wrapper{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "component", type: KitNavigationMenuComponent, selector: "kit-navigation-menu", inputs: ["menuItems", "appsMenuItems", "logoPath"], outputs: ["menuItemsChange"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitSidebarComponent, decorators: [{
             type: Component,
@@ -9737,7 +9746,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         KitNavigationMenuComponent,
                         AsyncPipe,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-sidebar\">\n  @if (menuItems$ | async; as menuItems) {\n    <kit-navigation-menu class=\"navigation-menu\"\n                         logoPath=\"assets/config/logo.svg\"\n                         [menuItems]=\"menuItems\"\n                         [appsMenuItems]=\"(appsMenuItems$ | async) ?? []\"\n    ></kit-navigation-menu>\n  }\n</div>\n\n", styles: [".kit-sidebar{height:100%}.kit-sidebar .navigation-menu{display:block;height:100%}.kit-sidebar .navigation-menu ::ng-deep .logo-wrapper{display:flex;justify-content:center;align-items:center}\n"] }]
-        }], propDecorators: { menuItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuItems", required: true }] }] } });
+        }], propDecorators: { menuItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuItems", required: true }] }], hasSelectedClient: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasSelectedClient", required: false }] }] } });
 
 class FetchUser {
     static { this.type = '[User] Fetch'; }