@ojiepermana/angular 0.1.1 → 21.0.0

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

@@ -1,2 +1,171 @@
+import * as _angular_core from '@angular/core';
+import { InjectionToken, Provider, EnvironmentProviders } from '@angular/core';
 
-export { };
+declare const MODES: readonly ["light", "dark"];
+type ThemeMode = (typeof MODES)[number];
+declare const COLOR_SCHEMES: readonly ["light", "dark", "system"];
+type ColorScheme = (typeof COLOR_SCHEMES)[number];
+declare const COLORS: readonly ["blue", "red", "green", "purple", "amber"];
+type ThemeColor = (typeof COLORS)[number];
+declare const STYLES: readonly ["default", "sharp", "brutal", "soft"];
+type ThemeStyle = (typeof STYLES)[number];
+declare const BRANDS: readonly ["etos"];
+type ThemeBrand = (typeof BRANDS)[number];
+interface ThemeConfig {
+    readonly mode: ThemeMode;
+    readonly brand: ThemeBrand | null;
+    readonly color: ThemeColor;
+    readonly style: ThemeStyle;
+}
+interface MaterialThemeConfig {
+    /** Initial mode preference. Supports `system` for first-visit OS detection. */
+    readonly mode?: ColorScheme;
+    /** Initial brand bundle. When set, it replaces the explicit color and style layers. */
+    readonly brand?: ThemeBrand | null;
+    /** Alias for `brand` to match the persisted `theme-brand` setting. */
+    readonly 'theme-brand'?: ThemeBrand | null;
+    /** Initial brand color layer. */
+    readonly color?: ThemeColor;
+    /** Initial style personality layer. */
+    readonly style?: ThemeStyle;
+    /** @deprecated Use `mode` instead. */
+    readonly defaultMode?: ColorScheme;
+    /** Default brand bundle. When set, it replaces the explicit color and style layers. */
+    readonly defaultBrand?: ThemeBrand | null;
+    /** @deprecated Use `color` instead. */
+    readonly defaultColor?: ThemeColor;
+    /** @deprecated Use `style` instead. */
+    readonly defaultStyle?: ThemeStyle;
+    /** @deprecated Use `defaultMode` instead. */
+    readonly defaultScheme?: ColorScheme;
+    /** @deprecated Use `defaultColor` instead. */
+    readonly defaultTheme?: ThemeColor | string;
+    /** @deprecated Use `modeStorageKey` instead. */
+    readonly storageKey?: string | null;
+    /** @deprecated Use `modeStorageKey` instead. */
+    readonly schemeStorageKey?: string | null;
+    /** @deprecated Use `colorStorageKey` instead. */
+    readonly themeStorageKey?: string | null;
+    /** localStorage key used to persist the mode preference. Set to `null` to disable persistence. */
+    readonly modeStorageKey?: string | null;
+    /** localStorage key used to persist the brand bundle. Set to `null` to disable persistence. */
+    readonly brandStorageKey?: string | null;
+    /** localStorage key used to persist the color layer. Set to `null` to disable persistence. */
+    readonly colorStorageKey?: string | null;
+    /** localStorage key used to persist the style layer. Set to `null` to disable persistence. */
+    readonly styleStorageKey?: string | null;
+}
+interface ResolvedMaterialThemeConfig {
+    readonly defaultMode: ColorScheme;
+    readonly defaultBrand: ThemeBrand | null;
+    readonly defaultColor: ThemeColor;
+    readonly defaultStyle: ThemeStyle;
+    readonly modeStorageKey: string | null;
+    readonly brandStorageKey: string | null;
+    readonly colorStorageKey: string | null;
+    readonly styleStorageKey: string | null;
+}
+declare const MATERIAL_THEME_CONFIG: InjectionToken<MaterialThemeConfig>;
+declare const DEFAULT_MATERIAL_THEME_CONFIG: ResolvedMaterialThemeConfig;
+declare function isColorScheme(value: string | null | undefined): value is ColorScheme;
+declare function isThemeColor(value: string | null | undefined): value is ThemeColor;
+declare function isThemeStyle(value: string | null | undefined): value is ThemeStyle;
+declare function isThemeBrand(value: string | null | undefined): value is ThemeBrand;
+
+declare class ThemeService {
+    private readonly document;
+    private readonly destroyRef;
+    private readonly config;
+    private readonly initialBrand;
+    private readonly _modePreference;
+    private readonly _brand;
+    private readonly _color;
+    private readonly _style;
+    private readonly _systemPrefersDark;
+    readonly scheme: _angular_core.Signal<"light" | "dark" | "system">;
+    readonly brand: _angular_core.Signal<"etos" | null>;
+    readonly color: _angular_core.Signal<"blue" | "red" | "green" | "purple" | "amber">;
+    readonly theme: _angular_core.Signal<"blue" | "red" | "green" | "purple" | "amber">;
+    readonly style: _angular_core.Signal<"default" | "sharp" | "brutal" | "soft">;
+    readonly mode: _angular_core.Signal<"light" | "dark">;
+    readonly snapshot: _angular_core.Signal<ThemeConfig>;
+    readonly isDark: _angular_core.Signal<boolean>;
+    constructor();
+    setMode(mode: ThemeMode): void;
+    setScheme(scheme: ColorScheme): void;
+    setBrand(brand: ThemeBrand | null): void;
+    setColor(color: ThemeColor): void;
+    setTheme(theme: ThemeColor | string): void;
+    setStyle(style: ThemeStyle): void;
+    setAll(config: Partial<ThemeConfig> & {
+        readonly scheme?: ColorScheme;
+    }): void;
+    toggleScheme(): void;
+    toggleMode(): void;
+    reset(): void;
+    private resolveConfig;
+    private resolveMode;
+    private prefersDark;
+    private watchSystemScheme;
+    private readPersistedMode;
+    private readPersistedBrand;
+    private readPersistedColor;
+    private readPersistedStyle;
+    private persistMode;
+    private persistBrand;
+    private persistColor;
+    private persistStyle;
+    private clearPersistedBrand;
+    private clearPersistedColor;
+    private clearPersistedStyle;
+    private clearPersistedItem;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeService>;
+}
+
+/**
+ * Opaque feature unit consumed by {@link provideMaterialTheme}. Mirrors
+ * Angular's router/http feature pattern so add-ons can be composed without
+ * widening the primary provider signature.
+ */
+interface MaterialThemeFeature {
+    readonly providers: Provider[];
+}
+/**
+ * Bootstrap the shared theme for any `@ojiepermana/angular/*` entry point.
+ *
+ * By default wires up the theme config token and eagerly initializes `ThemeService`
+ * so root theme attributes are applied during bootstrap. Opt in
+ * to Angular Material defaults (ripple / form-field) via
+ * {@link withMaterialDefaults}.
+ * Supports shorthand `mode`, `color`, and `style` config keys.
+ *
+ * @example
+ * export const appConfig: ApplicationConfig = {
+ *   providers: [
+ *     provideAnimations(),
+ *     provideMaterialTheme(
+ *       {
+ *         mode: 'system',
+ *         color: 'blue',
+ *         style: 'soft',
+ *       },
+ *       withMaterialDefaults(),
+ *     ),
+ *   ],
+ * };
+ */
+declare function provideMaterialTheme(config?: MaterialThemeConfig, ...features: MaterialThemeFeature[]): EnvironmentProviders;
+/**
+ * Opt-in Angular Material defaults tuned for the shared theme layer:
+ *
+ * - Disables the global Material ripple.
+ * - Forces `appearance: 'outline'` + `subscriptSizing: 'dynamic'` on every
+ *   `mat-form-field`.
+ *
+ * Only apply when your app actually renders Angular Material components.
+ */
+declare function withMaterialDefaults(): MaterialThemeFeature;
+
+export { BRANDS, COLORS, COLOR_SCHEMES, DEFAULT_MATERIAL_THEME_CONFIG, MATERIAL_THEME_CONFIG, MODES, STYLES, ThemeService, isColorScheme, isThemeBrand, isThemeColor, isThemeStyle, provideMaterialTheme, withMaterialDefaults };
+export type { ColorScheme, MaterialThemeConfig, MaterialThemeFeature, ResolvedMaterialThemeConfig, ThemeBrand, ThemeColor, ThemeConfig, ThemeMode, ThemeStyle };

package/types/ojiepermana-angular.d.ts

@@ -1,2 +1,3 @@
+declare const MATERIAL_VERSION = "0.0.1";
 
-export { };
+export { MATERIAL_VERSION };

package/fesm2022/ojiepermana-angular-internal.mjs

@@ -1,489 +0,0 @@
-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,
-    strokeWidth: 1.35,
-});
-
-class LocalStorageStateAdapter {
-    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));
-    }
-    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;
-        }
-        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;
-    }
-    key(axis) {
-        return this.config.keys[axis];
-    }
-    legacyKey(axis) {
-        return `${this.config.legacyPrefix}:${axis}`;
-    }
-}
-
-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, NavigationItemContent, NavigationTreeOutlet, getNavigationTreePathKey, hasActiveNavigationDescendant, isNavigationTreeDescendant, isNavigationTreeItemExpanded, libraryLucideConfigProvider, toggleNavigationTreeItemExpanded, trackNavigationTreeItem };
-//# sourceMappingURL=ojiepermana-angular-internal.mjs.map