@ojiepermana/angular 0.0.3 → 0.1.1

package/README.md

@@ -1,6 +1,6 @@
 # @ojiepermana/angular
 
-Theme and layout primitives for Angular applications.
+Theme, layout, and navigation primitives for Angular applications.
 
 This package is organized around secondary entry points. The root TypeScript package is intentionally empty, so application code should not import APIs from `@ojiepermana/angular` directly.
 
@@ -12,6 +12,9 @@ Use these entry points in application code:
 - `@ojiepermana/angular/theme/component`
 - `@ojiepermana/angular/theme/directive`
 - `@ojiepermana/angular/layout`
+- `@ojiepermana/angular/navigation`
+- `@ojiepermana/angular/navigation/vertical`
+- `@ojiepermana/angular/navigation/horizontal`
 - `@ojiepermana/angular/shell`
 - `@ojiepermana/angular/styles/index.css`
 - `@ojiepermana/angular/styles/resets.css` for optional application-level resets
@@ -31,6 +34,8 @@ Do not import consumer code from:
 - Layout host mirroring through `LayoutHostDirective`.
 - Reusable shell components through `LayoutVerticalComponent` and `LayoutHorizontalComponent`.
 - Layout controls through `LayoutModeSwitcherComponent` and `LayoutContainerSwitcherComponent`.
+- Navigation runtime state through `NavigationService` and shared navigation utilities.
+- Reusable navigation components through `HorizontalNavigation` and the vertical navigation variants.
 - A combined stylesheet bundle through `@ojiepermana/angular/styles/index.css`.
 
 ## Requirements
@@ -44,7 +49,7 @@ The published package currently declares peer dependencies for:
 - `@lucide/angular` `>=1.0.0`
 - `tailwindcss` `>=4.0.0`
 
-If you use the layout shells, your application should also already be using Angular Router because the shell components render `RouterOutlet`.
+If you use the layout shells or the navigation components, your application should also already be using Angular Router because those APIs render router primitives such as `RouterOutlet` and `RouterLink`.
 
 ## Runtime Contract
 
