@ojiepermana/angular-navigation 22.0.35 → 22.0.41

package/fesm2022/ojiepermana-angular-navigation-service.mjs

@@ -4,6 +4,8 @@ import { inject, signal, computed, isDevMode, Service } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { Router, NavigationEnd } from '@angular/router';
 
+/** Referensi stabil untuk id yang belum punya data terdaftar (hindari array baru tiap evaluasi). */
+const EMPTY_NAV_DATA = Object.freeze([]);
 const DEFAULT_NAV_ID = 'default';
 const PERSISTED_NAV_ID = 'main';
 const DEFAULT_VERTICAL_TYPE = 'sidebar';
@@ -26,6 +28,9 @@ class NavigationService {
     ...(ngDevMode ? [{ debugName: "openPanelKeys" }] : /* istanbul ignore next */ []));
     drawerOpenState = signal({}, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "drawerOpenState" }] : /* istanbul ignore next */ []));
+    /** Data mentah per id, dipublikasikan oleh `<Navigation>` agar surface lain (mis. apps-launcher di `Page`) bisa membaca nav by id tanpa mendaftarkan ulang id yang sama. */
+    dataById = signal({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dataById" }] : /* istanbul ignore next */ []));
     /** id navigasi → token owner instance, untuk menjaga setiap id hanya dipakai satu <Navigation> hidup. */
     idOwners = new Map();
     openPanelKey = computed(() => this.openPanelKeys()[DEFAULT_NAV_ID] ?? null, /* @ts-ignore */
@@ -92,6 +97,21 @@ class NavigationService {
     currentState(id) {
         return this.states()[this.normalizeId(id)] ?? null;
     }
+    /** Data terdaftar untuk sebuah id sebagai signal; `[]` bila belum ada `<Navigation>` dengan id tersebut. */
+    data(id) {
+        const navId = this.normalizeId(id);
+        return computed(() => this.dataById()[navId] ?? EMPTY_NAV_DATA);
+    }
+    /** Dipanggil `<Navigation>` untuk mempublikasikan datanya ke registry by id. */
+    publishData(id, data) {
+        const navId = this.normalizeId(id);
+        this.dataById.update((map) => ({ ...map, [navId]: data }));
+    }
+    /** Dipanggil `<Navigation>` saat destroy untuk melepas datanya dari registry. */
+    clearData(id) {
+        const navId = this.normalizeId(id);
+        this.dataById.update((map) => this.withoutKey(map, navId));
+    }
     currentPanelKey(id) {
         return this.openPanelKeys()[this.normalizeId(id)] ?? null;
     }

package/fesm2022/ojiepermana-angular-navigation.mjs

@@ -189,6 +189,7 @@ class NavigationContainerComponent {
     ...(ngDevMode ? [{ debugName: "openedIds" }] : /* istanbul ignore next */ []));
     itemSelected = output();
     nav = inject(NavigationService);
+    destroyRef = inject(DestroyRef);
     hoverPreviewExpanded = signal(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "hoverPreviewExpanded" }] : /* istanbul ignore next */ []));
     /** Konfigurasi type aktif yang didaftarkan wrapper anak (sidebar/dockbar/navbar/flyout). */
@@ -302,6 +303,12 @@ class NavigationContainerComponent {
         ? 'overflow-visible'
         : 'overflow-hidden', this.class()), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    constructor() {
+        // Publikasikan data ke registry by id agar surface lain (mis. apps-launcher di `Page`)
+        // bisa membaca nav by id tanpa mendaftarkan ulang `<Navigation>` dengan id yang sama.
+        effect(() => this.nav.publishData(this.navId(), this.data()));
+        this.destroyRef.onDestroy(() => this.nav.clearData(this.navId()));
+    }
     /**
      * Dipanggil komponen type saat dibuat. Satu `<Navigation>` hanya boleh
      * memuat satu type hidup — pendaftaran ganda dianggap salah konfigurasi.
@@ -352,7 +359,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.3", ngImpor
                     },
                     template: ` <ng-content /> `,
                 }]
-        }], propDecorators: { navId: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], collapseTree: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapse-tree", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], itemClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemClass", required: false }] }], groupClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "nav-group-class", required: false }] }], activeIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeIds", required: false }] }], activeUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeUrl", required: false }] }], openedIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "openedIds", required: false }] }, { type: i0.Output, args: ["openedIdsChange"] }], itemSelected: [{ type: i0.Output, args: ["itemSelected"] }], iconTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NavigationIconDirective), { isSignal: true }] }] } });
+        }], ctorParameters: () => [], propDecorators: { navId: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], collapseTree: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapse-tree", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], itemClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemClass", required: false }] }], groupClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "nav-group-class", required: false }] }], activeIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeIds", required: false }] }], activeUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeUrl", required: false }] }], openedIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "openedIds", required: false }] }, { type: i0.Output, args: ["openedIdsChange"] }], itemSelected: [{ type: i0.Output, args: ["itemSelected"] }], iconTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NavigationIconDirective), { isSignal: true }] }] } });
 
 class NavigationItemContentComponent {
     nav = inject(NavigationService);
@@ -1178,12 +1185,13 @@ class NavigationDockbarMenuComponent {
     // berpindah group lain tanpa menutup drawer lebih dulu.
     this.isDrawerMode() && this.openGroup() !== null && 'relative z-50'), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "railClasses" }] : /* istanbul ignore next */ []));
