@ojiepermana/angular 0.1.0 → 0.1.1

package/fesm2022/ojiepermana-angular-navigation.mjs

@@ -1,5 +1,51 @@
 import * as i0 from '@angular/core';
-import { signal, computed, Injectable } from '@angular/core';
+import { InjectionToken, isDevMode, makeEnvironmentProviders, inject, PLATFORM_ID, signal, Injectable, computed } from '@angular/core';
+import { DOCUMENT, isPlatformBrowser } from '@angular/common';
+
+const DEFAULT_NG_NAVIGATION_CONFIG = {
+    defaultHorizontalVariant: 'default',
+    defaultVerticalVariant: 'default',
+};
+const NG_NAVIGATION_CONFIG = new InjectionToken('NG_NAVIGATION_CONFIG', {
+    providedIn: 'root',
+    factory: () => ({ ...DEFAULT_NG_NAVIGATION_CONFIG }),
+});
+
+function warnInvalidNavigationConfig(message) {
+    if (isDevMode()) {
+        console.warn(`[provideNgNavigation] ${message}`);
+    }
+}
+function isHorizontalNavigationVariant$1(value) {
+    return value === 'default' || value === 'mega';
+}
+function isVerticalNavigationAppearance$1(value) {
+    return value === 'default' || value === 'collapsible';
+}
+function normalizeHorizontalVariant(value) {
+    if (typeof value === 'undefined' || isHorizontalNavigationVariant$1(value)) {
+        return value ?? DEFAULT_NG_NAVIGATION_CONFIG.defaultHorizontalVariant;
+    }
+    warnInvalidNavigationConfig(`Ignoring invalid defaultHorizontalVariant ${JSON.stringify(value)}. Falling back to ${JSON.stringify(DEFAULT_NG_NAVIGATION_CONFIG.defaultHorizontalVariant)}.`);
+    return DEFAULT_NG_NAVIGATION_CONFIG.defaultHorizontalVariant;
+}
+function normalizeVerticalVariant(value) {
+    if (typeof value === 'undefined' || isVerticalNavigationAppearance$1(value)) {
+        return value ?? DEFAULT_NG_NAVIGATION_CONFIG.defaultVerticalVariant;
+    }
+    warnInvalidNavigationConfig(`Ignoring invalid defaultVerticalVariant ${JSON.stringify(value)}. Falling back to ${JSON.stringify(DEFAULT_NG_NAVIGATION_CONFIG.defaultVerticalVariant)}.`);
+    return DEFAULT_NG_NAVIGATION_CONFIG.defaultVerticalVariant;
+}
+function normalizeNavigationConfig(config) {
+    return {
+        ...DEFAULT_NG_NAVIGATION_CONFIG,
+        defaultHorizontalVariant: normalizeHorizontalVariant(config.defaultHorizontalVariant),
+        defaultVerticalVariant: normalizeVerticalVariant(config.defaultVerticalVariant),
+    };
+}
+function provideNgNavigation(config = {}) {
+    return makeEnvironmentProviders([{ provide: NG_NAVIGATION_CONFIG, useValue: normalizeNavigationConfig(config) }]);
+}
 
 function getNavigationItemAction(item) {
     return isNavigationRoutableItem(item) ? item.action : undefined;
@@ -23,6 +69,271 @@ function isNavigationRoutableItem(item) {
     return item.type === 'basic' || item.type === 'aside' || item.type === 'collapsable';
 }
 
+class NavigationStorageAdapter {
+    config;
+    constructor(config) {
+        this.config = config;
+    }
+    clear(axis) {
+        if (!this.config.isBrowser || !this.config.storage) {
+            return;
+        }
+        this.config.storage.removeItem(this.key(axis));
+        this.config.storage.removeItem(this.legacyKey(axis));
+    }
+    persist(axis, value) {
+        if (!this.config.isBrowser || !this.config.storage) {
+            return;
+        }
+        this.config.storage.setItem(this.key(axis), value);
+        this.config.storage.removeItem(this.legacyKey(axis));
+    }
+    read(axis, fallback, isValid) {
+        if (!this.config.isBrowser || !this.config.storage) {
+            return fallback;
+        }
+        const storedValue = this.config.storage.getItem(this.key(axis));
+        if (storedValue && isValid(storedValue)) {
+            return storedValue;
+        }
+        const legacyValue = this.config.storage.getItem(this.legacyKey(axis));
+        if (legacyValue && isValid(legacyValue)) {
+            this.config.storage.setItem(this.key(axis), legacyValue);
+            this.config.storage.removeItem(this.legacyKey(axis));
+            return legacyValue;
+        }
+        return fallback;
+    }
+    readValue(axis) {
+        if (!this.config.isBrowser || !this.config.storage) {
+            return null;
+        }
+        const storedValue = this.config.storage.getItem(this.key(axis));
+        if (storedValue !== null) {
+            return storedValue;
+        }
+        const legacyValue = this.config.storage.getItem(this.legacyKey(axis));
+        if (legacyValue !== null) {
+            this.config.storage.setItem(this.key(axis), legacyValue);
+            this.config.storage.removeItem(this.legacyKey(axis));
+            return legacyValue;
+        }
+        return null;
+    }
+    key(axis) {
+        return this.config.keys[axis];
+    }
+    legacyKey(axis) {
+        return `${this.config.legacyPrefix}:${axis}`;
+    }
+}
+const STORAGE_KEYS = {
+    'horizontal-variant': 'navigation-horizontal-variant',
+    'vertical-appearance': 'navigation-vertical-appearance',
+    'active-item': 'navigation-active-item',
+    'expanded-items': 'navigation-expanded-items',
+};
+const LEGACY_STORAGE_PREFIX = 'ng-navigation:v1';
+function isHorizontalNavigationVariant(value) {
+    return value === 'default' || value === 'mega';
+}
+function isVerticalNavigationAppearance(value) {
+    return value === 'default' || value === 'collapsible';
+}
+function normalizeVerticalNavigationAppearance(value) {
+    if (value === null) {
+        return null;
+    }
+    if (isVerticalNavigationAppearance(value)) {
+        return value;
+    }
+    if (value === 'compact' || value === 'dense' || value === 'thin') {
+        return 'collapsible';
+    }
+    return null;
+}
+function normalizeExpandedItemIds(ids) {
+    return Array.from(new Set(ids.map((id) => id.trim()).filter((id) => id.length > 0)));
+}
+function parseExpandedItemIds(value) {
+    if (value === null) {
+        return [];
+    }
+    try {
+        const parsed = JSON.parse(value);
+        if (!Array.isArray(parsed) || parsed.some((item) => typeof item !== 'string')) {
+            return null;
+        }
+        return normalizeExpandedItemIds(parsed);
+    }
+    catch {
+        return null;
+    }
+}
+function collectNavigationMetadata(navigation) {
+    const allIds = new Set();
+    const expandableIds = new Set();
+    const visit = (items) => {
+        for (const item of items) {
+            if (item.id) {
+                allIds.add(item.id);
+                if (hasNavigationChildren(item)) {
+                    expandableIds.add(item.id);
+                }
+            }
+            if (Array.isArray(item.children) && item.children.length > 0) {
+                visit(item.children);
+            }
+        }
+    };
+    visit(navigation);
+    return { allIds, expandableIds };
+}
+class NavigationPreferencesService {
+    config = inject(NG_NAVIGATION_CONFIG);
+    document = inject(DOCUMENT);
+    isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
+    storage = new NavigationStorageAdapter({
+        isBrowser: this.isBrowser,
+        storage: this.document.defaultView?.localStorage ?? null,
+        keys: STORAGE_KEYS,
+        legacyPrefix: LEGACY_STORAGE_PREFIX,
+    });
+    _horizontalVariant = signal(this.readHorizontalVariant(), ...(ngDevMode ? [{ debugName: "_horizontalVariant" }] : /* istanbul ignore next */ []));
+    _verticalAppearance = signal(this.readVerticalAppearance(), ...(ngDevMode ? [{ debugName: "_verticalAppearance" }] : /* istanbul ignore next */ []));
+    _activeItemId = signal(this.readActiveItemId(), ...(ngDevMode ? [{ debugName: "_activeItemId" }] : /* istanbul ignore next */ []));
+    _expandedItemIds = signal(this.readExpandedItemIds(), ...(ngDevMode ? [{ debugName: "_expandedItemIds" }] : /* istanbul ignore next */ []));
+    horizontalVariant = this._horizontalVariant.asReadonly();
+    verticalAppearance = this._verticalAppearance.asReadonly();
+    activeItemId = this._activeItemId.asReadonly();
+    expandedItemIds = this._expandedItemIds.asReadonly();
+    setHorizontalVariant(value) {
+        this.storage.persist('horizontal-variant', value);
+        this._horizontalVariant.set(value);
+    }
+    setVerticalAppearance(value) {
+        this.storage.persist('vertical-appearance', value);
+        this._verticalAppearance.set(value);
+    }
+    setActiveItem(id) {
+        const normalizedId = id?.trim() ?? null;
+        if (!normalizedId) {
+            this.clearActiveItem();
+            return;
+        }
+        this.storage.persist('active-item', normalizedId);
+        this._activeItemId.set(normalizedId);
+    }
+    clearActiveItem() {
+        this.storage.clear('active-item');
+        this._activeItemId.set(null);
+    }
+    setExpandedItemIds(ids) {
+        const normalizedIds = normalizeExpandedItemIds(ids);
+        if (normalizedIds.length === 0) {
+            this.clearExpandedItems();
+            return;
+        }
+        this.storage.persist('expanded-items', JSON.stringify(normalizedIds));
+        this._expandedItemIds.set(normalizedIds);
+    }
+    expandItem(id) {
+        const normalizedId = id.trim();
+        if (!normalizedId || this._expandedItemIds().includes(normalizedId)) {
+            return;
+        }
+        this.setExpandedItemIds([...this._expandedItemIds(), normalizedId]);
+    }
+    collapseItem(id) {
+        const normalizedId = id.trim();
+        if (!normalizedId || !this._expandedItemIds().includes(normalizedId)) {
+            return;
+        }
+        this.setExpandedItemIds(this._expandedItemIds().filter((expandedId) => expandedId !== normalizedId));
+    }
+    toggleExpandedItem(id) {
+        const normalizedId = id.trim();
+        if (!normalizedId) {
+            return;
+        }
+        if (this._expandedItemIds().includes(normalizedId)) {
+            this.collapseItem(normalizedId);
+            return;
+        }
+        this.expandItem(normalizedId);
+    }
+    clearExpandedItems() {
+        this.storage.clear('expanded-items');
+        this._expandedItemIds.set([]);
+    }
+    reset() {
+        this.storage.clear('horizontal-variant');
+        this._horizontalVariant.set(this.config.defaultHorizontalVariant);
+        this.storage.clear('vertical-appearance');
+        this._verticalAppearance.set(this.config.defaultVerticalVariant);
+        this.clearActiveItem();
+        this.clearExpandedItems();
+    }
+    syncWithNavigation(navigation) {
+        const { allIds, expandableIds } = collectNavigationMetadata(navigation);
+        const activeItemId = this._activeItemId();
+        if (activeItemId && !allIds.has(activeItemId)) {
+            this.clearActiveItem();
+        }
+        const filteredExpandedIds = this._expandedItemIds().filter((id) => expandableIds.has(id));
+        if (filteredExpandedIds.length !== this._expandedItemIds().length) {
+            this.setExpandedItemIds(filteredExpandedIds);
+        }
+    }
+    readActiveItemId() {
+        const storedValue = this.storage.readValue('active-item')?.trim();
+        if (!storedValue) {
+            this.storage.clear('active-item');
+            return null;
+        }
+        return storedValue;
+    }
+    readExpandedItemIds() {
+        const storedValue = this.storage.readValue('expanded-items');
+        const parsedValue = parseExpandedItemIds(storedValue);
+        if (parsedValue === null) {
+            this.storage.clear('expanded-items');
+            return [];
+        }
+        return parsedValue;
+    }
+    readHorizontalVariant() {
+        const storedValue = this.storage.readValue('horizontal-variant');
+        if (storedValue && isHorizontalNavigationVariant(storedValue)) {
+            return storedValue;
+        }
+        if (storedValue !== null) {
+            this.storage.clear('horizontal-variant');
+        }
+        return this.config.defaultHorizontalVariant;
+    }
+    readVerticalAppearance() {
+        const storedValue = this.storage.readValue('vertical-appearance');
+        const normalizedValue = normalizeVerticalNavigationAppearance(storedValue);
+        if (normalizedValue) {
+            if (storedValue !== normalizedValue) {
+                this.storage.persist('vertical-appearance', normalizedValue);
+            }
+            return normalizedValue;
+        }
+        if (storedValue !== null) {
+            this.storage.clear('vertical-appearance');
+        }
+        return this.config.defaultVerticalVariant;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NavigationPreferencesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NavigationPreferencesService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NavigationPreferencesService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 /**
  * Navigation Service
  *
@@ -32,19 +343,19 @@ function isNavigationRoutableItem(item) {
  * 3. Utility functions untuk navigation operations
  */
 class NavigationService {
+    preferences = inject(NavigationPreferencesService);
     _navigation = signal([], ...(ngDevMode ? [{ debugName: "_navigation" }] : /* istanbul ignore next */ []));
-    _activeItemId = signal(null, ...(ngDevMode ? [{ debugName: "_activeItemId" }] : /* istanbul ignore next */ []));
-    _expandedItemIds = signal(new Set(), ...(ngDevMode ? [{ debugName: "_expandedItemIds" }] : /* istanbul ignore next */ []));
     navigationItems = this._navigation.asReadonly();
-    activeItemId = this._activeItemId.asReadonly();
+    activeItemId = this.preferences.activeItemId;
     flatNavigation = computed(() => this.getFlatNavigation(this._navigation()), ...(ngDevMode ? [{ debugName: "flatNavigation" }] : /* istanbul ignore next */ []));
-    expandedItemIds = computed(() => Array.from(this._expandedItemIds()), ...(ngDevMode ? [{ debugName: "expandedItemIds" }] : /* istanbul ignore next */ []));
+    expandedItemIds = this.preferences.expandedItemIds;
     /**
      * Store navigation data
      * Biasanya dipanggil saat app initialization
      */
     storeNavigation(navigation) {
         this._navigation.set(navigation);
+        this.preferences.syncWithNavigation(navigation);
     }
     /**
      * Get navigation data dari storage
@@ -56,7 +367,7 @@ class NavigationService {
      * Delete navigation data dari storage
      */
     deleteNavigation() {
-        if (!this._navigation().length) {
+        if (!this._navigation().length && this.activeItemId() === null && this.expandedItemIds().length === 0) {
             return;
         }
         this._navigation.set([]);
@@ -64,47 +375,32 @@ class NavigationService {
         this.clearExpandedItems();
     }
     setActiveItem(id) {
-        this._activeItemId.set(id);
+        this.preferences.setActiveItem(id);
     }
     clearActiveItem() {
-        this._activeItemId.set(null);
+        this.preferences.clearActiveItem();
     }
     getActiveItem(navigation = this._navigation()) {
-        const activeItemId = this._activeItemId();
+        const activeItemId = this.activeItemId();
         if (!activeItemId) {
             return null;
         }
         return this.getItem(activeItemId, navigation);
     }
     expandItem(id) {
-        this._expandedItemIds.update((expandedItemIds) => {
-            const nextExpandedItemIds = new Set(expandedItemIds);
-            nextExpandedItemIds.add(id);
-            return nextExpandedItemIds;
-        });
+        this.preferences.expandItem(id);
     }
     collapseItem(id) {
-        this._expandedItemIds.update((expandedItemIds) => {
-            if (!expandedItemIds.has(id)) {
-                return expandedItemIds;
-            }
-            const nextExpandedItemIds = new Set(expandedItemIds);
-            nextExpandedItemIds.delete(id);
-            return nextExpandedItemIds;
-        });
+        this.preferences.collapseItem(id);
     }
     toggleItemExpanded(id) {
-        if (this.isItemExpanded(id)) {
-            this.collapseItem(id);
-            return;
-        }
-        this.expandItem(id);
+        this.preferences.toggleExpandedItem(id);
     }
     isItemExpanded(id) {
-        return this._expandedItemIds().has(id);
+        return this.expandedItemIds().includes(id);
     }
     clearExpandedItems() {
-        this._expandedItemIds.set(new Set());
+        this.preferences.clearExpandedItems();
     }
     /**
      * Flatten navigation array
@@ -172,5 +468,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { NavigationService, getNavigationChildren, getNavigationItemAction, getNavigationItemVisibilityHandler, hasNavigationChildren, isNavigationItemHidden, isNavigationRoutableItem, shouldRenderNavigationItem };
+export { DEFAULT_NG_NAVIGATION_CONFIG, NG_NAVIGATION_CONFIG, NavigationPreferencesService, NavigationService, getNavigationChildren, getNavigationItemAction, getNavigationItemVisibilityHandler, hasNavigationChildren, isNavigationItemHidden, isNavigationRoutableItem, provideNgNavigation, shouldRenderNavigationItem };
 //# sourceMappingURL=ojiepermana-angular-navigation.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ojiepermana-angular-navigation.mjs","sources":["../../../projects/library/navigation/navigation.utils.ts","../../../projects/library/navigation/navigation.service.ts","../../../projects/library/navigation/index.ts","../../../projects/library/navigation/ojiepermana-angular-navigation.ts"],"sourcesContent":["import {\n  NavigationActionHandler,\n  NavigationBranchItem,\n  NavigationItem,\n  NavigationRoutableItemBase,\n  NavigationVisibilityHandler,\n} from './navigation.type';\n\nexport function getNavigationItemAction(item: NavigationItem): NavigationActionHandler | undefined {\n  return isNavigationRoutableItem(item) ? item.action : undefined;\n}\n\nexport function getNavigationItemVisibilityHandler(item: NavigationItem): NavigationVisibilityHandler | undefined {\n  return item.isHidden;\n}\n\nexport function isNavigationItemHidden(item: NavigationItem): boolean {\n  return !!getNavigationItemVisibilityHandler(item)?.(item);\n}\n\nexport function shouldRenderNavigationItem(item: NavigationItem): boolean {\n  return !isNavigationItemHidden(item);\n}\n\nexport function hasNavigationChildren(item: NavigationItem): item is NavigationBranchItem {\n  return Array.isArray(item.children) && item.children.length > 0;\n}\n\nexport function getNavigationChildren(item: NavigationItem): NavigationItem[] {\n  return Array.isArray(item.children) ? item.children : [];\n}\n\nexport function isNavigationRoutableItem(item: NavigationItem): item is NavigationItem & NavigationRoutableItemBase {\n  return item.type === 'basic' || item.type === 'aside' || item.type === 'collapsable';\n}\n","import { computed, Injectable, signal } from '@angular/core';\nimport { NavigationItem } from './navigation.type';\nimport { getNavigationChildren, hasNavigationChildren } from './navigation.utils';\n\n/**\n * Navigation Service\n *\n * Service ini bertanggung jawab untuk:\n * 1. Store dan retrieve navigation data\n * 2. Menyediakan state aktif dan expanded item\n * 3. Utility functions untuk navigation operations\n */\n@Injectable({ providedIn: 'root' })\nexport class NavigationService {\n  private _navigation = signal<NavigationItem[]>([]);\n  private _activeItemId = signal<string | null>(null);\n  private _expandedItemIds = signal<Set<string>>(new Set());\n\n  readonly navigationItems = this._navigation.asReadonly();\n  readonly activeItemId = this._activeItemId.asReadonly();\n  readonly flatNavigation = computed(() => this.getFlatNavigation(this._navigation()));\n\n  readonly expandedItemIds = computed(() => Array.from(this._expandedItemIds()));\n\n  /**\n   * Store navigation data\n   * Biasanya dipanggil saat app initialization\n   */\n  storeNavigation(navigation: NavigationItem[]): void {\n    this._navigation.set(navigation);\n  }\n\n  /**\n   * Get navigation data dari storage\n   */\n  getNavigation(): NavigationItem[] {\n    return this._navigation();\n  }\n\n  /**\n   * Delete navigation data dari storage\n   */\n  deleteNavigation(): void {\n    if (!this._navigation().length) {\n      return;\n    }\n    this._navigation.set([]);\n    this.clearActiveItem();\n    this.clearExpandedItems();\n  }\n\n  setActiveItem(id: string | null): void {\n    this._activeItemId.set(id);\n  }\n\n  clearActiveItem(): void {\n    this._activeItemId.set(null);\n  }\n\n  getActiveItem(navigation: NavigationItem[] = this._navigation()): NavigationItem | null {\n    const activeItemId = this._activeItemId();\n    if (!activeItemId) {\n      return null;\n    }\n\n    return this.getItem(activeItemId, navigation);\n  }\n\n  expandItem(id: string): void {\n    this._expandedItemIds.update((expandedItemIds) => {\n      const nextExpandedItemIds = new Set(expandedItemIds);\n      nextExpandedItemIds.add(id);\n      return nextExpandedItemIds;\n    });\n  }\n\n  collapseItem(id: string): void {\n    this._expandedItemIds.update((expandedItemIds) => {\n      if (!expandedItemIds.has(id)) {\n        return expandedItemIds;\n      }\n\n      const nextExpandedItemIds = new Set(expandedItemIds);\n      nextExpandedItemIds.delete(id);\n      return nextExpandedItemIds;\n    });\n  }\n\n  toggleItemExpanded(id: string): void {\n    if (this.isItemExpanded(id)) {\n      this.collapseItem(id);\n      return;\n    }\n\n    this.expandItem(id);\n  }\n\n  isItemExpanded(id: string): boolean {\n    return this._expandedItemIds().has(id);\n  }\n\n  clearExpandedItems(): void {\n    this._expandedItemIds.set(new Set());\n  }\n\n  /**\n   * Flatten navigation array\n   * Convert nested structure menjadi flat array (hanya basic items)\n   * Berguna untuk search, analytics, atau operations lainnya\n   */\n  getFlatNavigation(navigation: NavigationItem[], flatNavigation: NavigationItem[] = []): NavigationItem[] {\n    for (const item of navigation) {\n      if (item.type === 'basic') {\n        flatNavigation.push(item);\n      }\n\n      if (hasNavigationChildren(item)) {\n        this.getFlatNavigation(getNavigationChildren(item), flatNavigation);\n      }\n    }\n\n    return flatNavigation;\n  }\n\n  /**\n   * Get item by ID dari navigation tree\n   * Recursive search untuk find item dengan id tertentu\n   */\n  getItem(id: string, navigation: NavigationItem[]): NavigationItem | null {\n    for (const item of navigation) {\n      if (item.id === id) {\n        return item;\n      }\n\n      if (hasNavigationChildren(item)) {\n        const childItem = this.getItem(id, getNavigationChildren(item));\n        if (childItem) {\n          return childItem;\n        }\n      }\n    }\n\n    return null;\n  }\n\n  /**\n   * Get parent dari item dengan id tertentu\n   * Berguna untuk breadcrumb atau navigation path\n   */\n  getItemParent(\n    id: string,\n    navigation: NavigationItem[],\n    parent: NavigationItem[] | NavigationItem,\n  ): NavigationItem[] | NavigationItem | null {\n    for (const item of navigation) {\n      if (item.id === id) {\n        return parent;\n      }\n\n      if (hasNavigationChildren(item)) {\n        const result = this.getItemParent(id, getNavigationChildren(item), item);\n        if (result) {\n          return result;\n        }\n      }\n    }\n\n    return null;\n  }\n}\n","/* Navigation state and utility exports. */\n\nexport * from './navigation.type';\nexport * from './navigation.utils';\nexport * from './navigation.service';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ojiepermana-angular-navigation.mjs","sources":["../../../projects/library/navigation/state/navigation.token.ts","../../../projects/library/navigation/state/navigation.provider.ts","../../../projects/library/navigation/state/navigation.utils.ts","../../../projects/library/navigation/state/navigation-preferences.service.ts","../../../projects/library/navigation/state/navigation.service.ts","../../../projects/library/navigation/index.ts","../../../projects/library/navigation/ojiepermana-angular-navigation.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { NgNavigationConfig } from './navigation.types';\n\nexport const DEFAULT_NG_NAVIGATION_CONFIG: NgNavigationConfig = {\n  defaultHorizontalVariant: 'default',\n  defaultVerticalVariant: 'default',\n};\n\nexport const NG_NAVIGATION_CONFIG = new InjectionToken<NgNavigationConfig>('NG_NAVIGATION_CONFIG', {\n  providedIn: 'root',\n  factory: () => ({ ...DEFAULT_NG_NAVIGATION_CONFIG }),\n});\n","import { EnvironmentProviders, isDevMode, makeEnvironmentProviders } from '@angular/core';\nimport { DEFAULT_NG_NAVIGATION_CONFIG, NG_NAVIGATION_CONFIG } from './navigation.token';\nimport { HorizontalNavigationVariant, VerticalNavigationAppearance } from './navigation.type';\nimport { NgNavigationConfig } from './navigation.types';\n\nfunction warnInvalidNavigationConfig(message: string): void {\n  if (isDevMode()) {\n    console.warn(`[provideNgNavigation] ${message}`);\n  }\n}\n\nfunction isHorizontalNavigationVariant(value: unknown): value is HorizontalNavigationVariant {\n  return value === 'default' || value === 'mega';\n}\n\nfunction isVerticalNavigationAppearance(value: unknown): value is VerticalNavigationAppearance {\n  return value === 'default' || value === 'collapsible';\n}\n\nfunction normalizeHorizontalVariant(value: unknown): HorizontalNavigationVariant {\n  if (typeof value === 'undefined' || isHorizontalNavigationVariant(value)) {\n    return value ?? DEFAULT_NG_NAVIGATION_CONFIG.defaultHorizontalVariant;\n  }\n\n  warnInvalidNavigationConfig(\n    `Ignoring invalid defaultHorizontalVariant ${JSON.stringify(value)}. Falling back to ${JSON.stringify(DEFAULT_NG_NAVIGATION_CONFIG.defaultHorizontalVariant)}.`,\n  );\n\n  return DEFAULT_NG_NAVIGATION_CONFIG.defaultHorizontalVariant;\n}\n\nfunction normalizeVerticalVariant(value: unknown): VerticalNavigationAppearance {\n  if (typeof value === 'undefined' || isVerticalNavigationAppearance(value)) {\n    return value ?? DEFAULT_NG_NAVIGATION_CONFIG.defaultVerticalVariant;\n  }\n\n  warnInvalidNavigationConfig(\n    `Ignoring invalid defaultVerticalVariant ${JSON.stringify(value)}. Falling back to ${JSON.stringify(DEFAULT_NG_NAVIGATION_CONFIG.defaultVerticalVariant)}.`,\n  );\n\n  return DEFAULT_NG_NAVIGATION_CONFIG.defaultVerticalVariant;\n}\n\nfunction normalizeNavigationConfig(config: Partial<NgNavigationConfig>): NgNavigationConfig {\n  return {\n    ...DEFAULT_NG_NAVIGATION_CONFIG,\n    defaultHorizontalVariant: normalizeHorizontalVariant(config.defaultHorizontalVariant),\n    defaultVerticalVariant: normalizeVerticalVariant(config.defaultVerticalVariant),\n  };\n}\n\nexport function provideNgNavigation(config: Partial<NgNavigationConfig> = {}): EnvironmentProviders {\n  return makeEnvironmentProviders([{ provide: NG_NAVIGATION_CONFIG, useValue: normalizeNavigationConfig(config) }]);\n}\n","import {\n  NavigationActionHandler,\n  NavigationBranchItem,\n  NavigationItem,\n  NavigationRoutableItemBase,\n  NavigationVisibilityHandler,\n} from './navigation.type';\n\nexport function getNavigationItemAction(item: NavigationItem): NavigationActionHandler | undefined {\n  return isNavigationRoutableItem(item) ? item.action : undefined;\n}\n\nexport function getNavigationItemVisibilityHandler(item: NavigationItem): NavigationVisibilityHandler | undefined {\n  return item.isHidden;\n}\n\nexport function isNavigationItemHidden(item: NavigationItem): boolean {\n  return !!getNavigationItemVisibilityHandler(item)?.(item);\n}\n\nexport function shouldRenderNavigationItem(item: NavigationItem): boolean {\n  return !isNavigationItemHidden(item);\n}\n\nexport function hasNavigationChildren(item: NavigationItem): item is NavigationBranchItem {\n  return Array.isArray(item.children) && item.children.length > 0;\n}\n\nexport function getNavigationChildren(item: NavigationItem): NavigationItem[] {\n  return Array.isArray(item.children) ? item.children : [];\n}\n\nexport function isNavigationRoutableItem(item: NavigationItem): item is NavigationItem & NavigationRoutableItemBase {\n  return item.type === 'basic' || item.type === 'aside' || item.type === 'collapsable';\n}\n","import { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport { Injectable, PLATFORM_ID, inject, signal } from '@angular/core';\nimport { NG_NAVIGATION_CONFIG } from './navigation.token';\nimport { HorizontalNavigationVariant, NavigationItem, VerticalNavigationAppearance } from './navigation.type';\nimport { hasNavigationChildren } from './navigation.utils';\n\ninterface StorageLike {\n  getItem(key: string): string | null;\n  setItem(key: string, value: string): void;\n  removeItem(key: string): void;\n}\n\ninterface NavigationStorageAdapterConfig<Axis extends string> {\n  readonly isBrowser: boolean;\n  readonly storage: StorageLike | null;\n  readonly keys: Record<Axis, string>;\n  readonly legacyPrefix: string;\n}\n\nclass NavigationStorageAdapter<Axis extends string> {\n  constructor(private readonly config: NavigationStorageAdapterConfig<Axis>) {}\n\n  clear(axis: Axis): void {\n    if (!this.config.isBrowser || !this.config.storage) {\n      return;\n    }\n\n    this.config.storage.removeItem(this.key(axis));\n    this.config.storage.removeItem(this.legacyKey(axis));\n  }\n\n  persist(axis: Axis, value: string): void {\n    if (!this.config.isBrowser || !this.config.storage) {\n      return;\n    }\n\n    this.config.storage.setItem(this.key(axis), value);\n    this.config.storage.removeItem(this.legacyKey(axis));\n  }\n\n  read<T extends string>(axis: Axis, fallback: T, isValid: (value: string) => value is T): T {\n    if (!this.config.isBrowser || !this.config.storage) {\n      return fallback;\n    }\n\n    const storedValue = this.config.storage.getItem(this.key(axis));\n\n    if (storedValue && isValid(storedValue)) {\n      return storedValue;\n    }\n\n    const legacyValue = this.config.storage.getItem(this.legacyKey(axis));\n\n    if (legacyValue && isValid(legacyValue)) {\n      this.config.storage.setItem(this.key(axis), legacyValue);\n      this.config.storage.removeItem(this.legacyKey(axis));\n      return legacyValue;\n    }\n\n    return fallback;\n  }\n\n  readValue(axis: Axis): string | null {\n    if (!this.config.isBrowser || !this.config.storage) {\n      return null;\n    }\n\n    const storedValue = this.config.storage.getItem(this.key(axis));\n\n    if (storedValue !== null) {\n      return storedValue;\n    }\n\n    const legacyValue = this.config.storage.getItem(this.legacyKey(axis));\n\n    if (legacyValue !== null) {\n      this.config.storage.setItem(this.key(axis), legacyValue);\n      this.config.storage.removeItem(this.legacyKey(axis));\n      return legacyValue;\n    }\n\n    return null;\n  }\n\n  private key(axis: Axis): string {\n    return this.config.keys[axis];\n  }\n\n  private legacyKey(axis: Axis): string {\n    return `${this.config.legacyPrefix}:${axis}`;\n  }\n}\n\nconst STORAGE_KEYS = {\n  'horizontal-variant': 'navigation-horizontal-variant',\n  'vertical-appearance': 'navigation-vertical-appearance',\n  'active-item': 'navigation-active-item',\n  'expanded-items': 'navigation-expanded-items',\n} as const;\n\ntype NavigationPreferenceAxis = keyof typeof STORAGE_KEYS;\n\nconst LEGACY_STORAGE_PREFIX = 'ng-navigation:v1';\n\nfunction isHorizontalNavigationVariant(value: string): value is HorizontalNavigationVariant {\n  return value === 'default' || value === 'mega';\n}\n\nfunction isVerticalNavigationAppearance(value: string): value is VerticalNavigationAppearance {\n  return value === 'default' || value === 'collapsible';\n}\n\nfunction normalizeVerticalNavigationAppearance(value: string | null): VerticalNavigationAppearance | null {\n  if (value === null) {\n    return null;\n  }\n\n  if (isVerticalNavigationAppearance(value)) {\n    return value;\n  }\n\n  if (value === 'compact' || value === 'dense' || value === 'thin') {\n    return 'collapsible';\n  }\n\n  return null;\n}\n\nfunction normalizeExpandedItemIds(ids: readonly string[]): string[] {\n  return Array.from(new Set(ids.map((id) => id.trim()).filter((id): id is string => id.length > 0)));\n}\n\nfunction parseExpandedItemIds(value: string | null): string[] | null {\n  if (value === null) {\n    return [];\n  }\n\n  try {\n    const parsed = JSON.parse(value);\n\n    if (!Array.isArray(parsed) || parsed.some((item) => typeof item !== 'string')) {\n      return null;\n    }\n\n    return normalizeExpandedItemIds(parsed);\n  } catch {\n    return null;\n  }\n}\n\nfunction collectNavigationMetadata(navigation: readonly NavigationItem[]): {\n  readonly allIds: Set<string>;\n  readonly expandableIds: Set<string>;\n} {\n  const allIds = new Set<string>();\n  const expandableIds = new Set<string>();\n\n  const visit = (items: readonly NavigationItem[]): void => {\n    for (const item of items) {\n      if (item.id) {\n        allIds.add(item.id);\n\n        if (hasNavigationChildren(item)) {\n          expandableIds.add(item.id);\n        }\n      }\n\n      if (Array.isArray(item.children) && item.children.length > 0) {\n        visit(item.children);\n      }\n    }\n  };\n\n  visit(navigation);\n\n  return { allIds, expandableIds };\n}\n\n@Injectable({ providedIn: 'root' })\nexport class NavigationPreferencesService {\n  private readonly config = inject(NG_NAVIGATION_CONFIG);\n  private readonly document = inject(DOCUMENT);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n  private readonly storage = new NavigationStorageAdapter<NavigationPreferenceAxis>({\n    isBrowser: this.isBrowser,\n    storage: this.document.defaultView?.localStorage ?? null,\n    keys: STORAGE_KEYS,\n    legacyPrefix: LEGACY_STORAGE_PREFIX,\n  });\n\n  private readonly _horizontalVariant = signal<HorizontalNavigationVariant>(this.readHorizontalVariant());\n  private readonly _verticalAppearance = signal<VerticalNavigationAppearance>(this.readVerticalAppearance());\n  private readonly _activeItemId = signal<string | null>(this.readActiveItemId());\n  private readonly _expandedItemIds = signal<string[]>(this.readExpandedItemIds());\n\n  readonly horizontalVariant = this._horizontalVariant.asReadonly();\n  readonly verticalAppearance = this._verticalAppearance.asReadonly();\n  readonly activeItemId = this._activeItemId.asReadonly();\n  readonly expandedItemIds = this._expandedItemIds.asReadonly();\n\n  setHorizontalVariant(value: HorizontalNavigationVariant): void {\n    this.storage.persist('horizontal-variant', value);\n    this._horizontalVariant.set(value);\n  }\n\n  setVerticalAppearance(value: VerticalNavigationAppearance): void {\n    this.storage.persist('vertical-appearance', value);\n    this._verticalAppearance.set(value);\n  }\n\n  setActiveItem(id: string | null): void {\n    const normalizedId = id?.trim() ?? null;\n\n    if (!normalizedId) {\n      this.clearActiveItem();\n      return;\n    }\n\n    this.storage.persist('active-item', normalizedId);\n    this._activeItemId.set(normalizedId);\n  }\n\n  clearActiveItem(): void {\n    this.storage.clear('active-item');\n    this._activeItemId.set(null);\n  }\n\n  setExpandedItemIds(ids: readonly string[]): void {\n    const normalizedIds = normalizeExpandedItemIds(ids);\n\n    if (normalizedIds.length === 0) {\n      this.clearExpandedItems();\n      return;\n    }\n\n    this.storage.persist('expanded-items', JSON.stringify(normalizedIds));\n    this._expandedItemIds.set(normalizedIds);\n  }\n\n  expandItem(id: string): void {\n    const normalizedId = id.trim();\n\n    if (!normalizedId || this._expandedItemIds().includes(normalizedId)) {\n      return;\n    }\n\n    this.setExpandedItemIds([...this._expandedItemIds(), normalizedId]);\n  }\n\n  collapseItem(id: string): void {\n    const normalizedId = id.trim();\n\n    if (!normalizedId || !this._expandedItemIds().includes(normalizedId)) {\n      return;\n    }\n\n    this.setExpandedItemIds(this._expandedItemIds().filter((expandedId) => expandedId !== normalizedId));\n  }\n\n  toggleExpandedItem(id: string): void {\n    const normalizedId = id.trim();\n\n    if (!normalizedId) {\n      return;\n    }\n\n    if (this._expandedItemIds().includes(normalizedId)) {\n      this.collapseItem(normalizedId);\n      return;\n    }\n\n    this.expandItem(normalizedId);\n  }\n\n  clearExpandedItems(): void {\n    this.storage.clear('expanded-items');\n    this._expandedItemIds.set([]);\n  }\n\n  reset(): void {\n    this.storage.clear('horizontal-variant');\n    this._horizontalVariant.set(this.config.defaultHorizontalVariant);\n    this.storage.clear('vertical-appearance');\n    this._verticalAppearance.set(this.config.defaultVerticalVariant);\n    this.clearActiveItem();\n    this.clearExpandedItems();\n  }\n\n  syncWithNavigation(navigation: readonly NavigationItem[]): void {\n    const { allIds, expandableIds } = collectNavigationMetadata(navigation);\n    const activeItemId = this._activeItemId();\n\n    if (activeItemId && !allIds.has(activeItemId)) {\n      this.clearActiveItem();\n    }\n\n    const filteredExpandedIds = this._expandedItemIds().filter((id) => expandableIds.has(id));\n\n    if (filteredExpandedIds.length !== this._expandedItemIds().length) {\n      this.setExpandedItemIds(filteredExpandedIds);\n    }\n  }\n\n  private readActiveItemId(): string | null {\n    const storedValue = this.storage.readValue('active-item')?.trim();\n\n    if (!storedValue) {\n      this.storage.clear('active-item');\n      return null;\n    }\n\n    return storedValue;\n  }\n\n  private readExpandedItemIds(): string[] {\n    const storedValue = this.storage.readValue('expanded-items');\n    const parsedValue = parseExpandedItemIds(storedValue);\n\n    if (parsedValue === null) {\n      this.storage.clear('expanded-items');\n      return [];\n    }\n\n    return parsedValue;\n  }\n\n  private readHorizontalVariant(): HorizontalNavigationVariant {\n    const storedValue = this.storage.readValue('horizontal-variant');\n\n    if (storedValue && isHorizontalNavigationVariant(storedValue)) {\n      return storedValue;\n    }\n\n    if (storedValue !== null) {\n      this.storage.clear('horizontal-variant');\n    }\n\n    return this.config.defaultHorizontalVariant;\n  }\n\n  private readVerticalAppearance(): VerticalNavigationAppearance {\n    const storedValue = this.storage.readValue('vertical-appearance');\n    const normalizedValue = normalizeVerticalNavigationAppearance(storedValue);\n\n    if (normalizedValue) {\n      if (storedValue !== normalizedValue) {\n        this.storage.persist('vertical-appearance', normalizedValue);\n      }\n\n      return normalizedValue;\n    }\n\n    if (storedValue !== null) {\n      this.storage.clear('vertical-appearance');\n    }\n\n    return this.config.defaultVerticalVariant;\n  }\n}\n","import { Injectable, signal, inject, computed } from '@angular/core';\nimport { NavigationItem } from './navigation.type';\nimport { getNavigationChildren, hasNavigationChildren } from './navigation.utils';\nimport { NavigationPreferencesService } from './navigation-preferences.service';\n\n/**\n * Navigation Service\n *\n * Service ini bertanggung jawab untuk:\n * 1. Store dan retrieve navigation data\n * 2. Menyediakan state aktif dan expanded item\n * 3. Utility functions untuk navigation operations\n */\n@Injectable({ providedIn: 'root' })\nexport class NavigationService {\n  private readonly preferences = inject(NavigationPreferencesService);\n  private _navigation = signal<NavigationItem[]>([]);\n\n  readonly navigationItems = this._navigation.asReadonly();\n  readonly activeItemId = this.preferences.activeItemId;\n  readonly flatNavigation = computed(() => this.getFlatNavigation(this._navigation()));\n  readonly expandedItemIds = this.preferences.expandedItemIds;\n\n  /**\n   * Store navigation data\n   * Biasanya dipanggil saat app initialization\n   */\n  storeNavigation(navigation: NavigationItem[]): void {\n    this._navigation.set(navigation);\n    this.preferences.syncWithNavigation(navigation);\n  }\n\n  /**\n   * Get navigation data dari storage\n   */\n  getNavigation(): NavigationItem[] {\n    return this._navigation();\n  }\n\n  /**\n   * Delete navigation data dari storage\n   */\n  deleteNavigation(): void {\n    if (!this._navigation().length && this.activeItemId() === null && this.expandedItemIds().length === 0) {\n      return;\n    }\n\n    this._navigation.set([]);\n    this.clearActiveItem();\n    this.clearExpandedItems();\n  }\n\n  setActiveItem(id: string | null): void {\n    this.preferences.setActiveItem(id);\n  }\n\n  clearActiveItem(): void {\n    this.preferences.clearActiveItem();\n  }\n\n  getActiveItem(navigation: NavigationItem[] = this._navigation()): NavigationItem | null {\n    const activeItemId = this.activeItemId();\n    if (!activeItemId) {\n      return null;\n    }\n\n    return this.getItem(activeItemId, navigation);\n  }\n\n  expandItem(id: string): void {\n    this.preferences.expandItem(id);\n  }\n\n  collapseItem(id: string): void {\n    this.preferences.collapseItem(id);\n  }\n\n  toggleItemExpanded(id: string): void {\n    this.preferences.toggleExpandedItem(id);\n  }\n\n  isItemExpanded(id: string): boolean {\n    return this.expandedItemIds().includes(id);\n  }\n\n  clearExpandedItems(): void {\n    this.preferences.clearExpandedItems();\n  }\n\n  /**\n   * Flatten navigation array\n   * Convert nested structure menjadi flat array (hanya basic items)\n   * Berguna untuk search, analytics, atau operations lainnya\n   */\n  getFlatNavigation(navigation: NavigationItem[], flatNavigation: NavigationItem[] = []): NavigationItem[] {\n    for (const item of navigation) {\n      if (item.type === 'basic') {\n        flatNavigation.push(item);\n      }\n\n      if (hasNavigationChildren(item)) {\n        this.getFlatNavigation(getNavigationChildren(item), flatNavigation);\n      }\n    }\n\n    return flatNavigation;\n  }\n\n  /**\n   * Get item by ID dari navigation tree\n   * Recursive search untuk find item dengan id tertentu\n   */\n  getItem(id: string, navigation: NavigationItem[]): NavigationItem | null {\n    for (const item of navigation) {\n      if (item.id === id) {\n        return item;\n      }\n\n      if (hasNavigationChildren(item)) {\n        const childItem = this.getItem(id, getNavigationChildren(item));\n        if (childItem) {\n          return childItem;\n        }\n      }\n    }\n\n    return null;\n  }\n\n  /**\n   * Get parent dari item dengan id tertentu\n   * Berguna untuk breadcrumb atau navigation path\n   */\n  getItemParent(\n    id: string,\n    navigation: NavigationItem[],\n    parent: NavigationItem[] | NavigationItem,\n  ): NavigationItem[] | NavigationItem | null {\n    for (const item of navigation) {\n      if (item.id === id) {\n        return parent;\n      }\n\n      if (hasNavigationChildren(item)) {\n        const result = this.getItemParent(id, getNavigationChildren(item), item);\n        if (result) {\n          return result;\n        }\n      }\n    }\n\n    return null;\n  }\n}\n","/* Navigation state and utility exports. */\n\nexport * from './state/navigation.provider';\nexport * from './state/navigation-preferences.service';\nexport * from './state/navigation.token';\nexport * from './state/navigation.type';\nexport * from './state/navigation.types';\nexport * from './state/navigation.utils';\nexport * from './state/navigation.service';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["isHorizontalNavigationVariant","isVerticalNavigationAppearance"],"mappings":"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"}

package/fesm2022/ojiepermana-angular-shell.mjs

@@ -1,9 +1,14 @@
 import { makeEnvironmentProviders } from '@angular/core';
 import { provideNgLayout } from '@ojiepermana/angular/layout';
+import { provideNgNavigation } from '@ojiepermana/angular/navigation';
 import { provideNgTheme } from '@ojiepermana/angular/theme/service';
 
 function provideNgShell(config = {}) {
-    return makeEnvironmentProviders([provideNgTheme(config.theme), provideNgLayout(config.layout)]);
+    return makeEnvironmentProviders([
+        provideNgTheme(config.theme),
+        provideNgLayout(config.layout),
+        provideNgNavigation(config.navigation),
+    ]);
 }
 
 /**

package/fesm2022/ojiepermana-angular-shell.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ojiepermana-angular-shell.mjs","sources":["../../../projects/library/shell/src/shell.provider.ts","../../../projects/library/shell/ojiepermana-angular-shell.ts"],"sourcesContent":["import { EnvironmentProviders, makeEnvironmentProviders } from '@angular/core';\nimport { provideNgLayout } from '@ojiepermana/angular/layout';\nimport type { NgLayoutConfig } from '@ojiepermana/angular/layout';\nimport { provideNgTheme } from '@ojiepermana/angular/theme/service';\nimport type { NgThemeConfig } from '@ojiepermana/angular/theme/service';\n\nexport interface NgShellConfig {\n  readonly theme?: Partial<NgThemeConfig>;\n  readonly layout?: Partial<NgLayoutConfig>;\n}\n\nexport function provideNgShell(config: NgShellConfig = {}): EnvironmentProviders {\n  return makeEnvironmentProviders([provideNgTheme(config.theme), provideNgLayout(config.layout)]);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAWM,SAAU,cAAc,CAAC,MAAA,GAAwB,EAAE,EAAA;AACvD,IAAA,OAAO,wBAAwB,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;AACjG;;ACbA;;AAEG;;;;"}
+{"version":3,"file":"ojiepermana-angular-shell.mjs","sources":["../../../projects/library/shell/src/shell.provider.ts","../../../projects/library/shell/ojiepermana-angular-shell.ts"],"sourcesContent":["import { EnvironmentProviders, makeEnvironmentProviders } from '@angular/core';\nimport { provideNgLayout } from '@ojiepermana/angular/layout';\nimport type { NgLayoutConfig } from '@ojiepermana/angular/layout';\nimport { provideNgNavigation } from '@ojiepermana/angular/navigation';\nimport type { NgNavigationConfig } from '@ojiepermana/angular/navigation';\nimport { provideNgTheme } from '@ojiepermana/angular/theme/service';\nimport type { NgThemeConfig } from '@ojiepermana/angular/theme/service';\n\nexport interface NgShellConfig {\n  readonly theme?: Partial<NgThemeConfig>;\n  readonly layout?: Partial<NgLayoutConfig>;\n  readonly navigation?: Partial<NgNavigationConfig>;\n}\n\nexport function provideNgShell(config: NgShellConfig = {}): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    provideNgTheme(config.theme),\n    provideNgLayout(config.layout),\n    provideNgNavigation(config.navigation),\n  ]);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAcM,SAAU,cAAc,CAAC,MAAA,GAAwB,EAAE,EAAA;AACvD,IAAA,OAAO,wBAAwB,CAAC;AAC9B,QAAA,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC;AAC5B,QAAA,eAAe,CAAC,MAAM,CAAC,MAAM,CAAC;AAC9B,QAAA,mBAAmB,CAAC,MAAM,CAAC,UAAU,CAAC;AACvC,KAAA,CAAC;AACJ;;ACpBA;;AAEG;;;;"}

package/layout/README.md

@@ -65,10 +65,10 @@ Persistence keys are fixed by the runtime. Deprecated config fields such as `sto
 
 ## Styles
 
-The layout stylesheet source is `projects/library/layout/styles/index.css` inside this workspace.
+The layout-wide stylesheet source is `projects/library/layout/src/layout.css` inside this workspace.
 
-It owns the `data-layout-*` selectors and imports the mode-scoped shell styles.
-Layout-wide axis selectors such as `data-layout-container` and `data-layout-mode='empty'` stay in `projects/library/layout/styles/index.css`, while the flat shell rules now live in `projects/library/layout/styles/horizontal/flat.css` and `projects/library/layout/styles/vertical/flat.css`.
+It owns the `data-layout-*` selectors that are global to the runtime.
+The horizontal shell rules now live beside `src/component/horizontal/horizontal.ts`, and the vertical shell rules live beside `src/component/vertical/vertical.ts` through component-level CSS metadata.
 
 Layout styles consume theme tokens. For application usage, prefer the aggregate stylesheet entry at `projects/library/styles/index.css` in this workspace or `@ojiepermana/angular/styles/index.css` from the published package.
 The shared bundle now includes reduced-motion-aware transitions for shell chrome colors, shadows, and radii while keeping structural mode changes immediate to avoid layout jank.