@@ -84,9 +89,9 @@ Theme color labels can be localized through `provideNgTheme({ colorLabels: { ...
 
 ## Styling Model
 
-- `@ojiepermana/angular/styles/index.css` is the canonical aggregate bundle for applications. It imports theme first, then layout.
+- `@ojiepermana/angular/styles/index.css` is the canonical aggregate bundle for applications. It imports theme first, then the layout-wide `data-layout-*` rules.
 - Application-level resets are intentionally not bundled. Import `@ojiepermana/angular/styles/resets.css` only if you want the library's optional reset helpers.
-- Theme and layout stylesheet sources remain internal composition layers behind the aggregate bundle.
+- Theme styles remain in the aggregate bundle, while horizontal and vertical shell CSS are colocated with their standalone layout components.
 - Semantic tokens are the visual source of truth.
 - Angular Material is the behavior layer and consumes the shared theme variables.
 
@@ -141,10 +146,7 @@ If your application also wants the library's optional reset helpers, add this be
 
 ```ts
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import {
-  LayoutContainerSwitcherComponent,
-  LayoutVerticalComponent,
-} from '@ojiepermana/angular/layout';
+import { LayoutContainerSwitcherComponent, LayoutVerticalComponent } from '@ojiepermana/angular/layout';
 import {
   StyleSwitcherComponent,
   ColorPickerComponent,
@@ -223,6 +225,50 @@ export class AppShellComponent {}
 - `LayoutModeSwitcherComponent`
 - `LayoutContainerSwitcherComponent`
 
+### `@ojiepermana/angular/navigation`
+
+- `provideNgNavigation`
+- `NG_NAVIGATION_CONFIG`
+- `NgNavigationConfig`
+- `NavigationPreferencesService`
+- `NavigationService`
+- `NavigationItem`
+- `NavigationBranchItem`
+- `NavigationLeafItem`
+- `NavigationBasicItem`
+- `NavigationAsideItem`
+- `NavigationCollapsableItem`
+- `NavigationGroupItem`
+- `NavigationDividerItem`
+- `NavigationSpacerItem`
+- `HorizontalNavigationVariant`
+- `VerticalNavigationAppearance`
+- `VerticalNavigationMode`
+- `VerticalNavigationPosition`
+- `getNavigationItemAction`
+- `getNavigationChildren`
+- `getNavigationItemVisibilityHandler`
+- `hasNavigationChildren`
+- `isNavigationItemHidden`
+- `isNavigationRoutableItem`
+- `shouldRenderNavigationItem`
+
+### `@ojiepermana/angular/navigation/vertical`
+
+- `VerticalNavigationCollapsibleComponent`
+- `VerticalNavigationDefaultComponent`
+- `VerticalNavigationAsideItemComponent`
+- `VerticalNavigationBasicItemComponent`
+- `VerticalNavigationCollapsableItemComponent`
+- `VerticalNavigationDividerItemComponent`
+- `VerticalNavigationGroupItemComponent`
+- `VerticalNavigationSpacerItemComponent`
+
+### `@ojiepermana/angular/navigation/horizontal`
+
+- `HorizontalNavigation`
+- `HorizontalNavigationBranchItem`
+
 ### `@ojiepermana/angular/shell`
 
 - `provideNgShell`
@@ -234,4 +280,4 @@ export class AppShellComponent {}
 - Document `@ojiepermana/angular/styles/index.css` as the consumer stylesheet entry point.
 - Treat `@ojiepermana/angular/internal` as implementation-only. It exists so library entry points can share code without turning that code into a supported consumer contract.
 - Do not add exports to `@ojiepermana/angular` unless the package contract changes intentionally.
-- Keep the root README, theme README, layout README, and entrypoint smoke tests aligned whenever the public surface changes.
+- Keep the root README, theme README, layout README, navigation README, and entrypoint smoke tests aligned whenever the public surface changes.

package/fesm2022/ojiepermana-angular-internal.mjs

@@ -1,4 +1,8 @@
-import { provideLucideConfig } from '@lucide/angular';
+import { provideLucideConfig, icons, LucideDynamicIcon } from '@lucide/angular';
+import * as i0 from '@angular/core';
+import { input, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, forwardRef } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { getNavigationChildren, hasNavigationChildren, shouldRenderNavigationItem } from '@ojiepermana/angular/navigation';
 
 const libraryLucideConfigProvider = provideLucideConfig({
     absoluteStrokeWidth: true,
@@ -24,6 +28,22 @@ class LocalStorageStateAdapter {
         this.config.storage.setItem(this.key(axis), value);
         this.config.storage.removeItem(this.legacyKey(axis));
     }
+    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;
+    }
     read(axis, fallback, isValid) {
         if (!this.config.isBrowser || !this.config.storage) {
             return fallback;
@@ -48,11 +68,422 @@ class LocalStorageStateAdapter {
     }
 }
 
+const navigationLucideIconRegistry = buildNavigationLucideIconRegistry();
+function buildNavigationLucideIconRegistry() {
+    const registry = new Map();
+    for (const icon of Object.values(icons)) {
+        registry.set(icon.icon.name, icon);
+        for (const alias of icon.icon.aliases ?? []) {
+            registry.set(alias, icon);
+        }
+    }
+    return registry;
+}
+class NavigationItemContent {
+    item = input.required(...(ngDevMode ? [{ debugName: "item" }] : /* istanbul ignore next */ []));
+    level = input(0, ...(ngDevMode ? [{ debugName: "level" }] : /* istanbul ignore next */ []));
+    variant = input('horizontal', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    resolvedIcon = computed(() => {
+        const iconName = this.item().icon;
+        return iconName ? (navigationLucideIconRegistry.get(iconName) ?? null) : null;
+    }, ...(ngDevMode ? [{ debugName: "resolvedIcon" }] : /* istanbul ignore next */ []));
+    horizontalIconClass = computed(() => this.joinClasses('horizontal-navigation-item-icon', this.item().classes?.icon), ...(ngDevMode ? [{ debugName: "horizontalIconClass" }] : /* istanbul ignore next */ []));
+    verticalIconClass = computed(() => this.joinClasses('kit-navigation-item-icon', this.item().classes?.icon), ...(ngDevMode ? [{ debugName: "verticalIconClass" }] : /* istanbul ignore next */ []));
+    horizontalTitleClass = computed(() => this.joinClasses('horizontal-navigation-item-label', this.item().classes?.title), ...(ngDevMode ? [{ debugName: "horizontalTitleClass" }] : /* istanbul ignore next */ []));
+    titleClass = computed(() => this.item().classes?.title ?? null, ...(ngDevMode ? [{ debugName: "titleClass" }] : /* istanbul ignore next */ []));
+    subtitleClass = computed(() => this.item().classes?.subtitle ?? null, ...(ngDevMode ? [{ debugName: "subtitleClass" }] : /* istanbul ignore next */ []));
+    horizontalBadgeClass = computed(() => this.joinClasses('horizontal-navigation-item-badge', !this.item().badge?.classes ? 'bg-primary text-primary-foreground' : null, this.item().badge?.classes), ...(ngDevMode ? [{ debugName: "horizontalBadgeClass" }] : /* istanbul ignore next */ []));
+    verticalBadgeClass = computed(() => this.joinClasses('kit-navigation-item-badge-content', this.item().badge?.classes), ...(ngDevMode ? [{ debugName: "verticalBadgeClass" }] : /* istanbul ignore next */ []));
+    titleContainerClass = computed(() => this.variant() === 'vertical-group' ? 'kit-navigation-group-title' : 'kit-navigation-item-title', ...(ngDevMode ? [{ debugName: "titleContainerClass" }] : /* istanbul ignore next */ []));
+    subtitleContainerClass = computed(() => this.variant() === 'vertical-group' ? 'kit-navigation-group-subtitle' : 'kit-navigation-item-subtitle', ...(ngDevMode ? [{ debugName: "subtitleContainerClass" }] : /* istanbul ignore next */ []));
+    joinClasses(...classNames) {
+        const value = classNames.filter((className) => !!className).join(' ');
+        return value || null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NavigationItemContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: NavigationItemContent, isStandalone: true, selector: "navigation-item-content", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, providers: [libraryLucideConfigProvider], ngImport: i0, template: `
+    @if (variant() === 'horizontal') {
+      <span class="horizontal-navigation-item-body">
+        <span
+          class="horizontal-navigation-item-leading"
+          [class.horizontal-navigation-item-leading--nested]="level() > 0">
+          @if (resolvedIcon(); as icon) {
+            <svg
+              [lucideIcon]="icon"
+              [absoluteStrokeWidth]="true"
+              [attr.class]="horizontalIconClass()"
+              aria-hidden="true"></svg>
+          }
+          <span [attr.class]="horizontalTitleClass()">
+            {{ item().title }}
+          </span>
+        </span>
+
+        @if (item().badge?.title) {
+          <span [attr.class]="horizontalBadgeClass()">
+            {{ item().badge?.title }}
+          </span>
+        }
+      </span>
+    } @else {
+      <span class="kit-navigation-item-content">
+        @if (resolvedIcon(); as icon) {
+          <svg
+            [lucideIcon]="icon"
+            [absoluteStrokeWidth]="true"
+            [attr.class]="verticalIconClass()"
+            [size]="18"
+            aria-hidden="true"></svg>
+        }
+
+        <div class="kit-navigation-item-title-wrapper">
+          <div [class]="titleContainerClass()">
+            <span [attr.class]="titleClass()">
+              {{ item().title }}
+            </span>
+          </div>
+
+          @if (item().subtitle) {
+            <div [class]="subtitleContainerClass()">
+              <span [attr.class]="subtitleClass()">
+                {{ item().subtitle }}
+              </span>
+            </div>
+          }
+        </div>
+
+        @if (item().badge?.title) {
+          <div class="kit-navigation-item-badge">
+            <div [attr.class]="verticalBadgeClass()">
+              {{ item().badge?.title }}
+            </div>
+          </div>
+        }
+      </span>
+    }
+  `, isInline: true, styles: [":host{display:contents}.kit-navigation-item-content{display:flex;align-items:center;width:100%;min-width:0}.kit-navigation-item-title-wrapper{display:flex;flex:1 1 auto;min-width:0;flex-direction:column}.kit-navigation-item-title,.kit-navigation-group-title,.kit-navigation-item-subtitle,.kit-navigation-group-subtitle{min-width:0}\n"], dependencies: [{ kind: "component", type: LucideDynamicIcon, selector: "svg[lucideIcon]", inputs: ["lucideIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NavigationItemContent, decorators: [{
+            type: Component,
+            args: [{ selector: 'navigation-item-content', template: `
+    @if (variant() === 'horizontal') {
+      <span class="horizontal-navigation-item-body">
+        <span
+          class="horizontal-navigation-item-leading"
+          [class.horizontal-navigation-item-leading--nested]="level() > 0">
+          @if (resolvedIcon(); as icon) {
+            <svg
+              [lucideIcon]="icon"
+              [absoluteStrokeWidth]="true"
+              [attr.class]="horizontalIconClass()"
+              aria-hidden="true"></svg>
+          }
+          <span [attr.class]="horizontalTitleClass()">
+            {{ item().title }}
+          </span>
+        </span>
+
+        @if (item().badge?.title) {
+          <span [attr.class]="horizontalBadgeClass()">
+            {{ item().badge?.title }}
+          </span>
+        }
+      </span>
+    } @else {
+      <span class="kit-navigation-item-content">
+        @if (resolvedIcon(); as icon) {
+          <svg
+            [lucideIcon]="icon"
+            [absoluteStrokeWidth]="true"
+            [attr.class]="verticalIconClass()"
+            [size]="18"
+            aria-hidden="true"></svg>
+        }
+
+        <div class="kit-navigation-item-title-wrapper">
+          <div [class]="titleContainerClass()">
+            <span [attr.class]="titleClass()">
+              {{ item().title }}
+            </span>
+          </div>
+
+          @if (item().subtitle) {
+            <div [class]="subtitleContainerClass()">
+              <span [attr.class]="subtitleClass()">
+                {{ item().subtitle }}
+              </span>
+            </div>
+          }
+        </div>
+
+        @if (item().badge?.title) {
+          <div class="kit-navigation-item-badge">
+            <div [attr.class]="verticalBadgeClass()">
+              {{ item().badge?.title }}
+            </div>
+          </div>
+        }
+      </span>
+    }
+  `, imports: [LucideDynamicIcon], providers: [libraryLucideConfigProvider], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [":host{display:contents}.kit-navigation-item-content{display:flex;align-items:center;width:100%;min-width:0}.kit-navigation-item-title-wrapper{display:flex;flex:1 1 auto;min-width:0;flex-direction:column}.kit-navigation-item-title,.kit-navigation-group-title,.kit-navigation-item-subtitle,.kit-navigation-group-subtitle{min-width:0}\n"] }]
+        }], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+
+function trackNavigationTreeItem(index, item) {
+    return item.id || item.title || index;
+}
+function getNavigationTreePathKey(parentKey, item) {
+    const key = item.id || item.title;
+    if (!key) {
+        return parentKey;
+    }
+    return `${parentKey}/${key}`;
+}
+function isNavigationTreeItemExpanded(expandedByParent, parentKey, item) {
+    return expandedByParent[parentKey] === getNavigationTreePathKey(parentKey, item);
+}
+function toggleNavigationTreeItemExpanded(expandedByParent, parentKey, item) {
+    const key = getNavigationTreePathKey(parentKey, item);
+    if (expandedByParent[parentKey] === key) {
+        const next = { ...expandedByParent };
+        delete next[parentKey];
+        return next;
+    }
+    return {
+        ...expandedByParent,
+        [parentKey]: key,
+    };
+}
+function hasActiveNavigationDescendant(item, isItemActive) {
+    for (const child of getNavigationChildren(item)) {
+        if (isItemActive(child)) {
+            return true;
+        }
+        if (hasNavigationChildren(child) && hasActiveNavigationDescendant(child, isItemActive)) {
+            return true;
+        }
+    }
+    return false;
+}
+function isNavigationTreeDescendant(parent, item) {
+    for (const child of getNavigationChildren(parent)) {
+        if (child === item) {
+            return true;
+        }
+        if (hasNavigationChildren(child) && isNavigationTreeDescendant(child, item)) {
+            return true;
+        }
+    }
+    return false;
+}
+
+class NavigationTreeOutlet {
+    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    level = input(0, ...(ngDevMode ? [{ debugName: "level" }] : /* istanbul ignore next */ []));
+    parentKey = input('root', ...(ngDevMode ? [{ debugName: "parentKey" }] : /* istanbul ignore next */ []));
+    data = input(null, ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
+    branchTemplate = input.required(...(ngDevMode ? [{ debugName: "branchTemplate" }] : /* istanbul ignore next */ []));
+    leafTemplate = input.required(...(ngDevMode ? [{ debugName: "leafTemplate" }] : /* istanbul ignore next */ []));
+    groupTemplate = input.required(...(ngDevMode ? [{ debugName: "groupTemplate" }] : /* istanbul ignore next */ []));
+    dividerTemplate = input(null, ...(ngDevMode ? [{ debugName: "dividerTemplate" }] : /* istanbul ignore next */ []));
+    spacerTemplate = input(null, ...(ngDevMode ? [{ debugName: "spacerTemplate" }] : /* istanbul ignore next */ []));
+    trackByFn = input(trackNavigationTreeItem, ...(ngDevMode ? [{ debugName: "trackByFn" }] : /* istanbul ignore next */ []));
+    shouldRenderItemFn = input(shouldRenderNavigationItem, ...(ngDevMode ? [{ debugName: "shouldRenderItemFn" }] : /* istanbul ignore next */ []));
+    hasChildrenFn = input(hasNavigationChildren, ...(ngDevMode ? [{ debugName: "hasChildrenFn" }] : /* istanbul ignore next */ []));
+    resolveParentKeyFn = input(getNavigationTreePathKey, ...(ngDevMode ? [{ debugName: "resolveParentKeyFn" }] : /* istanbul ignore next */ []));
+    trackItem(index, item) {
+        return this.trackByFn()(index, item);
+    }
+    shouldRender(item) {
+        return this.shouldRenderItemFn()(item);
+    }
+    hasChildren(item) {
+        return this.hasChildrenFn()(item);
+    }
+    resolveParentKey(parentKey, item) {
+        return this.resolveParentKeyFn()(parentKey, item);
+    }
+    templateContext(item, isLast) {
+        return {
+            $implicit: item,
+            level: this.level(),
+            parentKey: this.parentKey(),
+            isLast,
+            data: this.data(),
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NavigationTreeOutlet, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: NavigationTreeOutlet, isStandalone: true, selector: "navigation-tree-outlet", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, parentKey: { classPropertyName: "parentKey", publicName: "parentKey", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, branchTemplate: { classPropertyName: "branchTemplate", publicName: "branchTemplate", isSignal: true, isRequired: true, transformFunction: null }, leafTemplate: { classPropertyName: "leafTemplate", publicName: "leafTemplate", isSignal: true, isRequired: true, transformFunction: null }, groupTemplate: { classPropertyName: "groupTemplate", publicName: "groupTemplate", isSignal: true, isRequired: true, transformFunction: null }, dividerTemplate: { classPropertyName: "dividerTemplate", publicName: "dividerTemplate", isSignal: true, isRequired: false, transformFunction: null }, spacerTemplate: { classPropertyName: "spacerTemplate", publicName: "spacerTemplate", isSignal: true, isRequired: false, transformFunction: null }, trackByFn: { classPropertyName: "trackByFn", publicName: "trackByFn", isSignal: true, isRequired: false, transformFunction: null }, shouldRenderItemFn: { classPropertyName: "shouldRenderItemFn", publicName: "shouldRenderItemFn", isSignal: true, isRequired: false, transformFunction: null }, hasChildrenFn: { classPropertyName: "hasChildrenFn", publicName: "hasChildrenFn", isSignal: true, isRequired: false, transformFunction: null }, resolveParentKeyFn: { classPropertyName: "resolveParentKeyFn", publicName: "resolveParentKeyFn", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    @for (child of items(); track trackItem($index, child); let isLast = $last) {
+      @if (shouldRender(child)) {
+        @switch (child.type) {
+          @case ('basic') {
+            <ng-container
+              [ngTemplateOutlet]="leafTemplate()"
+              [ngTemplateOutletContext]="templateContext(child, isLast)"></ng-container>
+          }
+
+          @case ('aside') {
+            @if (hasChildren(child)) {
+              <ng-container
+                [ngTemplateOutlet]="branchTemplate()"
+                [ngTemplateOutletContext]="templateContext(child, isLast)"></ng-container>
+            } @else {
+              <ng-container
+                [ngTemplateOutlet]="leafTemplate()"
+                [ngTemplateOutletContext]="templateContext(child, isLast)"></ng-container>
+            }
+          }
+
+          @case ('collapsable') {
+            @if (hasChildren(child)) {
+              <ng-container
+                [ngTemplateOutlet]="branchTemplate()"
+                [ngTemplateOutletContext]="templateContext(child, isLast)"></ng-container>
+            } @else {
+              <ng-container
+                [ngTemplateOutlet]="leafTemplate()"
+                [ngTemplateOutletContext]="templateContext(child, isLast)"></ng-container>
+            }
+          }
+
+          @case ('group') {
+            @if (hasChildren(child)) {
+              <ng-container
+                [ngTemplateOutlet]="groupTemplate()"
+                [ngTemplateOutletContext]="templateContext(child, isLast)"></ng-container>
+              <navigation-tree-outlet
+                [items]="child.children || []"
+                [level]="level() + 1"
+                [parentKey]="resolveParentKey(parentKey(), child)"
+                [data]="data()"
+                [branchTemplate]="branchTemplate()"
+                [leafTemplate]="leafTemplate()"
+                [groupTemplate]="groupTemplate()"
+                [dividerTemplate]="dividerTemplate()"
+                [spacerTemplate]="spacerTemplate()"
+                [trackByFn]="trackByFn()"
+                [shouldRenderItemFn]="shouldRenderItemFn()"
+                [hasChildrenFn]="hasChildrenFn()"
+                [resolveParentKeyFn]="resolveParentKeyFn()" />
+            }
+          }
+
+          @case ('divider') {
+            @if (dividerTemplate()) {
+              <ng-container
+                [ngTemplateOutlet]="dividerTemplate()"
+                [ngTemplateOutletContext]="templateContext(child, isLast)"></ng-container>
+            }
+          }
+
+          @case ('spacer') {
+            @if (spacerTemplate()) {
+              <ng-container
+                [ngTemplateOutlet]="spacerTemplate()"
+                [ngTemplateOutletContext]="templateContext(child, isLast)"></ng-container>
+            }
+          }
+
+          @default {
+            <ng-container
+              [ngTemplateOutlet]="leafTemplate()"
+              [ngTemplateOutletContext]="templateContext(child, isLast)"></ng-container>
+          }
+        }
+      }
+    }
+  `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: i0.forwardRef(() => NavigationTreeOutlet), selector: "navigation-tree-outlet", inputs: ["items", "level", "parentKey", "data", "branchTemplate", "leafTemplate", "groupTemplate", "dividerTemplate", "spacerTemplate", "trackByFn", "shouldRenderItemFn", "hasChildrenFn", "resolveParentKeyFn"] }, { kind: "directive", type: i0.forwardRef(() => NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NavigationTreeOutlet, decorators: [{
+            type: Component,
+            args: [{ selector: 'navigation-tree-outlet', template: `
+    @for (child of items(); track trackItem($index, child); let isLast = $last) {
+      @if (shouldRender(child)) {
+        @switch (child.type) {
+          @case ('basic') {
+            <ng-container
+              [ngTemplateOutlet]="leafTemplate()"
+              [ngTemplateOutletContext]="templateContext(child, isLast)"></ng-container>
+          }
+
+          @case ('aside') {
+            @if (hasChildren(child)) {
+              <ng-container
+                [ngTemplateOutlet]="branchTemplate()"
+                [ngTemplateOutletContext]="templateContext(child, isLast)"></ng-container>
+            } @else {
+              <ng-container
+                [ngTemplateOutlet]="leafTemplate()"
+                [ngTemplateOutletContext]="templateContext(child, isLast)"></ng-container>
+            }
+          }
+
+          @case ('collapsable') {
+            @if (hasChildren(child)) {
+              <ng-container
+                [ngTemplateOutlet]="branchTemplate()"
+                [ngTemplateOutletContext]="templateContext(child, isLast)"></ng-container>
+            } @else {
+              <ng-container
+                [ngTemplateOutlet]="leafTemplate()"
+                [ngTemplateOutletContext]="templateContext(child, isLast)"></ng-container>
+            }
+          }
+
+          @case ('group') {
+            @if (hasChildren(child)) {
+              <ng-container
+                [ngTemplateOutlet]="groupTemplate()"
+                [ngTemplateOutletContext]="templateContext(child, isLast)"></ng-container>
+              <navigation-tree-outlet
+                [items]="child.children || []"
+                [level]="level() + 1"
+                [parentKey]="resolveParentKey(parentKey(), child)"
+                [data]="data()"
+                [branchTemplate]="branchTemplate()"
+                [leafTemplate]="leafTemplate()"
+                [groupTemplate]="groupTemplate()"
+                [dividerTemplate]="dividerTemplate()"
+                [spacerTemplate]="spacerTemplate()"
+                [trackByFn]="trackByFn()"
+                [shouldRenderItemFn]="shouldRenderItemFn()"
+                [hasChildrenFn]="hasChildrenFn()"
+                [resolveParentKeyFn]="resolveParentKeyFn()" />
+            }
+          }
+
+          @case ('divider') {
+            @if (dividerTemplate()) {
+              <ng-container
+                [ngTemplateOutlet]="dividerTemplate()"
+                [ngTemplateOutletContext]="templateContext(child, isLast)"></ng-container>
+            }
+          }
+
+          @case ('spacer') {
+            @if (spacerTemplate()) {
+              <ng-container
+                [ngTemplateOutlet]="spacerTemplate()"
+                [ngTemplateOutletContext]="templateContext(child, isLast)"></ng-container>
+            }
+          }
+
+          @default {
+            <ng-container
+              [ngTemplateOutlet]="leafTemplate()"
+              [ngTemplateOutletContext]="templateContext(child, isLast)"></ng-container>
+          }
+        }
+      }
+    }
+  `, imports: [NgTemplateOutlet, forwardRef(() => NavigationTreeOutlet)], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [":host{display:block}\n"] }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], parentKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentKey", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], branchTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "branchTemplate", required: true }] }], leafTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "leafTemplate", required: true }] }], groupTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupTemplate", required: true }] }], dividerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "dividerTemplate", required: false }] }], spacerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "spacerTemplate", required: false }] }], trackByFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "trackByFn", required: false }] }], shouldRenderItemFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "shouldRenderItemFn", required: false }] }], hasChildrenFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasChildrenFn", required: false }] }], resolveParentKeyFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "resolveParentKeyFn", required: false }] }] } });
+
 /* Internal composition utilities for library entrypoints. Not part of the supported consumer API. */
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { LocalStorageStateAdapter, libraryLucideConfigProvider };
+export { LocalStorageStateAdapter, NavigationItemContent, NavigationTreeOutlet, getNavigationTreePathKey, hasActiveNavigationDescendant, isNavigationTreeDescendant, isNavigationTreeItemExpanded, libraryLucideConfigProvider, toggleNavigationTreeItemExpanded, trackNavigationTreeItem };
 //# sourceMappingURL=ojiepermana-angular-internal.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ojiepermana-angular-internal.mjs","sources":["../../../projects/library/internal/src/lucide-config.provider.ts","../../../projects/library/internal/src/local-storage-state.ts","../../../projects/library/internal/public-api.ts","../../../projects/library/internal/ojiepermana-angular-internal.ts"],"sourcesContent":["import { provideLucideConfig } from '@lucide/angular';\n\nexport const libraryLucideConfigProvider = provideLucideConfig({\n  absoluteStrokeWidth: true,\n  strokeWidth: 1.35,\n});\n","interface StorageLike {\n  getItem(key: string): string | null;\n  setItem(key: string, value: string): void;\n  removeItem(key: string): void;\n}\n\ninterface LocalStorageStateAdapterConfig<Axis extends string> {\n  readonly isBrowser: boolean;\n  readonly storage: StorageLike | null;\n  readonly keys: Record<Axis, string>;\n  readonly legacyPrefix: string;\n}\n\nexport class LocalStorageStateAdapter<Axis extends string> {\n  constructor(private readonly config: LocalStorageStateAdapterConfig<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  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","/* Internal composition utilities for library entrypoints. Not part of the supported consumer API. */\n\nexport { libraryLucideConfigProvider } from './src/lucide-config.provider';\nexport { LocalStorageStateAdapter } from './src/local-storage-state';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAEO,MAAM,2BAA2B,GAAG,mBAAmB,CAAC;AAC7D,IAAA,mBAAmB,EAAE,IAAI;AACzB,IAAA,WAAW,EAAE,IAAI;AAClB,CAAA;;MCQY,wBAAwB,CAAA;AACN,IAAA,MAAA;AAA7B,IAAA,WAAA,CAA6B,MAA4C,EAAA;QAA5C,IAAA,CAAA,MAAM,GAAN,MAAM;IAAyC;AAE5E,IAAA,KAAK,CAAC,IAAU,EAAA;AACd,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;YAClD;QACF;AAEA,QAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAC9C,QAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IACtD;IAEA,OAAO,CAAC,IAAU,EAAE,KAAa,EAAA;AAC/B,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;YAClD;QACF;AAEA,QAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC;AAClD,QAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IACtD;AAEA,IAAA,IAAI,CAAmB,IAAU,EAAE,QAAW,EAAE,OAAsC,EAAA;AACpF,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;AAClD,YAAA,OAAO,QAAQ;QACjB;AAEA,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAE/D,QAAA,IAAI,WAAW,IAAI,OAAO,CAAC,WAAW,CAAC,EAAE;AACvC,YAAA,OAAO,WAAW;QACpB;AAEA,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AAErE,QAAA,IAAI,WAAW,IAAI,OAAO,CAAC,WAAW,CAAC,EAAE;AACvC,YAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;AACxD,YAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AACpD,YAAA,OAAO,WAAW;QACpB;AAEA,QAAA,OAAO,QAAQ;IACjB;AAEQ,IAAA,GAAG,CAAC,IAAU,EAAA;QACpB,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;IAC/B;AAEQ,IAAA,SAAS,CAAC,IAAU,EAAA;QAC1B,OAAO,CAAA,EAAG,IAAI,CAAC,MAAM,CAAC,YAAY,CAAA,CAAA,EAAI,IAAI,CAAA,CAAE;IAC9C;AACD;;AC/DD;;ACAA;;AAEG;;;;"}
+{"version":3,"file":"ojiepermana-angular-internal.mjs","sources":["../../../projects/library/internal/src/lucide-config.provider.ts","../../../projects/library/internal/src/local-storage-state.ts","../../../projects/library/internal/src/navigation/navigation-item-content.ts","../../../projects/library/internal/src/navigation/navigation-tree.utils.ts","../../../projects/library/internal/src/navigation/navigation-tree-outlet.ts","../../../projects/library/internal/public-api.ts","../../../projects/library/internal/ojiepermana-angular-internal.ts"],"sourcesContent":["import { provideLucideConfig } from '@lucide/angular';\n\nexport const libraryLucideConfigProvider = provideLucideConfig({\n  absoluteStrokeWidth: true,\n  strokeWidth: 1.35,\n});\n","interface StorageLike {\n  getItem(key: string): string | null;\n  setItem(key: string, value: string): void;\n  removeItem(key: string): void;\n}\n\ninterface LocalStorageStateAdapterConfig<Axis extends string> {\n  readonly isBrowser: boolean;\n  readonly storage: StorageLike | null;\n  readonly keys: Record<Axis, string>;\n  readonly legacyPrefix: string;\n}\n\nexport class LocalStorageStateAdapter<Axis extends string> {\n  constructor(private readonly config: LocalStorageStateAdapterConfig<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  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  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  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","import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { LucideDynamicIcon, icons as lucideIcons, type LucideIcon } from '@lucide/angular';\nimport { NavigationItem } from '@ojiepermana/angular/navigation';\n\nimport { libraryLucideConfigProvider } from '../lucide-config.provider';\n\ntype NavigationItemContentVariant = 'horizontal' | 'vertical' | 'vertical-group';\n\nconst navigationLucideIconRegistry = buildNavigationLucideIconRegistry();\n\nfunction buildNavigationLucideIconRegistry(): ReadonlyMap<string, LucideIcon> {\n  const registry = new Map<string, LucideIcon>();\n\n  for (const icon of Object.values(lucideIcons) as LucideIcon[]) {\n    registry.set(icon.icon.name, icon);\n\n    for (const alias of icon.icon.aliases ?? []) {\n      registry.set(alias, icon);\n    }\n  }\n\n  return registry;\n}\n\n@Component({\n  selector: 'navigation-item-content',\n  template: `\n    @if (variant() === 'horizontal') {\n      <span class=\"horizontal-navigation-item-body\">\n        <span\n          class=\"horizontal-navigation-item-leading\"\n          [class.horizontal-navigation-item-leading--nested]=\"level() > 0\">\n          @if (resolvedIcon(); as icon) {\n            <svg\n              [lucideIcon]=\"icon\"\n              [absoluteStrokeWidth]=\"true\"\n              [attr.class]=\"horizontalIconClass()\"\n              aria-hidden=\"true\"></svg>\n          }\n          <span [attr.class]=\"horizontalTitleClass()\">\n            {{ item().title }}\n          </span>\n        </span>\n\n        @if (item().badge?.title) {\n          <span [attr.class]=\"horizontalBadgeClass()\">\n            {{ item().badge?.title }}\n          </span>\n        }\n      </span>\n    } @else {\n      <span class=\"kit-navigation-item-content\">\n        @if (resolvedIcon(); as icon) {\n          <svg\n            [lucideIcon]=\"icon\"\n            [absoluteStrokeWidth]=\"true\"\n            [attr.class]=\"verticalIconClass()\"\n            [size]=\"18\"\n            aria-hidden=\"true\"></svg>\n        }\n\n        <div class=\"kit-navigation-item-title-wrapper\">\n          <div [class]=\"titleContainerClass()\">\n            <span [attr.class]=\"titleClass()\">\n              {{ item().title }}\n            </span>\n          </div>\n\n          @if (item().subtitle) {\n            <div [class]=\"subtitleContainerClass()\">\n              <span [attr.class]=\"subtitleClass()\">\n                {{ item().subtitle }}\n              </span>\n            </div>\n          }\n        </div>\n\n        @if (item().badge?.title) {\n          <div class=\"kit-navigation-item-badge\">\n            <div [attr.class]=\"verticalBadgeClass()\">\n              {{ item().badge?.title }}\n            </div>\n          </div>\n        }\n      </span>\n    }\n  `,\n  styles: [\n    `\n      :host {\n        display: contents;\n      }\n\n      .kit-navigation-item-content {\n        display: flex;\n        align-items: center;\n        width: 100%;\n        min-width: 0;\n      }\n\n      .kit-navigation-item-title-wrapper {\n        display: flex;\n        flex: 1 1 auto;\n        min-width: 0;\n        flex-direction: column;\n      }\n\n      .kit-navigation-item-title,\n      .kit-navigation-group-title,\n      .kit-navigation-item-subtitle,\n      .kit-navigation-group-subtitle {\n        min-width: 0;\n      }\n    `,\n  ],\n  imports: [LucideDynamicIcon],\n  providers: [libraryLucideConfigProvider],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class NavigationItemContent {\n  item = input.required<NavigationItem>();\n  level = input(0);\n  variant = input<NavigationItemContentVariant>('horizontal');\n\n  protected readonly resolvedIcon = computed(() => {\n    const iconName = this.item().icon;\n    return iconName ? (navigationLucideIconRegistry.get(iconName) ?? null) : null;\n  });\n\n  protected readonly horizontalIconClass = computed(() =>\n    this.joinClasses('horizontal-navigation-item-icon', this.item().classes?.icon),\n  );\n  protected readonly verticalIconClass = computed(() =>\n    this.joinClasses('kit-navigation-item-icon', this.item().classes?.icon),\n  );\n  protected readonly horizontalTitleClass = computed(() =>\n    this.joinClasses('horizontal-navigation-item-label', this.item().classes?.title),\n  );\n  protected readonly titleClass = computed(() => this.item().classes?.title ?? null);\n  protected readonly subtitleClass = computed(() => this.item().classes?.subtitle ?? null);\n  protected readonly horizontalBadgeClass = computed(() =>\n    this.joinClasses(\n      'horizontal-navigation-item-badge',\n      !this.item().badge?.classes ? 'bg-primary text-primary-foreground' : null,\n      this.item().badge?.classes,\n    ),\n  );\n  protected readonly verticalBadgeClass = computed(() =>\n    this.joinClasses('kit-navigation-item-badge-content', this.item().badge?.classes),\n  );\n  protected readonly titleContainerClass = computed(() =>\n    this.variant() === 'vertical-group' ? 'kit-navigation-group-title' : 'kit-navigation-item-title',\n  );\n  protected readonly subtitleContainerClass = computed(() =>\n    this.variant() === 'vertical-group' ? 'kit-navigation-group-subtitle' : 'kit-navigation-item-subtitle',\n  );\n\n  private joinClasses(...classNames: Array<string | null | undefined | false>): string | null {\n    const value = classNames.filter((className): className is string => !!className).join(' ');\n    return value || null;\n  }\n}\n","import { NavigationItem, getNavigationChildren, hasNavigationChildren } from '@ojiepermana/angular/navigation';\n\nexport type NavigationExpandedItemsByParent = Record<string, string>;\n\nexport function trackNavigationTreeItem(index: number, item: NavigationItem): string | number | undefined {\n  return item.id || item.title || index;\n}\n\nexport function getNavigationTreePathKey(parentKey: string, item: NavigationItem): string {\n  const key = item.id || item.title;\n  if (!key) {\n    return parentKey;\n  }\n\n  return `${parentKey}/${key}`;\n}\n\nexport function isNavigationTreeItemExpanded(\n  expandedByParent: NavigationExpandedItemsByParent,\n  parentKey: string,\n  item: NavigationItem,\n): boolean {\n  return expandedByParent[parentKey] === getNavigationTreePathKey(parentKey, item);\n}\n\nexport function toggleNavigationTreeItemExpanded(\n  expandedByParent: NavigationExpandedItemsByParent,\n  parentKey: string,\n  item: NavigationItem,\n): NavigationExpandedItemsByParent {\n  const key = getNavigationTreePathKey(parentKey, item);\n\n  if (expandedByParent[parentKey] === key) {\n    const next = { ...expandedByParent };\n    delete next[parentKey];\n    return next;\n  }\n\n  return {\n    ...expandedByParent,\n    [parentKey]: key,\n  };\n}\n\nexport function hasActiveNavigationDescendant(\n  item: NavigationItem,\n  isItemActive: (item: NavigationItem) => boolean,\n): boolean {\n  for (const child of getNavigationChildren(item)) {\n    if (isItemActive(child)) {\n      return true;\n    }\n\n    if (hasNavigationChildren(child) && hasActiveNavigationDescendant(child, isItemActive)) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\nexport function isNavigationTreeDescendant(parent: NavigationItem, item: NavigationItem): boolean {\n  for (const child of getNavigationChildren(parent)) {\n    if (child === item) {\n      return true;\n    }\n\n    if (hasNavigationChildren(child) && isNavigationTreeDescendant(child, item)) {\n      return true;\n    }\n  }\n\n  return false;\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, input, TemplateRef, ViewEncapsulation } from '@angular/core';\nimport { NavigationItem, hasNavigationChildren, shouldRenderNavigationItem } from '@ojiepermana/angular/navigation';\n\nimport { getNavigationTreePathKey, trackNavigationTreeItem } from './navigation-tree.utils';\n\nexport type NavigationTreeTemplateData = Record<string, unknown>;\n\nexport interface NavigationTreeItemContext {\n  $implicit: NavigationItem;\n  level: number;\n  parentKey: string;\n  isLast: boolean;\n  data: NavigationTreeTemplateData | null;\n}\n\n@Component({\n  selector: 'navigation-tree-outlet',\n  template: `\n    @for (child of items(); track trackItem($index, child); let isLast = $last) {\n      @if (shouldRender(child)) {\n        @switch (child.type) {\n          @case ('basic') {\n            <ng-container\n              [ngTemplateOutlet]=\"leafTemplate()\"\n              [ngTemplateOutletContext]=\"templateContext(child, isLast)\"></ng-container>\n          }\n\n          @case ('aside') {\n            @if (hasChildren(child)) {\n              <ng-container\n                [ngTemplateOutlet]=\"branchTemplate()\"\n                [ngTemplateOutletContext]=\"templateContext(child, isLast)\"></ng-container>\n            } @else {\n              <ng-container\n                [ngTemplateOutlet]=\"leafTemplate()\"\n                [ngTemplateOutletContext]=\"templateContext(child, isLast)\"></ng-container>\n            }\n          }\n\n          @case ('collapsable') {\n            @if (hasChildren(child)) {\n              <ng-container\n                [ngTemplateOutlet]=\"branchTemplate()\"\n                [ngTemplateOutletContext]=\"templateContext(child, isLast)\"></ng-container>\n            } @else {\n              <ng-container\n                [ngTemplateOutlet]=\"leafTemplate()\"\n                [ngTemplateOutletContext]=\"templateContext(child, isLast)\"></ng-container>\n            }\n          }\n\n          @case ('group') {\n            @if (hasChildren(child)) {\n              <ng-container\n                [ngTemplateOutlet]=\"groupTemplate()\"\n                [ngTemplateOutletContext]=\"templateContext(child, isLast)\"></ng-container>\n              <navigation-tree-outlet\n                [items]=\"child.children || []\"\n                [level]=\"level() + 1\"\n                [parentKey]=\"resolveParentKey(parentKey(), child)\"\n                [data]=\"data()\"\n                [branchTemplate]=\"branchTemplate()\"\n                [leafTemplate]=\"leafTemplate()\"\n                [groupTemplate]=\"groupTemplate()\"\n                [dividerTemplate]=\"dividerTemplate()\"\n                [spacerTemplate]=\"spacerTemplate()\"\n                [trackByFn]=\"trackByFn()\"\n                [shouldRenderItemFn]=\"shouldRenderItemFn()\"\n                [hasChildrenFn]=\"hasChildrenFn()\"\n                [resolveParentKeyFn]=\"resolveParentKeyFn()\" />\n            }\n          }\n\n          @case ('divider') {\n            @if (dividerTemplate()) {\n              <ng-container\n                [ngTemplateOutlet]=\"dividerTemplate()\"\n                [ngTemplateOutletContext]=\"templateContext(child, isLast)\"></ng-container>\n            }\n          }\n\n          @case ('spacer') {\n            @if (spacerTemplate()) {\n              <ng-container\n                [ngTemplateOutlet]=\"spacerTemplate()\"\n                [ngTemplateOutletContext]=\"templateContext(child, isLast)\"></ng-container>\n            }\n          }\n\n          @default {\n            <ng-container\n              [ngTemplateOutlet]=\"leafTemplate()\"\n              [ngTemplateOutletContext]=\"templateContext(child, isLast)\"></ng-container>\n          }\n        }\n      }\n    }\n  `,\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n    `,\n  ],\n  imports: [NgTemplateOutlet, forwardRef(() => NavigationTreeOutlet)],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class NavigationTreeOutlet {\n  items = input<NavigationItem[]>([]);\n  level = input(0);\n  parentKey = input('root');\n  data = input<NavigationTreeTemplateData | null>(null);\n\n  branchTemplate = input.required<TemplateRef<NavigationTreeItemContext>>();\n  leafTemplate = input.required<TemplateRef<NavigationTreeItemContext>>();\n  groupTemplate = input.required<TemplateRef<NavigationTreeItemContext>>();\n  dividerTemplate = input<TemplateRef<NavigationTreeItemContext> | null>(null);\n  spacerTemplate = input<TemplateRef<NavigationTreeItemContext> | null>(null);\n\n  trackByFn = input<(index: number, item: NavigationItem) => string | number | undefined>(trackNavigationTreeItem);\n  shouldRenderItemFn = input<(item: NavigationItem) => boolean>(shouldRenderNavigationItem);\n  hasChildrenFn = input<(item: NavigationItem) => boolean>(hasNavigationChildren);\n  resolveParentKeyFn = input<(parentKey: string, item: NavigationItem) => string>(getNavigationTreePathKey);\n\n  trackItem(index: number, item: NavigationItem): string | number | undefined {\n    return this.trackByFn()(index, item);\n  }\n\n  shouldRender(item: NavigationItem): boolean {\n    return this.shouldRenderItemFn()(item);\n  }\n\n  hasChildren(item: NavigationItem): boolean {\n    return this.hasChildrenFn()(item);\n  }\n\n  resolveParentKey(parentKey: string, item: NavigationItem): string {\n    return this.resolveParentKeyFn()(parentKey, item);\n  }\n\n  templateContext(item: NavigationItem, isLast: boolean): NavigationTreeItemContext {\n    return {\n      $implicit: item,\n      level: this.level(),\n      parentKey: this.parentKey(),\n      isLast,\n      data: this.data(),\n    };\n  }\n}\n","/* Internal composition utilities for library entrypoints. Not part of the supported consumer API. */\n\nexport { libraryLucideConfigProvider } from './src/lucide-config.provider';\nexport { LocalStorageStateAdapter } from './src/local-storage-state';\nexport { NavigationItemContent } from './src/navigation/navigation-item-content';\nexport {\n  NavigationTreeOutlet,\n  type NavigationTreeItemContext,\n  type NavigationTreeTemplateData,\n} from './src/navigation/navigation-tree-outlet';\nexport {\n  getNavigationTreePathKey,\n  hasActiveNavigationDescendant,\n  isNavigationTreeDescendant,\n  isNavigationTreeItemExpanded,\n  toggleNavigationTreeItemExpanded,\n  trackNavigationTreeItem,\n  type NavigationExpandedItemsByParent,\n} from './src/navigation/navigation-tree.utils';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["lucideIcons"],"mappings":"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"}