@ojiepermana/angular 22.2.0 → 22.2.2

package/fesm2022/ojiepermana-angular-navigation.mjs

@@ -1,13 +1,14 @@
-import { t as NavigationListComponent } from "./ojiepermana-angular-navigation-navigation-list.component-YUzHI9Pj.mjs";
+import { t as NavigationListComponent } from "./ojiepermana-angular-navigation-navigation-list.component-DB22Gl-5.mjs";
 import * as i0 from "@angular/core";
 import { Component, DestroyRef, Directive, ElementRef, InjectionToken, Injector, TemplateRef, ViewContainerRef, afterNextRender, booleanAttribute, computed, contentChild, effect, forwardRef, inject, input, isDevMode, model, output, signal } from "@angular/core";
 import { ActivatedRoute } from "@angular/router";
 import { cn } from "@ojiepermana/angular/component/utils/core";
 import { NavigationIconDirective, NavigationIconDirective as NavigationIconDirective$1 } from "@ojiepermana/angular/navigation/icon";
 import { NAVIGATION_ADAPTER, NAVIGATION_ROUTE_CONTEXT_ADAPTER } from "@ojiepermana/angular/navigation/core";
-import { NAVIGATION_DOCKBAR_FALLBACK_ICON, NAVIGATION_DOCKBAR_FALLBACK_ICON as NAVIGATION_DOCKBAR_FALLBACK_ICON$1, formatNavigationBadgeCount, normalizeUiNavItems, normalizeUiNavItems as normalizeUiNavItems$1 } from "@ojiepermana/angular/navigation/types";
+import { NAVIGATION_DOCKBAR_FALLBACK_ICON, NAVIGATION_DOCKBAR_FALLBACK_ICON as NAVIGATION_DOCKBAR_FALLBACK_ICON$1, formatNavigationBadgeCount, normalizeUiNavItems, normalizeUiNavItems as normalizeUiNavItems$1, toMinidockItems, ɵassertMinidockItems, ɵcompactNavigationDividers } from "@ojiepermana/angular/navigation/types";
 import { NgTemplateOutlet } from "@angular/common";
