@ojiepermana/angular 22.1.13 → 22.2.0

package/fesm2022/{ojiepermana-angular-navigation-navigation-entry-grid.component-Cd-jh6tg.mjs → ojiepermana-angular-navigation-navigation-entry-grid.component-mpK9Ar08.mjs}

@@ -1,170 +1,199 @@
-import { NgTemplateOutlet } from '@angular/common';
-import * as i0 from '@angular/core';
-import { inject, input, output, computed, signal, Component } from '@angular/core';
-import { RouterLink, RouterLinkActive } from '@angular/router';
-import { IconComponent } from '@ojiepermana/angular/component/icon';
-import { cn } from '@ojiepermana/angular/component/utils/core';
-import { n as navigationPanelId, N as NavigationItemComponent } from './ojiepermana-angular-navigation-ojiepermana-angular-navigation-DNKU6viC.mjs';
-import { NAVIGATION_ADAPTER } from '@ojiepermana/angular/navigation/core';
-
-/**
- * Grid entry ala flyout: children sebuah branch dirender sebagai entry
- * icon-box + title/subtitle dalam grid responsif (1/sm:2/md:3/lg:4, dibatasi
- * `columns`); entry ber-children tampil terbuka secara default dengan collapse
- * vertical yang icon-nya sejajar satu garis dengan icon induk. Dipakai oleh
- * flyout dan panel mega navbar.
- */
-class NavigationEntryGridComponent {
-    nav = inject(NAVIGATION_ADAPTER);
-    navId = input('default', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "navId" }] : /* istanbul ignore next */ []));
-    branch = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "branch" }] : /* istanbul ignore next */ []));
-    typeStyle = input('flat', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "typeStyle" }] : /* istanbul ignore next */ []));
-    itemClass = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "itemClass" }] : /* istanbul ignore next */ []));
-    activeIds = input(new Set(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "activeIds" }] : /* istanbul ignore next */ []));
-    activeUrl = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "activeUrl" }] : /* istanbul ignore next */ []));
-    iconTemplate = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "iconTemplate" }] : /* istanbul ignore next */ []));
-    collapseTree = input('stairs', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "collapseTree" }] : /* istanbul ignore next */ []));
-    openedIds = input([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "openedIds" }] : /* istanbul ignore next */ []));
-    openedIdsChange = output();
-    itemSelected = output();
-    isBorderRail = computed(() => this.typeStyle() === 'border-rail', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isBorderRail" }] : /* istanbul ignore next */ []));
-    /** Kelas tambahan untuk NavigationItem bersarang saat style border-rail aktif. */
-    navItemClass = computed(() => cn(this.itemClass(), this.isBorderRail() && 'rounded-none hover:bg-transparent hover:text-primary'), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "navItemClass" }] : /* istanbul ignore next */ []));
-    /**
-     * Entry ber-children tampil TERBUKA secara default; set ini hanya menyimpan
-     * entry yang sengaja di-collapse pengguna. Instance grid dibuat ulang setiap
-     * panel dibuka sehingga state kembali terbuka semua.
-     */
-    collapsedEntryKeys = signal(new Set(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "collapsedEntryKeys" }] : /* istanbul ignore next */ []));
-    /**
-     * Template method calls re-run on every check; resolving the branch once per
-     * dependency change keeps a redraw from replaying an URL match per entry.
-     */
-    entryState = computed(() => {
-        const activeIds = this.activeIds();
-        const activeUrl = this.activeUrl();
-        const navId = this.navId();
-        return new Map(this.branch().children.map((child) => [
-            child,
-            {
-                active: this.nav.isItemActive(child, activeIds, activeUrl),
-                panelId: navigationPanelId(navId, child),
-            },
-        ]));
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "entryState" }] : /* istanbul ignore next */ []));
-    isItemActive(item) {
-        const state = this.entryState().get(item);
-        return state?.active ?? this.nav.isItemActive(item, this.activeIds(), this.activeUrl());
-    }
-    panelIdFor(item) {
-        return this.entryState().get(item)?.panelId ?? navigationPanelId(this.navId(), item);
-    }
-    isEntryOpen(item) {
-        return !this.collapsedEntryKeys().has(item.stateId);
-    }
-    toggleEntry(item) {
-        if (item.disabled) {
-            return;
-        }
-        const next = new Set(this.collapsedEntryKeys());
-        if (next.has(item.stateId)) {
-            next.delete(item.stateId);
-        }
-        else {
-            next.add(item.stateId);
-        }
-        this.collapsedEntryKeys.set(next);
-    }
-    selectEntry(item, event) {
-        if (item.disabled) {
-            event.preventDefault();
-            event.stopPropagation();
-            return;
-        }
-        item.action?.(item.source);
-        this.itemSelected.emit({
-            item: item.source,
-            key: item.key,
-            type: item.type,
-            link: item.link,
-            external: !!this.nav.hrefFor(item),
-        });
-        this.nav.closePanel(this.navId());
-        this.nav.closeDrawer(this.navId());
-    }
-    isRouterItem(item) {
-        return this.nav.isRouterItem(item);
-    }
-    hrefFor(item) {
-        return this.nav.hrefFor(item);
-    }
-    relFor(item) {
-        return this.nav.relFor(item);
-    }
-    routerLinkActiveOptions(item) {
-        return this.nav.routerLinkActiveOptions(item);
-    }
-    iconContext(item, active) {
-        return this.nav.iconContext(item, active, 1, 'horizontal');
-    }
-    fallbackInitials(item) {
-        return this.nav.compactFallback(item);
-    }
-    contentGridClasses(branch) {
-        // Skala responsif: mobile 1, sm 2, md 3, lg ke atas 4; `columns` membatasi maksimumnya.
-        const columns = Math.min(Math.max(branch.columns ?? 4, 1), 4);
-        return cn('m-0 grid list-none grid-cols-1 gap-1 p-0', columns >= 2 && 'sm:grid-cols-2', columns >= 3 && 'md:grid-cols-3', columns >= 4 && 'lg:grid-cols-4');
-    }
-    entryClasses(item, active) {
-        return cn('group/nav nav-text flex w-full items-center gap-3 px-(--nav-item-padding-x) py-2 text-left transition-colors', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', this.isBorderRail()
-            ? cn('rounded-none', active ? 'text-primary' : 'text-foreground hover:text-primary')
-            : cn('rounded-lg', active
-                ? 'bg-accent text-accent-foreground'
-                : 'text-foreground hover:bg-accent hover:text-accent-foreground'), item.disabled && 'pointer-events-none opacity-50', item.classes?.wrapper, this.itemClass());
-    }
-    entryIconClasses(active) {
-        if (this.isBorderRail()) {
-            // Kotak icon polos; bingkai digambar oleh rail line yang menjorok melewati sudut.
-            return cn('relative flex size-(--nav-entry-box-size) shrink-0 items-center justify-center self-center text-foreground transition-colors group-hover/nav:text-primary', active && 'text-primary');
-        }
-        return cn('relative flex size-(--nav-entry-box-size) shrink-0 items-center justify-center self-center rounded-lg border bg-background text-foreground shadow-sm transition-colors', active
-            ? 'border-primary text-primary'
-            : 'border-[hsl(var(--border)/var(--section-border-opacity))]');
-    }
-    entryIconGlyphClasses(item) {
-        return cn('text-(length:--nav-icon-size) text-current', item.classes?.icon);
-    }
-    entryTitleClasses(item) {
-        return cn('block truncate', this.isBorderRail() ? 'text-current' : 'text-foreground', item.classes?.title);
-    }
-    entrySubtitleClasses(item) {
-        return cn('nav-subtitle mt-0.5 block truncate text-muted-foreground', item.classes?.subtitle);
-    }
-    entryChevronClasses(item) {
-        return cn('shrink-0 self-center text-(length:--nav-icon-size-sub) text-muted-foreground transition-transform duration-200', this.isEntryOpen(item) && 'rotate-90');
-    }
-    nestedListClasses() {
-        // Rail digambar di pusat chip induk (padding-x + chip/2); pl = (chip − icon)/2
-        // membuat pusat icon anak jatuh tepat di garis rail itu.
-        return cn("relative mt-1 flex list-none flex-col gap-0.5 p-0 pl-[calc((var(--nav-entry-box-size)-var(--nav-icon-size))/2)] before:pointer-events-none before:absolute before:inset-y-0 before:left-[calc(var(--nav-item-padding-x)+var(--nav-entry-box-size)/2)] before:w-0 before:border-l before:content-['']", this.isBorderRail()
-            ? 'before:border-dashed before:border-border/40'
-            : 'before:border-[hsl(var(--border)/var(--section-border-opacity))]');
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NavigationEntryGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: NavigationEntryGridComponent, isStandalone: true, selector: "NavigationEntryGrid", inputs: { navId: { classPropertyName: "navId", publicName: "navId", isSignal: true, isRequired: false, transformFunction: null }, branch: { classPropertyName: "branch", publicName: "branch", isSignal: true, isRequired: true, transformFunction: null }, typeStyle: { classPropertyName: "typeStyle", publicName: "typeStyle", isSignal: true, isRequired: false, transformFunction: null }, itemClass: { classPropertyName: "itemClass", publicName: "itemClass", isSignal: true, isRequired: false, transformFunction: null }, activeIds: { classPropertyName: "activeIds", publicName: "activeIds", isSignal: true, isRequired: false, transformFunction: null }, activeUrl: { classPropertyName: "activeUrl", publicName: "activeUrl", isSignal: true, isRequired: false, transformFunction: null }, iconTemplate: { classPropertyName: "iconTemplate", publicName: "iconTemplate", isSignal: true, isRequired: false, transformFunction: null }, collapseTree: { classPropertyName: "collapseTree", publicName: "collapseTree", isSignal: true, isRequired: false, transformFunction: null }, openedIds: { classPropertyName: "openedIds", publicName: "openedIds", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openedIdsChange: "openedIdsChange", itemSelected: "itemSelected" }, host: { classAttribute: "contents" }, ngImport: i0, template: `
+import { n as navigationPanelId, t as NavigationItemComponent } from "./ojiepermana-angular-navigation-navigation-item.component-Basp5SIk.mjs";
+import * as i0 from "@angular/core";
+import { Component, computed, inject, input, output, signal } from "@angular/core";
+import { RouterLink, RouterLinkActive } from "@angular/router";
+import { cn } from "@ojiepermana/angular/component/utils/core";
+import { NAVIGATION_ADAPTER } from "@ojiepermana/angular/navigation/core";
+import { NgTemplateOutlet } from "@angular/common";
+import { IconComponent } from "@ojiepermana/angular/component/icon";
+var NavigationEntryGridComponent = class NavigationEntryGridComponent {
+	nav = inject(NAVIGATION_ADAPTER);
+	navId = input("default", ...ngDevMode ? [{ debugName: "navId" }] : /* istanbul ignore next */ []);
+	branch = input.required(...ngDevMode ? [{ debugName: "branch" }] : /* istanbul ignore next */ []);
+	typeStyle = input("flat", ...ngDevMode ? [{ debugName: "typeStyle" }] : /* istanbul ignore next */ []);
+	itemClass = input("", ...ngDevMode ? [{ debugName: "itemClass" }] : /* istanbul ignore next */ []);
+	activeIds = input(/* @__PURE__ */ new Set(), ...ngDevMode ? [{ debugName: "activeIds" }] : /* istanbul ignore next */ []);
+	activeUrl = input(null, ...ngDevMode ? [{ debugName: "activeUrl" }] : /* istanbul ignore next */ []);
+	iconTemplate = input(void 0, ...ngDevMode ? [{ debugName: "iconTemplate" }] : /* istanbul ignore next */ []);
+	collapseTree = input("stairs", ...ngDevMode ? [{ debugName: "collapseTree" }] : /* istanbul ignore next */ []);
+	openedIds = input([], ...ngDevMode ? [{ debugName: "openedIds" }] : /* istanbul ignore next */ []);
+	openedIdsChange = output();
+	itemSelected = output();
+	isBorderRail = computed(() => this.typeStyle() === "border-rail", ...ngDevMode ? [{ debugName: "isBorderRail" }] : /* istanbul ignore next */ []);
+	navItemClass = computed(() => cn(this.itemClass(), this.isBorderRail() && "rounded-none hover:bg-transparent hover:text-primary"), ...ngDevMode ? [{ debugName: "navItemClass" }] : /* istanbul ignore next */ []);
+	collapsedEntryKeys = signal(/* @__PURE__ */ new Set(), ...ngDevMode ? [{ debugName: "collapsedEntryKeys" }] : /* istanbul ignore next */ []);
+	entryState = computed(() => {
+		const activeIds = this.activeIds();
+		const activeUrl = this.activeUrl();
+		const navId = this.navId();
+		return new Map(this.branch().children.map((child) => [child, {
+			active: this.nav.isItemActive(child, activeIds, activeUrl),
+			panelId: navigationPanelId(navId, child)
+		}]));
+	}, ...ngDevMode ? [{ debugName: "entryState" }] : /* istanbul ignore next */ []);
+	isItemActive(item) {
+		return this.entryState().get(item)?.active ?? this.nav.isItemActive(item, this.activeIds(), this.activeUrl());
+	}
+	panelIdFor(item) {
+		return this.entryState().get(item)?.panelId ?? navigationPanelId(this.navId(), item);
+	}
+	isEntryOpen(item) {
+		return !this.collapsedEntryKeys().has(item.stateId);
+	}
+	toggleEntry(item) {
+		if (item.disabled) return;
+		const next = new Set(this.collapsedEntryKeys());
+		if (next.has(item.stateId)) next.delete(item.stateId);
+		else next.add(item.stateId);
+		this.collapsedEntryKeys.set(next);
+	}
+	selectEntry(item, event) {
+		if (item.disabled) {
+			event.preventDefault();
+			event.stopPropagation();
+			return;
+		}
+		item.action?.(item.source);
+		this.itemSelected.emit({
+			item: item.source,
+			key: item.key,
+			type: item.type,
+			link: item.link,
+			external: !!this.nav.hrefFor(item)
+		});
+		this.nav.closePanel(this.navId());
+		this.nav.closeDrawer(this.navId());
+	}
+	isRouterItem(item) {
+		return this.nav.isRouterItem(item);
+	}
+	hrefFor(item) {
+		return this.nav.hrefFor(item);
+	}
+	relFor(item) {
+		return this.nav.relFor(item);
+	}
+	routerLinkActiveOptions(item) {
+		return this.nav.routerLinkActiveOptions(item);
+	}
+	iconContext(item, active) {
+		return this.nav.iconContext(item, active, 1, "horizontal");
+	}
+	fallbackInitials(item) {
+		return this.nav.compactFallback(item);
+	}
+	contentGridClasses(branch) {
+		const columns = Math.min(Math.max(branch.columns ?? 4, 1), 4);
+		return cn("m-0 grid list-none grid-cols-1 gap-1 p-0", columns >= 2 && "sm:grid-cols-2", columns >= 3 && "md:grid-cols-3", columns >= 4 && "lg:grid-cols-4");
+	}
+	entryClasses(item, active) {
+		return cn("group/nav nav-text flex w-full items-center gap-3 px-(--nav-item-padding-x) py-2 text-left transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", this.isBorderRail() ? cn("rounded-none", active ? "text-primary" : "text-foreground hover:text-primary") : cn("rounded-lg", active ? "bg-accent text-accent-foreground" : "text-foreground hover:bg-accent hover:text-accent-foreground"), item.disabled && "pointer-events-none opacity-50", item.classes?.wrapper, this.itemClass());
+	}
+	entryIconClasses(active) {
+		if (this.isBorderRail()) return cn("relative flex size-(--nav-entry-box-size) shrink-0 items-center justify-center self-center text-foreground transition-colors group-hover/nav:text-primary", active && "text-primary");
+		return cn("relative flex size-(--nav-entry-box-size) shrink-0 items-center justify-center self-center rounded-lg border bg-background text-foreground shadow-sm transition-colors", active ? "border-primary text-primary" : "border-[hsl(var(--border)/var(--section-border-opacity))]");
+	}
+	entryIconGlyphClasses(item) {
+		return cn("text-(length:--nav-icon-size) text-current", item.classes?.icon);
+	}
+	entryTitleClasses(item) {
+		return cn("block truncate", this.isBorderRail() ? "text-current" : "text-foreground", item.classes?.title);
+	}
+	entrySubtitleClasses(item) {
+		return cn("nav-subtitle mt-0.5 block truncate text-muted-foreground", item.classes?.subtitle);
+	}
+	entryChevronClasses(item) {
+		return cn("shrink-0 self-center text-(length:--nav-icon-size-sub) text-muted-foreground transition-transform duration-200", this.isEntryOpen(item) && "rotate-90");
+	}
+	nestedListClasses() {
+		return cn("relative mt-1 flex list-none flex-col gap-0.5 p-0 pl-[calc((var(--nav-entry-box-size)-var(--nav-icon-size))/2)] before:pointer-events-none before:absolute before:inset-y-0 before:left-[calc(var(--nav-item-padding-x)+var(--nav-entry-box-size)/2)] before:w-0 before:border-l before:content-['']", this.isBorderRail() ? "before:border-dashed before:border-border/40" : "before:border-[hsl(var(--border)/var(--section-border-opacity))]");
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: NavigationEntryGridComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: NavigationEntryGridComponent,
+		isStandalone: true,
+		selector: "NavigationEntryGrid",
+		inputs: {
+			navId: {
+				classPropertyName: "navId",
+				publicName: "navId",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			branch: {
+				classPropertyName: "branch",
+				publicName: "branch",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			typeStyle: {
+				classPropertyName: "typeStyle",
+				publicName: "typeStyle",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			itemClass: {
+				classPropertyName: "itemClass",
+				publicName: "itemClass",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			activeIds: {
+				classPropertyName: "activeIds",
+				publicName: "activeIds",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			activeUrl: {
+				classPropertyName: "activeUrl",
+				publicName: "activeUrl",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			iconTemplate: {
+				classPropertyName: "iconTemplate",
+				publicName: "iconTemplate",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			collapseTree: {
+				classPropertyName: "collapseTree",
+				publicName: "collapseTree",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			openedIds: {
+				classPropertyName: "openedIds",
+				publicName: "openedIds",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			openedIdsChange: "openedIdsChange",
+			itemSelected: "itemSelected"
+		},
+		host: { classAttribute: "contents" },
+		ngImport: i0,
+		template: `
     @let branchItem = branch();
 
     <!--
@@ -385,17 +414,110 @@ class NavigationEntryGridComponent {
         >
       }
     </ng-template>
-  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: IconComponent, selector: "Icon", inputs: ["name", "class", "size", "fill", "weight", "grade", "opticalSize"] }, { kind: "component", type: NavigationItemComponent, selector: "li[NavigationItem]", inputs: ["navId", "item", "level", "orientation", "compact", "itemClass", "activeIds", "activeUrl", "iconTemplate", "collapseTree", "straightRail", "stairsRail", "straightRailActive", "firstInBranch", "lastInBranch", "openedIds"], outputs: ["openedIdsChange", "itemSelected"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NavigationEntryGridComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'NavigationEntryGrid',
-                    imports: [NgTemplateOutlet, RouterLink, RouterLinkActive, IconComponent, NavigationItemComponent],
-                    host: {
-                        class: 'contents',
-                    },
-                    template: `
+  `,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "directive",
+				type: NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			},
+			{
+				kind: "directive",
+				type: RouterLink,
+				selector: "[routerLink]",
+				inputs: [
+					"target",
+					"queryParams",
+					"fragment",
+					"queryParamsHandling",
+					"state",
+					"info",
+					"relativeTo",
+					"preserveFragment",
+					"skipLocationChange",
+					"replaceUrl",
+					"browserUrl",
+					"routerLink"
+				]
+			},
+			{
+				kind: "directive",
+				type: RouterLinkActive,
+				selector: "[routerLinkActive]",
+				inputs: [
+					"routerLinkActiveOptions",
+					"ariaCurrentWhenActive",
+					"routerLinkActive"
+				],
+				outputs: ["isActiveChange"],
+				exportAs: ["routerLinkActive"]
+			},
+			{
+				kind: "component",
+				type: IconComponent,
+				selector: "Icon",
+				inputs: [
+					"name",
+					"class",
+					"size",
+					"fill",
+					"weight",
+					"grade",
+					"opticalSize"
+				]
+			},
+			{
+				kind: "component",
+				type: NavigationItemComponent,
+				selector: "li[NavigationItem]",
+				inputs: [
+					"navId",
+					"item",
+					"level",
+					"orientation",
+					"compact",
+					"itemClass",
+					"activeIds",
+					"activeUrl",
+					"iconTemplate",
+					"tooltip-position",
+					"collapseTree",
+					"straightRail",
+					"stairsRail",
+					"straightRailActive",
+					"firstInBranch",
+					"lastInBranch",
+					"openedIds"
+				],
+				outputs: ["openedIdsChange", "itemSelected"]
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: NavigationEntryGridComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "NavigationEntryGrid",
+			imports: [
+				NgTemplateOutlet,
+				RouterLink,
+				RouterLinkActive,
+				IconComponent,
+				NavigationItemComponent
+			],
+			host: { class: "contents" },
+			template: `
     @let branchItem = branch();
 
     <!--
@@ -616,8 +738,90 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
         >
       }
     </ng-template>
-  `,
-                }]
-        }], propDecorators: { navId: [{ type: i0.Input, args: [{ isSignal: true, alias: "navId", required: false }] }], branch: [{ type: i0.Input, args: [{ isSignal: true, alias: "branch", required: true }] }], typeStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "typeStyle", required: false }] }], itemClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemClass", required: false }] }], activeIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeIds", required: false }] }], activeUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeUrl", required: false }] }], iconTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconTemplate", required: false }] }], collapseTree: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseTree", required: false }] }], openedIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "openedIds", required: false }] }], openedIdsChange: [{ type: i0.Output, args: ["openedIdsChange"] }], itemSelected: [{ type: i0.Output, args: ["itemSelected"] }] } });
-
-export { NavigationEntryGridComponent as N };
+  `
+		}]
+	}],
+	propDecorators: {
+		navId: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "navId",
+				required: false
+			}]
+		}],
+		branch: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "branch",
+				required: true
+			}]
+		}],
+		typeStyle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "typeStyle",
+				required: false
+			}]
+		}],
+		itemClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "itemClass",
+				required: false
+			}]
+		}],
+		activeIds: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "activeIds",
+				required: false
+			}]
+		}],
+		activeUrl: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "activeUrl",
+				required: false
+			}]
+		}],
+		iconTemplate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "iconTemplate",
+				required: false
+			}]
+		}],
+		collapseTree: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "collapseTree",
+				required: false
+			}]
+		}],
+		openedIds: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "openedIds",
+				required: false
+			}]
+		}],
+		openedIdsChange: [{
+			type: i0.Output,
+			args: ["openedIdsChange"]
+		}],
+		itemSelected: [{
+			type: i0.Output,
+			args: ["itemSelected"]
+		}]
+	}
+});
+export { NavigationEntryGridComponent as t };