-    asideClasses = computed(() => cn('absolute inset-y-0 flex w-60 flex-col bg-background', this.position() === 'right'
-        ? 'right-16 border-r border-[hsl(var(--border)/var(--opacity-70))]'
-        : 'left-16 border-l border-[hsl(var(--border)/var(--opacity-70))]', this.isDrawerMode() &&
-        cn('z-50 shadow-xl', this.position() === 'right'
-            ? 'border-l border-l-[hsl(var(--border)/var(--opacity-70))]'
-            : 'border-r border-r-[hsl(var(--border)/var(--opacity-70))]')), /* @ts-ignore */
+    asideClasses = computed(() => cn('absolute inset-y-0 flex w-60 flex-col bg-background', 
+    // Border only on the CONTENT-facing edge. The dockbar rail already draws the
+    // rail-facing separator, so a rail-facing border here would double up
+    // (right of the mini-dock + left of the aside).
+    this.position() === 'right'
+        ? 'right-16 border-l border-[hsl(var(--border)/var(--opacity-70))]'
+        : 'left-16 border-r border-[hsl(var(--border)/var(--opacity-70))]', this.isDrawerMode() && 'z-50 shadow-xl'), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "asideClasses" }] : /* istanbul ignore next */ []));
     /**
      * Offset backdrop agar kolom navigasi (rail + header/footer) benar-benar bebas
@@ -2286,7 +2294,7 @@ class NavigationFlyoutMenuComponent {
         // scrollRegionClasses) yang scroll; bar ROW 1 & kontainer panel sendiri tetap diam.
         'max-h-[calc(100dvh-5rem)] overflow-hidden', this.isBorderRail()
             ? cn('rounded-none border-border', this.isBottom() ? 'border-t-[1.5px]' : 'border-b-[1.5px]')
-            : 'rounded-xl border border-[hsl(var(--border)/var(--opacity-70))]');
+            : 'rounded-[var(--layout-frame-radius)] border border-[hsl(var(--border)/var(--opacity-70))]');
     }
     rowClasses() {
         // Menu item = bagian tengah ROW 1: isi ruang antara Footer & Header (flex-1) lalu

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ojiepermana/angular-navigation",
-  "version": "22.0.35",
+  "version": "22.0.41",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/edsis/angular.git"
@@ -13,7 +13,7 @@
     "@angular/common": ">=22.0.0",
     "@angular/core": ">=22.0.0",
     "@angular/router": ">=22.0.0",
-    "@ojiepermana/angular-component": "^22.0.35",
+    "@ojiepermana/angular-component": "^22.0.41",
     "rxjs": ">=7.8.0"
   },
   "dependencies": {

package/types/ojiepermana-angular-navigation-service.d.ts

@@ -78,6 +78,8 @@ declare class NavigationService {
     private readonly states;
     private readonly openPanelKeys;
     private readonly drawerOpenState;
+    /** Data mentah per id, dipublikasikan oleh `<Navigation>` agar surface lain (mis. apps-launcher di `Page`) bisa membaca nav by id tanpa mendaftarkan ulang id yang sama. */
+    private readonly dataById;
     /** id navigasi → token owner instance, untuk menjaga setiap id hanya dipakai satu <Navigation> hidup. */
     private readonly idOwners;
     readonly openPanelKey: Signal<string | null>;
@@ -96,6 +98,12 @@ declare class NavigationService {
     private releaseId;
     state(id: string): Signal<NavigationState | null>;
     currentState(id: string): NavigationState | null;
+    /** Data terdaftar untuk sebuah id sebagai signal; `[]` bila belum ada `<Navigation>` dengan id tersebut. */
+    data(id: string): Signal<readonly NavigationItem[]>;
+    /** Dipanggil `<Navigation>` untuk mempublikasikan datanya ke registry by id. */
+    publishData(id: string, data: readonly NavigationItem[]): void;
+    /** Dipanggil `<Navigation>` saat destroy untuk melepas datanya dari registry. */
+    clearData(id: string): void;
     currentPanelKey(id: string): string | null;
     update(id: string, patch: Partial<NavigationRegisterInput>): NavigationState;
     setType(id: string, type: NavigationType): NavigationState;

package/types/ojiepermana-angular-navigation.d.ts

@@ -178,6 +178,7 @@ declare class NavigationContainerComponent implements NavigationShellContext {
     readonly openedIds: _angular_core.ModelSignal<readonly string[]>;
     readonly itemSelected: _angular_core.OutputEmitterRef<NavigationSelection>;
     private readonly nav;
+    private readonly destroyRef;
     private readonly hoverPreviewExpanded;
     /** Konfigurasi type aktif yang didaftarkan wrapper anak (sidebar/dockbar/navbar/flyout). */
     private readonly typeConfig;
@@ -210,6 +211,7 @@ declare class NavigationContainerComponent implements NavigationShellContext {
     readonly shellClasses: _angular_core.Signal<string>;
     readonly state: _angular_core.Signal<_ojiepermana_angular_navigation.NavigationState>;
     protected readonly hostClasses: _angular_core.Signal<string>;
+    constructor();
     /**
      * Dipanggil komponen type saat dibuat. Satu `<Navigation>` hanya boleh
      * memuat satu type hidup — pendaftaran ganda dianggap salah konfigurasi.