-import { IconComponent } from "@ojiepermana/angular/component/icon";
+import { LucidePanelLeftClose, LucidePanelLeftOpen, LucideRoute } from "@lucide/angular";
+import { IconComponent, provideIcons } from "@ojiepermana/angular/component/icon";
 import { TooltipDirective } from "@ojiepermana/angular/component/tooltip";
 export * from "@ojiepermana/angular/navigation/core";
 function injectNavigationController(inputs) {
@@ -56,7 +57,7 @@ function normalizeId(value) {
 	return value.trim() || "default";
 }
 function fallbackType(orientation, type) {
-	if (orientation === "vertical" && (type === "sidebar" || type === "dockbar")) return type;
+	if (orientation === "vertical" && (type === "sidebar" || type === "dockbar" || type === "minidock")) return type;
 	if (orientation === "horizontal" && (type === "navbar" || type === "flyout")) return type;
 	return orientation === "horizontal" ? "navbar" : "sidebar";
 }
@@ -95,6 +96,7 @@ var NavigationContainerComponent = class NavigationContainerComponent {
 	dataOwner = {};
 	hoverPreviewExpanded = signal(false, ...ngDevMode ? [{ debugName: "hoverPreviewExpanded" }] : /* istanbul ignore next */ []);
 	focusPreviewExpanded = signal(false, ...ngDevMode ? [{ debugName: "focusPreviewExpanded" }] : /* istanbul ignore next */ []);
+	motionArmed = signal(false, ...ngDevMode ? [{ debugName: "motionArmed" }] : /* istanbul ignore next */ []);
 	typeConfig = signal(null, ...ngDevMode ? [{ debugName: "typeConfig" }] : /* istanbul ignore next */ []);
 	orientationPreference = computed(() => this.typeConfig()?.orientation ?? "vertical", ...ngDevMode ? [{ debugName: "orientationPreference" }] : /* istanbul ignore next */ []);
 	typePreference = computed(() => this.typeConfig()?.type ?? null, ...ngDevMode ? [{ debugName: "typePreference" }] : /* istanbul ignore next */ []);
@@ -192,6 +194,7 @@ var NavigationContainerComponent = class NavigationContainerComponent {
 		if (activeEntry === null) return this.normalizedItems();
 		return this.normalizedItems().filter((entry) => entry.key !== activeEntry.key);
 	}, ...ngDevMode ? [{ debugName: "dockbarRailItems" }] : /* istanbul ignore next */ []);
+	minidockRailItems = computed(() => ɵcompactNavigationDividers(this.normalizedItems()), ...ngDevMode ? [{ debugName: "minidockRailItems" }] : /* istanbul ignore next */ []);
 	dockbarAsideId = computed(() => `nav-dockbar-${this.safeId(this.resolvedState().id)}`, ...ngDevMode ? [{ debugName: "dockbarAsideId" }] : /* istanbul ignore next */ []);
 	dockbarOpenGroup = computed(() => {
 		const state = this.resolvedState();
@@ -217,7 +220,7 @@ var NavigationContainerComponent = class NavigationContainerComponent {
 	previewRailOffset = computed(() => this.previewRailExpanded() ? "calc(var(--layout-sidebar-width) - var(--layout-sidebar-collapsed-width))" : "0px", ...ngDevMode ? [{ debugName: "previewRailOffset" }] : /* istanbul ignore next */ []);
 	displayState = computed(() => {
 		const state = this.resolvedState();
-		if (state.type === "dockbar") return {
+		if (state.type === "dockbar" || state.type === "minidock") return {
 			...state,
 			collapsed: true
 		};
@@ -235,10 +238,13 @@ var NavigationContainerComponent = class NavigationContainerComponent {
 		const state = this.resolvedState();
 		return this.sidebarCollapse() && state.orientation === "vertical" && state.type === "sidebar";
 	}, ...ngDevMode ? [{ debugName: "collapseEnabled" }] : /* istanbul ignore next */ []);
-	shellClasses = computed(() => cn("flex h-full min-h-0 transition-[width,box-shadow,transform] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none", this.resolvedState().orientation === "horizontal" ? "flex-row items-stretch overflow-visible" : this.resolvedState().type === "dockbar" ? "flex-col overflow-visible" : "flex-col overflow-hidden", this.resolvedState().type === "dockbar" && ["w-(--layout-sidebar-collapsed-width) shrink-0", this.resolvedState().position === "right" && "ml-auto"], this.resolvedState().position === "right" ? "origin-right" : "origin-left", this.previewRailExpanded() && ["absolute inset-y-0 z-20 w-(--layout-sidebar-width) overflow-hidden bg-background shadow-xl", this.resolvedState().position === "right" ? "right-0 border-l border-border" : "left-0 border-r border-border"]), ...ngDevMode ? [{ debugName: "shellClasses" }] : /* istanbul ignore next */ []);
+	shellClasses = computed(() => cn("flex h-full min-h-0 transition-[width,box-shadow,transform] duration-slow ease-out motion-reduce:transition-none [[data-motion=off]_&]:transition-none", this.resolvedState().orientation === "horizontal" ? "flex-row items-stretch overflow-visible" : this.resolvedState().type === "dockbar" ? "flex-col overflow-visible" : "flex-col overflow-hidden", this.resolvedState().type === "dockbar" && ["w-(--layout-sidebar-collapsed-width) shrink-0", this.resolvedState().position === "right" && "ml-auto"], this.resolvedState().position === "right" ? "origin-right" : "origin-left", this.previewRailExpanded() && ["absolute inset-y-0 z-20 w-(--layout-sidebar-width) overflow-hidden bg-background shadow-xl", this.resolvedState().position === "right" ? "right-0 border-l border-border" : "left-0 border-r border-border"]), ...ngDevMode ? [{ debugName: "shellClasses" }] : /* istanbul ignore next */ []);
 	state = this.resolvedState;
 	resolvedDataId = computed(() => this.dataId()?.trim() || this.navId().trim() || "default", ...ngDevMode ? [{ debugName: "resolvedDataId" }] : /* istanbul ignore next */ []);
-	hostClasses = computed(() => cn("relative block min-h-0 text-foreground transition-[width] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none", this.resolvedState().orientation === "horizontal" ? "h-full w-full" : this.resolvedState().type === "dockbar" ? this.dockbarAsideOpen() ? "w-[calc(var(--layout-sidebar-collapsed-width)+var(--layout-aside-width))]" : "w-(--layout-sidebar-collapsed-width)" : this.resolvedState().collapsed ? "w-(--layout-sidebar-collapsed-width)" : "w-(--layout-sidebar-width)", this.resolvedState().orientation === "horizontal" || this.resolvedState().type === "dockbar" || this.previewRailExpanded() ? "overflow-visible" : "overflow-hidden", this.class()), ...ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []);
+	hostClasses = computed(() => cn("relative block min-h-0 text-foreground transition-[width] duration-slow ease-out motion-reduce:transition-none data-[motion=off]:transition-none", this.resolvedState().orientation === "horizontal" ? "h-full w-full" : this.resolvedState().type === "dockbar" ? this.dockbarAsideOpen() ? "w-[calc(var(--layout-sidebar-collapsed-width)+var(--layout-aside-width))]" : "w-(--layout-sidebar-collapsed-width)" : this.resolvedState().type === "minidock" || this.resolvedState().collapsed ? "w-(--layout-sidebar-collapsed-width)" : "w-(--layout-sidebar-width)", this.resolvedState().orientation === "horizontal" || this.resolvedState().type === "dockbar" || this.previewRailExpanded() ? "overflow-visible" : "overflow-hidden", this.class()), ...ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []);
+	armMotion() {
+		if (!this.motionArmed()) this.motionArmed.set(true);
+	}
 	constructor() {
 		effect((onCleanup) => {
 			const dataId = this.resolvedDataId();
@@ -247,7 +253,7 @@ var NavigationContainerComponent = class NavigationContainerComponent {
 		});
 	}
 	registerType(config) {
-		if (this.typeConfig() !== null && isDevMode()) throw new Error("[Navigation] Hanya satu type (<NavigationSidebar>/<NavigationDockbar>/<NavigationNavbar>/<NavigationFlyout>) yang boleh hidup dalam satu <Navigation>.");
+		if (this.typeConfig() !== null && isDevMode()) throw new Error("[Navigation] Hanya satu type (<NavigationSidebar>/<NavigationDockbar>/<NavigationMinidock>/<NavigationNavbar>/<NavigationFlyout>) yang boleh hidup dalam satu <Navigation>.");
 		this.typeConfig.set(config);
 	}
 	unregisterType(config) {
@@ -301,7 +307,7 @@ var NavigationContainerComponent = class NavigationContainerComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationContainerComponent,
 		deps: [],
@@ -309,7 +315,7 @@ var NavigationContainerComponent = class NavigationContainerComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.2.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: NavigationContainerComponent,
 		isStandalone: true,
 		selector: "Navigation",
@@ -406,6 +412,8 @@ var NavigationContainerComponent = class NavigationContainerComponent {
 		host: {
 			attributes: { "role": "navigation" },
 			listeners: {
+				"document:pointerdown": "armMotion()",
+				"document:keydown": "armMotion()",
 				"mouseenter": "setHoverPreview(true)",
 				"mouseleave": "setHoverPreview(false)",
 				"focusin": "setFocusPreview(true)",
@@ -421,7 +429,8 @@ var NavigationContainerComponent = class NavigationContainerComponent {
 				"attr.data-type-style": "typeStyle()",
 				"attr.data-position": "resolvedState().position",
 				"attr.data-collapse-tree": "collapseTree()",
-				"attr.data-preview-expanded": "previewRailExpanded() ? \"true\" : null"
+				"attr.data-preview-expanded": "previewRailExpanded() ? \"true\" : null",
+				"attr.data-motion": "motionArmed() ? null : \"off\""
 			}
 		},
 		providers: [{
@@ -442,7 +451,7 @@ var NavigationContainerComponent = class NavigationContainerComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationContainerComponent,
 	decorators: [{
@@ -465,6 +474,9 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.data-position]": "resolvedState().position",
 				"[attr.data-collapse-tree]": "collapseTree()",
 				"[attr.data-preview-expanded]": "previewRailExpanded() ? \"true\" : null",
+				"[attr.data-motion]": "motionArmed() ? null : \"off\"",
+				"(document:pointerdown)": "armMotion()",
+				"(document:keydown)": "armMotion()",
 				"(mouseenter)": "setHoverPreview(true)",
 				"(mouseleave)": "setHoverPreview(false)",
 				"(focusin)": "setFocusPreview(true)",
@@ -590,10 +602,10 @@ var NavigationContentComponent = class NavigationContentComponent {
 		...ngDevMode ? { debugName: "class" } : /* istanbul ignore next */ {},
 		alias: "class"
 	});
-	hostClasses = computed(() => cn("min-h-0 flex-1", this.container.displayState().orientation === "horizontal" ? "flex h-full min-w-0 items-stretch justify-center overflow-visible" : "block overflow-y-auto overflow-x-hidden py-2", this.class()), ...ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []);
+	hostClasses = computed(() => cn("min-h-0 flex-1", this.container.displayState().orientation === "horizontal" ? "flex h-full min-w-0 items-stretch justify-center overflow-visible" : this.container.displayState().type === "minidock" ? "flex flex-col overflow-y-auto overflow-x-hidden py-2" : "block overflow-y-auto overflow-x-hidden py-2", this.class()), ...ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationContentComponent,
 		deps: [],
@@ -601,7 +613,7 @@ var NavigationContentComponent = class NavigationContentComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: NavigationContentComponent,
 		isStandalone: true,
 		selector: "NavigationContent",
@@ -693,6 +705,23 @@ var NavigationContentComponent = class NavigationContentComponent {
           (itemSelected)="container.itemSelected.emit($event)"
         />
       }
+    } @else if (navState.type === 'minidock') {
+      <!-- Minidock: always compact, and the list fills the rail so a spacer can push items down. -->
+      <NavigationList
+        [navId]="navState.id"
+        [items]="container.minidockRailItems()"
+        [collapsed]="true"
+        [fill]="true"
+        [position]="navState.position"
+        [itemClass]="container.itemClass()"
+        [activeIds]="container.activeIdSet()"
+        [activeUrl]="container.activeUrl()"
+        [iconTemplate]="container.iconTemplate()"
+        [collapseTree]="container.collapseTree()"
+        [openedIds]="container.openedIds()"
+        (openedIdsChange)="container.openedIds.set($event)"
+        (itemSelected)="container.itemSelected.emit($event)"
+      />
     } @else {
       <!-- The vertical list (sidebar) is the common default — kept eager, no first-paint pop-in. -->
       <NavigationList
@@ -721,6 +750,7 @@ var NavigationContentComponent = class NavigationContentComponent {
 				"items",
 				"collapsed",
 				"compact",
+				"fill",
 				"position",
 				"itemClass",
 				"activeIds",
@@ -732,21 +762,21 @@ var NavigationContentComponent = class NavigationContentComponent {
 			outputs: ["openedIdsChange", "itemSelected"]
 		}],
 		deferBlockDependencies: [
-			() => [import("./ojiepermana-angular-navigation-navigation-flyout-menu.component-BPgH7FJk.mjs").then((m) => m.NavigationFlyoutMenuComponent)],
-			() => [import("./ojiepermana-angular-navigation-navigation-horizontal.component-DMpYcD9t.mjs").then((m) => m.NavigationHorizontalComponent)],
-			() => [import("./ojiepermana-angular-navigation-navigation-dockbar-menu.component-DFEJK2jD.mjs").then((m) => m.NavigationDockbarMenuComponent)]
+			() => [import("./ojiepermana-angular-navigation-navigation-flyout-menu.component-DYkYIIHd.mjs").then((m) => m.NavigationFlyoutMenuComponent)],
+			() => [import("./ojiepermana-angular-navigation-navigation-horizontal.component-LNTertHr.mjs").then((m) => m.NavigationHorizontalComponent)],
+			() => [import("./ojiepermana-angular-navigation-navigation-dockbar-menu.component-CGfu2V6f.mjs").then((m) => m.NavigationDockbarMenuComponent)]
 		]
 	});
 };
 i0.ɵɵngDeclareClassMetadataAsync({
 	minVersion: "18.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationContentComponent,
 	resolveDeferredDeps: () => [
-		import("./ojiepermana-angular-navigation-navigation-flyout-menu.component-BPgH7FJk.mjs").then((m) => m.NavigationFlyoutMenuComponent),
-		import("./ojiepermana-angular-navigation-navigation-horizontal.component-DMpYcD9t.mjs").then((m) => m.NavigationHorizontalComponent),
-		import("./ojiepermana-angular-navigation-navigation-dockbar-menu.component-DFEJK2jD.mjs").then((m) => m.NavigationDockbarMenuComponent)
+		import("./ojiepermana-angular-navigation-navigation-flyout-menu.component-DYkYIIHd.mjs").then((m) => m.NavigationFlyoutMenuComponent),
+		import("./ojiepermana-angular-navigation-navigation-horizontal.component-LNTertHr.mjs").then((m) => m.NavigationHorizontalComponent),
+		import("./ojiepermana-angular-navigation-navigation-dockbar-menu.component-CGfu2V6f.mjs").then((m) => m.NavigationDockbarMenuComponent)
 	],
 	resolveMetadata: (NavigationFlyoutMenuComponent, NavigationHorizontalComponent, NavigationDockbarMenuComponent) => ({
 		decorators: [{
@@ -839,6 +869,23 @@ i0.ɵɵngDeclareClassMetadataAsync({
           (itemSelected)="container.itemSelected.emit($event)"
         />
       }
+    } @else if (navState.type === 'minidock') {
+      <!-- Minidock: always compact, and the list fills the rail so a spacer can push items down. -->
+      <NavigationList
+        [navId]="navState.id"
+        [items]="container.minidockRailItems()"
+        [collapsed]="true"
+        [fill]="true"
+        [position]="navState.position"
+        [itemClass]="container.itemClass()"
+        [activeIds]="container.activeIdSet()"
+        [activeUrl]="container.activeUrl()"
+        [iconTemplate]="container.iconTemplate()"
+        [collapseTree]="container.collapseTree()"
+        [openedIds]="container.openedIds()"
+        (openedIdsChange)="container.openedIds.set($event)"
+        (itemSelected)="container.itemSelected.emit($event)"
+      />
     } @else {
       <!-- The vertical list (sidebar) is the common default — kept eager, no first-paint pop-in. -->
       <NavigationList
@@ -882,7 +929,7 @@ var NavigationFooterComponent = class NavigationFooterComponent {
 	hostClasses = computed(() => cn(this.isHorizontal() ? "relative z-10 block h-full w-auto shrink-0" : "sticky bottom-0 z-10 block h-(--layout-topbar-height) shrink-0 border-t border-[hsl(var(--border)/var(--section-border-opacity))]", this.class()), ...ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationFooterComponent,
 		deps: [],
@@ -890,7 +937,7 @@ var NavigationFooterComponent = class NavigationFooterComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: NavigationFooterComponent,
 		isStandalone: true,
 		selector: "NavigationFooter",
@@ -916,7 +963,7 @@ var NavigationFooterComponent = class NavigationFooterComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationFooterComponent,
 	decorators: [{
@@ -954,11 +1001,11 @@ var NavigationHeaderComponent = class NavigationHeaderComponent {
 	displayCollapsed = computed(() => this.shell.displayState().collapsed, ...ngDevMode ? [{ debugName: "displayCollapsed" }] : /* istanbul ignore next */ []);
 	isHorizontal = computed(() => this.shell.displayState().orientation === "horizontal", ...ngDevMode ? [{ debugName: "isHorizontal" }] : /* istanbul ignore next */ []);
 	showToggle = computed(() => {
-		if (this.isHorizontal()) return false;
+		if (this.isHorizontal() || this.shell.state().type === "minidock") return false;
 		return this.toggle() || this.shell.collapseEnabled();
 	}, ...ngDevMode ? [{ debugName: "showToggle" }] : /* istanbul ignore next */ []);
 	toggleAriaLabel = computed(() => this.collapsed() ? "Expand navigation" : "Collapse navigation", ...ngDevMode ? [{ debugName: "toggleAriaLabel" }] : /* istanbul ignore next */ []);
-	toggleIconName = computed(() => this.collapsed() ? "left_panel_open" : "left_panel_close", ...ngDevMode ? [{ debugName: "toggleIconName" }] : /* istanbul ignore next */ []);
+	toggleIconName = computed(() => this.collapsed() ? "panel-left-open" : "panel-left-close", ...ngDevMode ? [{ debugName: "toggleIconName" }] : /* istanbul ignore next */ []);
 	rowClasses = computed(() => cn("flex h-full items-center", !this.isHorizontal() && this.displayCollapsed() ? "justify-center" : "gap-3 px-3"), ...ngDevMode ? [{ debugName: "rowClasses" }] : /* istanbul ignore next */ []);
 	contentClasses = computed(() => {
 		if (this.isHorizontal()) return "flex min-w-0 items-center gap-3";
@@ -970,7 +1017,7 @@ var NavigationHeaderComponent = class NavigationHeaderComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationHeaderComponent,
 		deps: [],
@@ -978,7 +1025,7 @@ var NavigationHeaderComponent = class NavigationHeaderComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: NavigationHeaderComponent,
 		isStandalone: true,
 		selector: "NavigationHeader",
@@ -1002,6 +1049,7 @@ var NavigationHeaderComponent = class NavigationHeaderComponent {
 			"class": "hostClasses()",
 			"attr.data-collapsed": "displayCollapsed()"
 		} },
+		providers: [provideIcons(LucidePanelLeftClose, LucidePanelLeftOpen)],
 		ngImport: i0,
 		template: `
     <div [class]="rowClasses()">
@@ -1037,17 +1085,15 @@ var NavigationHeaderComponent = class NavigationHeaderComponent {
 				"name",
 				"class",
 				"size",
-				"fill",
-				"weight",
-				"grade",
-				"opticalSize"
+				"strokeWidth",
+				"label"
 			]
 		}]
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationHeaderComponent,
 	decorators: [{
@@ -1055,6 +1101,7 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{
 			selector: "NavigationHeader",
 			imports: [IconComponent],
+			providers: [provideIcons(LucidePanelLeftClose, LucidePanelLeftOpen)],
 			host: {
 				"[class]": "hostClasses()",
 				"[attr.data-collapsed]": "displayCollapsed()"
@@ -1138,7 +1185,7 @@ var NavigationSidebarComponent = class NavigationSidebarComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationSidebarComponent,
 		deps: [],
@@ -1146,7 +1193,7 @@ var NavigationSidebarComponent = class NavigationSidebarComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: NavigationSidebarComponent,
 		isStandalone: true,
 		selector: "NavigationSidebar",
@@ -1238,7 +1285,7 @@ var NavigationSidebarComponent = class NavigationSidebarComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationSidebarComponent,
 	decorators: [{
@@ -1324,7 +1371,7 @@ var NavigationAsideFooterDirective = class NavigationAsideFooterDirective {
 	templateRef = inject(TemplateRef);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationAsideFooterDirective,
 		deps: [],
@@ -1332,7 +1379,7 @@ var NavigationAsideFooterDirective = class NavigationAsideFooterDirective {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: NavigationAsideFooterDirective,
 		isStandalone: true,
 		selector: "ng-template[NavigationAsideFooter]",
@@ -1341,7 +1388,7 @@ var NavigationAsideFooterDirective = class NavigationAsideFooterDirective {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationAsideFooterDirective,
 	decorators: [{
@@ -1414,7 +1461,7 @@ var NavigationDockbarComponent = class NavigationDockbarComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationDockbarComponent,
 		deps: [],
@@ -1422,7 +1469,7 @@ var NavigationDockbarComponent = class NavigationDockbarComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: NavigationDockbarComponent,
 		isStandalone: true,
 		selector: "NavigationDockbar",
@@ -1470,6 +1517,7 @@ var NavigationDockbarComponent = class NavigationDockbarComponent {
 			},
 			properties: { "class": "hostClasses()" }
 		},
+		providers: [provideIcons(LucideRoute)],
 		queries: [
 			{
 				propertyName: "headerSlot",
@@ -1517,7 +1565,7 @@ var NavigationDockbarComponent = class NavigationDockbarComponent {
                 [ngTemplateOutletContext]="routeHeader.iconContext"
               />
             } @else {
-              <Icon [name]="routeHeader.icon" size="inherit" [fill]="1" />
+              <Icon [name]="routeHeader.icon" size="inherit" />
             }
           </span>
 
@@ -1578,10 +1626,8 @@ var NavigationDockbarComponent = class NavigationDockbarComponent {
 					"name",
 					"class",
 					"size",
-					"fill",
-					"weight",
-					"grade",
-					"opticalSize"
+					"strokeWidth",
+					"label"
 				]
 			},
 			{
@@ -1620,15 +1666,15 @@ var NavigationDockbarComponent = class NavigationDockbarComponent {
 				exportAs: ["Tooltip"]
 			}
 		],
-		deferBlockDependencies: [() => [import("./ojiepermana-angular-navigation-navigation-badge-count.component-BKCeWzml.mjs").then((m) => m.NavigationBadgeCountComponent)]]
+		deferBlockDependencies: [() => [import("./ojiepermana-angular-navigation-navigation-badge-count.component-4RIokl1C.mjs").then((m) => m.NavigationBadgeCountComponent)]]
 	});
 };
 i0.ɵɵngDeclareClassMetadataAsync({
 	minVersion: "18.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationDockbarComponent,
-	resolveDeferredDeps: () => [import("./ojiepermana-angular-navigation-navigation-badge-count.component-BKCeWzml.mjs").then((m) => m.NavigationBadgeCountComponent)],
+	resolveDeferredDeps: () => [import("./ojiepermana-angular-navigation-navigation-badge-count.component-4RIokl1C.mjs").then((m) => m.NavigationBadgeCountComponent)],
 	resolveMetadata: (NavigationBadgeCountComponent) => ({
 		decorators: [{
 			type: Component,
@@ -1642,6 +1688,7 @@ i0.ɵɵngDeclareClassMetadataAsync({
 					NgTemplateOutlet,
 					TooltipDirective
 				],
+				providers: [provideIcons(LucideRoute)],
 				host: {
 					"[class]": "hostClasses()",
 					"(keydown.escape)": "onEscape($event)",
@@ -1663,7 +1710,7 @@ i0.ɵɵngDeclareClassMetadataAsync({
                 [ngTemplateOutletContext]="routeHeader.iconContext"
               />
             } @else {
-              <Icon [name]="routeHeader.icon" size="inherit" [fill]="1" />
+              <Icon [name]="routeHeader.icon" size="inherit" />
             }
           </span>
 
@@ -1777,6 +1824,174 @@ i0.ɵɵngDeclareClassMetadataAsync({
 		}
 	})
 });
+var NavigationMinidockComponent = class NavigationMinidockComponent {
+	container = inject(NavigationContainerComponent);
+	destroyRef = inject(DestroyRef);
+	position = input(null, ...ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []);
+	class = input("", {
+		...ngDevMode ? { debugName: "class" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	headerSlot = contentChild(NavigationHeaderComponent, ...ngDevMode ? [{ debugName: "headerSlot" }] : /* istanbul ignore next */ []);
+	contentSlot = contentChild(NavigationContentComponent, ...ngDevMode ? [{ debugName: "contentSlot" }] : /* istanbul ignore next */ []);
+	footerSlot = contentChild(NavigationFooterComponent, ...ngDevMode ? [{ debugName: "footerSlot" }] : /* istanbul ignore next */ []);
+	dataValidated = computed(() => {
+		ɵassertMinidockItems(this.container.data());
+		return true;
+	}, ...ngDevMode ? [{ debugName: "dataValidated" }] : /* istanbul ignore next */ []);
+	hostClasses = computed(() => cn(this.container.shellClasses(), this.class()), ...ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []);
+	constructor() {
+		const config = {
+			orientation: "vertical",
+			type: "minidock",
+			position: this.position
+		};
+		this.container.registerType(config);
+		this.destroyRef.onDestroy(() => this.container.unregisterType(config));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NavigationMinidockComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: NavigationMinidockComponent,
+		isStandalone: true,
+		selector: "NavigationMinidock",
+		inputs: {
+			position: {
+				classPropertyName: "position",
+				publicName: "position",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			class: {
+				classPropertyName: "class",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { properties: { "class": "hostClasses()" } },
+		queries: [
+			{
+				propertyName: "headerSlot",
+				first: true,
+				predicate: NavigationHeaderComponent,
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "contentSlot",
+				first: true,
+				predicate: NavigationContentComponent,
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "footerSlot",
+				first: true,
+				predicate: NavigationFooterComponent,
+				descendants: true,
+				isSignal: true
+			}
+		],
+		ngImport: i0,
+		template: `
+    @if (dataValidated()) {
+      @if (headerSlot()) {
+        <ng-content select="NavigationHeader" />
+      }
+
+      @if (contentSlot()) {
+        <ng-content select="NavigationContent" />
+      } @else {
+        <NavigationContent />
+      }
+
+      @if (footerSlot()) {
+        <ng-content select="NavigationFooter" />
+      }
+    }
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "component",
+			type: NavigationContentComponent,
+			selector: "NavigationContent",
+			inputs: ["class"]
+		}]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: NavigationMinidockComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "NavigationMinidock",
+			imports: [NavigationContentComponent],
+			host: { "[class]": "hostClasses()" },
+			template: `
+    @if (dataValidated()) {
+      @if (headerSlot()) {
+        <ng-content select="NavigationHeader" />
+      }
+
+      @if (contentSlot()) {
+        <ng-content select="NavigationContent" />
+      } @else {
+        <NavigationContent />
+      }
+
+      @if (footerSlot()) {
+        <ng-content select="NavigationFooter" />
+      }
+    }
+  `
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		position: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "position",
+				required: false
+			}]
+		}],
+		class: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}],
+		headerSlot: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => NavigationHeaderComponent), { isSignal: true }]
+		}],
+		contentSlot: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => NavigationContentComponent), { isSignal: true }]
+		}],
+		footerSlot: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => NavigationFooterComponent), { isSignal: true }]
+		}]
+	}
+});
 var NavigationNavbarComponent = class NavigationNavbarComponent {
 	container = inject(NavigationContainerComponent);
 	destroyRef = inject(DestroyRef);
@@ -1808,7 +2023,7 @@ var NavigationNavbarComponent = class NavigationNavbarComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationNavbarComponent,
 		deps: [],
@@ -1816,7 +2031,7 @@ var NavigationNavbarComponent = class NavigationNavbarComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: NavigationNavbarComponent,
 		isStandalone: true,
 		selector: "NavigationNavbar",
@@ -1894,7 +2109,7 @@ var NavigationNavbarComponent = class NavigationNavbarComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationNavbarComponent,
 	decorators: [{
@@ -2030,7 +2245,7 @@ var NavigationFlyoutComponent = class NavigationFlyoutComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationFlyoutComponent,
 		deps: [],
@@ -2038,7 +2253,7 @@ var NavigationFlyoutComponent = class NavigationFlyoutComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: NavigationFlyoutComponent,
 		isStandalone: true,
 		selector: "NavigationFlyout",
@@ -2151,7 +2366,7 @@ var NavigationFlyoutComponent = class NavigationFlyoutComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationFlyoutComponent,
 	decorators: [{
@@ -2275,19 +2490,19 @@ i0.ɵɵngDeclareClassMetadata({
 function isCompactDisplay(shell) {
 	const state = shell.displayState();
 	if (state.orientation !== "vertical") return false;
-	if (state.type === "dockbar") return true;
+	if (state.type === "dockbar" || state.type === "minidock") return true;
 	return shell.collapseEnabled() && state.collapsed;
 }
 var NavigationCollapseRootDirective = class NavigationCollapseRootDirective {
 	shell = inject(NAVIGATION_SHELL);
 	collapseEnabled = computed(() => {
 		const state = this.shell.displayState();
-		return state.orientation === "vertical" && (this.shell.collapseEnabled() || state.type === "dockbar");
+		return state.orientation === "vertical" && (this.shell.collapseEnabled() || state.type === "dockbar" || state.type === "minidock");
 	}, ...ngDevMode ? [{ debugName: "collapseEnabled" }] : /* istanbul ignore next */ []);
 	displayCollapsed = computed(() => isCompactDisplay(this.shell), ...ngDevMode ? [{ debugName: "displayCollapsed" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationCollapseRootDirective,
 		deps: [],
@@ -2295,7 +2510,7 @@ var NavigationCollapseRootDirective = class NavigationCollapseRootDirective {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: NavigationCollapseRootDirective,
 		isStandalone: true,
 		selector: "[NavigationCollapseRoot]",
@@ -2308,7 +2523,7 @@ var NavigationCollapseRootDirective = class NavigationCollapseRootDirective {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationCollapseRootDirective,
 	decorators: [{
@@ -2345,7 +2560,7 @@ var NavigationCollapseExpandedDirective = class NavigationCollapseExpandedDirect
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationCollapseExpandedDirective,
 		deps: [],
@@ -2353,7 +2568,7 @@ var NavigationCollapseExpandedDirective = class NavigationCollapseExpandedDirect
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: NavigationCollapseExpandedDirective,
 		isStandalone: true,
 		selector: "[NavigationCollapseExpanded]",
@@ -2362,7 +2577,7 @@ var NavigationCollapseExpandedDirective = class NavigationCollapseExpandedDirect
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationCollapseExpandedDirective,
 	decorators: [{
@@ -2384,7 +2599,7 @@ var NavigationFooterActionComponent = class NavigationFooterActionComponent {
 	hostClasses = computed(() => cn(this.collapsed() ? "hidden" : "ml-auto flex shrink-0 items-center gap-1", this.class()), ...ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationFooterActionComponent,
 		deps: [],
@@ -2392,7 +2607,7 @@ var NavigationFooterActionComponent = class NavigationFooterActionComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: NavigationFooterActionComponent,
 		isStandalone: true,
 		selector: "NavigationFooterAction",
@@ -2411,7 +2626,7 @@ var NavigationFooterActionComponent = class NavigationFooterActionComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationFooterActionComponent,
 	decorators: [{
@@ -2466,7 +2681,7 @@ var NavigationFooterInitialComponent = class NavigationFooterInitialComponent {
 	hostClasses = this.view.hostClasses;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationFooterInitialComponent,
 		deps: [],
@@ -2474,7 +2689,7 @@ var NavigationFooterInitialComponent = class NavigationFooterInitialComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: NavigationFooterInitialComponent,
 		isStandalone: true,
 		selector: "NavigationFooterInitial",
@@ -2525,7 +2740,7 @@ var NavigationFooterInitialComponent = class NavigationFooterInitialComponent {
     @if (src(); as source) {
       <img [src]="source" alt="" class="h-full w-full rounded-[inherit] object-cover" />
     } @else if (icon(); as glyph) {
-      <Icon [name]="glyph" size="inherit" [fill]="1" class="text-(length:--nav-icon-size)" />
+      <Icon [name]="glyph" size="inherit" class="text-(length:--nav-icon-size)" />
     } @else {
       <span class="text-xs font-semibold leading-none">{{ resolvedInitials() }}</span>
     }
@@ -2539,17 +2754,15 @@ var NavigationFooterInitialComponent = class NavigationFooterInitialComponent {
 				"name",
 				"class",
 				"size",
-				"fill",
-				"weight",
-				"grade",
-				"opticalSize"
+				"strokeWidth",
+				"label"
 			]
 		}]
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationFooterInitialComponent,
 	decorators: [{
@@ -2566,7 +2779,7 @@ i0.ɵɵngDeclareClassMetadata({
     @if (src(); as source) {
       <img [src]="source" alt="" class="h-full w-full rounded-[inherit] object-cover" />
     } @else if (icon(); as glyph) {
-      <Icon [name]="glyph" size="inherit" [fill]="1" class="text-(length:--nav-icon-size)" />
+      <Icon [name]="glyph" size="inherit" class="text-(length:--nav-icon-size)" />
     } @else {
       <span class="text-xs font-semibold leading-none">{{ resolvedInitials() }}</span>
     }
@@ -2631,7 +2844,7 @@ var NavigationFooterTitleComponent = class NavigationFooterTitleComponent {
 	hostClasses = computed(() => cn(this.collapsed() ? "hidden" : "flex min-w-0 flex-col justify-center", this.class()), ...ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationFooterTitleComponent,
 		deps: [],
@@ -2639,7 +2852,7 @@ var NavigationFooterTitleComponent = class NavigationFooterTitleComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: NavigationFooterTitleComponent,
 		isStandalone: true,
 		selector: "NavigationFooterTitle",
@@ -2687,7 +2900,7 @@ var NavigationFooterTitleComponent = class NavigationFooterTitleComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationFooterTitleComponent,
 	decorators: [{
@@ -2762,7 +2975,7 @@ var NavigationHeaderInitialComponent = class NavigationHeaderInitialComponent {
 	hostClasses = this.view.hostClasses;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationHeaderInitialComponent,
 		deps: [],
@@ -2770,7 +2983,7 @@ var NavigationHeaderInitialComponent = class NavigationHeaderInitialComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: NavigationHeaderInitialComponent,
 		isStandalone: true,
 		selector: "NavigationHeaderInitial",
@@ -2828,7 +3041,7 @@ var NavigationHeaderInitialComponent = class NavigationHeaderInitialComponent {
     @if (src(); as source) {
       <img [src]="source" alt="" class="h-full w-full rounded-[inherit] object-cover" />
     } @else if (icon(); as glyph) {
-      <Icon [name]="glyph" size="inherit" [fill]="1" [class]="iconClasses()" />
+      <Icon [name]="glyph" size="inherit" [class]="iconClasses()" />
     } @else {
       <span class="text-xs font-semibold leading-none">{{ resolvedInitials() }}</span>
     }
@@ -2842,17 +3055,15 @@ var NavigationHeaderInitialComponent = class NavigationHeaderInitialComponent {
 				"name",
 				"class",
 				"size",
-				"fill",
-				"weight",
-				"grade",
-				"opticalSize"
+				"strokeWidth",
+				"label"
 			]
 		}]
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationHeaderInitialComponent,
 	decorators: [{
@@ -2869,7 +3080,7 @@ i0.ɵɵngDeclareClassMetadata({
     @if (src(); as source) {
       <img [src]="source" alt="" class="h-full w-full rounded-[inherit] object-cover" />
     } @else if (icon(); as glyph) {
-      <Icon [name]="glyph" size="inherit" [fill]="1" [class]="iconClasses()" />
+      <Icon [name]="glyph" size="inherit" [class]="iconClasses()" />
     } @else {
       <span class="text-xs font-semibold leading-none">{{ resolvedInitials() }}</span>
     }
@@ -2942,7 +3153,7 @@ var NavigationHeaderTitleComponent = class NavigationHeaderTitleComponent {
 	hostClasses = computed(() => cn(this.collapsed() ? "hidden" : "flex min-w-0 flex-col justify-center", this.class()), ...ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationHeaderTitleComponent,
 		deps: [],
@@ -2950,7 +3161,7 @@ var NavigationHeaderTitleComponent = class NavigationHeaderTitleComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: NavigationHeaderTitleComponent,
 		isStandalone: true,
 		selector: "NavigationHeaderTitle",
@@ -2998,7 +3209,7 @@ var NavigationHeaderTitleComponent = class NavigationHeaderTitleComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationHeaderTitleComponent,
 	decorators: [{
@@ -3049,4 +3260,4 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-export { NAVIGATION_DOCKBAR_FALLBACK_ICON, NavigationAsideFooterDirective, NavigationCollapseExpandedDirective, NavigationCollapseRootDirective, NavigationContainerComponent, NavigationContentComponent, NavigationDockbarComponent, NavigationFlyoutComponent, NavigationFooterActionComponent, NavigationFooterComponent, NavigationFooterInitialComponent, NavigationFooterTitleComponent, NavigationHeaderComponent, NavigationHeaderInitialComponent, NavigationHeaderTitleComponent, NavigationIconDirective, NavigationNavbarComponent, NavigationSidebarComponent, deriveNavigationInitials, formatNavigationBadgeCount, normalizeUiNavItems };
+export { NAVIGATION_DOCKBAR_FALLBACK_ICON, NavigationAsideFooterDirective, NavigationCollapseExpandedDirective, NavigationCollapseRootDirective, NavigationContainerComponent, NavigationContentComponent, NavigationDockbarComponent, NavigationFlyoutComponent, NavigationFooterActionComponent, NavigationFooterComponent, NavigationFooterInitialComponent, NavigationFooterTitleComponent, NavigationHeaderComponent, NavigationHeaderInitialComponent, NavigationHeaderTitleComponent, NavigationIconDirective, NavigationMinidockComponent, NavigationNavbarComponent, NavigationSidebarComponent, deriveNavigationInitials, formatNavigationBadgeCount, normalizeUiNavItems, toMinidockItems };