@ojiepermana/angular 22.2.0 → 22.2.1

package/fesm2022/ojiepermana-angular-navigation.mjs

@@ -1,11 +1,11 @@
-import { t as NavigationListComponent } from "./ojiepermana-angular-navigation-navigation-list.component-YUzHI9Pj.mjs";
+import { t as NavigationListComponent } from "./ojiepermana-angular-navigation-navigation-list.component-CrK16trj.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 { TooltipDirective } from "@ojiepermana/angular/component/tooltip";
@@ -56,7 +56,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";
 }
@@ -192,6 +192,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 +218,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
 		};
@@ -238,7 +239,7 @@ var NavigationContainerComponent = class NavigationContainerComponent {
 	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 */ []);
 	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-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().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 */ []);
 	constructor() {
 		effect((onCleanup) => {
 			const dataId = this.resolvedDataId();
@@ -247,7 +248,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 +302,7 @@ var NavigationContainerComponent = class NavigationContainerComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: NavigationContainerComponent,
 		deps: [],
@@ -309,7 +310,7 @@ var NavigationContainerComponent = class NavigationContainerComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.2.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: NavigationContainerComponent,
 		isStandalone: true,
 		selector: "Navigation",
@@ -442,7 +443,7 @@ var NavigationContainerComponent = class NavigationContainerComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: NavigationContainerComponent,
 	decorators: [{
@@ -590,10 +591,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.2",
 		ngImport: i0,
 		type: NavigationContentComponent,
 		deps: [],
@@ -601,7 +602,7 @@ var NavigationContentComponent = class NavigationContentComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: NavigationContentComponent,
 		isStandalone: true,
 		selector: "NavigationContent",
@@ -693,6 +694,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 +739,7 @@ var NavigationContentComponent = class NavigationContentComponent {
 				"items",
 				"collapsed",
 				"compact",
+				"fill",
 				"position",
 				"itemClass",
 				"activeIds",
@@ -732,21 +751,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-D2vwEwBY.mjs").then((m) => m.NavigationFlyoutMenuComponent)],
+			() => [import("./ojiepermana-angular-navigation-navigation-horizontal.component-B5D7yXfb.mjs").then((m) => m.NavigationHorizontalComponent)],
+			() => [import("./ojiepermana-angular-navigation-navigation-dockbar-menu.component-COiTaw34.mjs").then((m) => m.NavigationDockbarMenuComponent)]
 		]
 	});
 };
 i0.ɵɵngDeclareClassMetadataAsync({
 	minVersion: "18.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	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-D2vwEwBY.mjs").then((m) => m.NavigationFlyoutMenuComponent),
+		import("./ojiepermana-angular-navigation-navigation-horizontal.component-B5D7yXfb.mjs").then((m) => m.NavigationHorizontalComponent),
+		import("./ojiepermana-angular-navigation-navigation-dockbar-menu.component-COiTaw34.mjs").then((m) => m.NavigationDockbarMenuComponent)
 	],
 	resolveMetadata: (NavigationFlyoutMenuComponent, NavigationHorizontalComponent, NavigationDockbarMenuComponent) => ({
 		decorators: [{
@@ -839,6 +858,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 +918,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.2",
 		ngImport: i0,
 		type: NavigationFooterComponent,
 		deps: [],
@@ -890,7 +926,7 @@ var NavigationFooterComponent = class NavigationFooterComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: NavigationFooterComponent,
 		isStandalone: true,
 		selector: "NavigationFooter",
@@ -916,7 +952,7 @@ var NavigationFooterComponent = class NavigationFooterComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: NavigationFooterComponent,
 	decorators: [{
@@ -954,7 +990,7 @@ 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 */ []);
@@ -970,7 +1006,7 @@ var NavigationHeaderComponent = class NavigationHeaderComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: NavigationHeaderComponent,
 		deps: [],
@@ -978,7 +1014,7 @@ var NavigationHeaderComponent = class NavigationHeaderComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: NavigationHeaderComponent,
 		isStandalone: true,
 		selector: "NavigationHeader",
@@ -1047,7 +1083,7 @@ var NavigationHeaderComponent = class NavigationHeaderComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: NavigationHeaderComponent,
 	decorators: [{
@@ -1138,7 +1174,7 @@ var NavigationSidebarComponent = class NavigationSidebarComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: NavigationSidebarComponent,
 		deps: [],
@@ -1146,7 +1182,7 @@ var NavigationSidebarComponent = class NavigationSidebarComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: NavigationSidebarComponent,
 		isStandalone: true,
 		selector: "NavigationSidebar",
@@ -1238,7 +1274,7 @@ var NavigationSidebarComponent = class NavigationSidebarComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: NavigationSidebarComponent,
 	decorators: [{
@@ -1324,7 +1360,7 @@ var NavigationAsideFooterDirective = class NavigationAsideFooterDirective {
 	templateRef = inject(TemplateRef);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: NavigationAsideFooterDirective,
 		deps: [],
@@ -1332,7 +1368,7 @@ var NavigationAsideFooterDirective = class NavigationAsideFooterDirective {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: NavigationAsideFooterDirective,
 		isStandalone: true,
 		selector: "ng-template[NavigationAsideFooter]",
@@ -1341,7 +1377,7 @@ var NavigationAsideFooterDirective = class NavigationAsideFooterDirective {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: NavigationAsideFooterDirective,
 	decorators: [{
@@ -1414,7 +1450,7 @@ var NavigationDockbarComponent = class NavigationDockbarComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: NavigationDockbarComponent,
 		deps: [],
@@ -1422,7 +1458,7 @@ var NavigationDockbarComponent = class NavigationDockbarComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: NavigationDockbarComponent,
 		isStandalone: true,
 		selector: "NavigationDockbar",
@@ -1620,15 +1656,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-DYuysKVf.mjs").then((m) => m.NavigationBadgeCountComponent)]]
 	});
 };
 i0.ɵɵngDeclareClassMetadataAsync({
 	minVersion: "18.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	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-DYuysKVf.mjs").then((m) => m.NavigationBadgeCountComponent)],
 	resolveMetadata: (NavigationBadgeCountComponent) => ({
 		decorators: [{
 			type: Component,
@@ -1777,6 +1813,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.2",
+		ngImport: i0,
+		type: NavigationMinidockComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		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.2",
+	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 +2012,7 @@ var NavigationNavbarComponent = class NavigationNavbarComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: NavigationNavbarComponent,
 		deps: [],
@@ -1816,7 +2020,7 @@ var NavigationNavbarComponent = class NavigationNavbarComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: NavigationNavbarComponent,
 		isStandalone: true,
 		selector: "NavigationNavbar",
@@ -1894,7 +2098,7 @@ var NavigationNavbarComponent = class NavigationNavbarComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: NavigationNavbarComponent,
 	decorators: [{
@@ -2030,7 +2234,7 @@ var NavigationFlyoutComponent = class NavigationFlyoutComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: NavigationFlyoutComponent,
 		deps: [],
@@ -2038,7 +2242,7 @@ var NavigationFlyoutComponent = class NavigationFlyoutComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: NavigationFlyoutComponent,
 		isStandalone: true,
 		selector: "NavigationFlyout",
@@ -2151,7 +2355,7 @@ var NavigationFlyoutComponent = class NavigationFlyoutComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: NavigationFlyoutComponent,
 	decorators: [{
@@ -2275,19 +2479,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.2",
 		ngImport: i0,
 		type: NavigationCollapseRootDirective,
 		deps: [],
@@ -2295,7 +2499,7 @@ var NavigationCollapseRootDirective = class NavigationCollapseRootDirective {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: NavigationCollapseRootDirective,
 		isStandalone: true,
 		selector: "[NavigationCollapseRoot]",
@@ -2308,7 +2512,7 @@ var NavigationCollapseRootDirective = class NavigationCollapseRootDirective {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: NavigationCollapseRootDirective,
 	decorators: [{
@@ -2345,7 +2549,7 @@ var NavigationCollapseExpandedDirective = class NavigationCollapseExpandedDirect
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: NavigationCollapseExpandedDirective,
 		deps: [],
@@ -2353,7 +2557,7 @@ var NavigationCollapseExpandedDirective = class NavigationCollapseExpandedDirect
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: NavigationCollapseExpandedDirective,
 		isStandalone: true,
 		selector: "[NavigationCollapseExpanded]",
@@ -2362,7 +2566,7 @@ var NavigationCollapseExpandedDirective = class NavigationCollapseExpandedDirect
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: NavigationCollapseExpandedDirective,
 	decorators: [{
@@ -2384,7 +2588,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.2",
 		ngImport: i0,
 		type: NavigationFooterActionComponent,
 		deps: [],
@@ -2392,7 +2596,7 @@ var NavigationFooterActionComponent = class NavigationFooterActionComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: NavigationFooterActionComponent,
 		isStandalone: true,
 		selector: "NavigationFooterAction",
@@ -2411,7 +2615,7 @@ var NavigationFooterActionComponent = class NavigationFooterActionComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: NavigationFooterActionComponent,
 	decorators: [{
@@ -2466,7 +2670,7 @@ var NavigationFooterInitialComponent = class NavigationFooterInitialComponent {
 	hostClasses = this.view.hostClasses;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: NavigationFooterInitialComponent,
 		deps: [],
@@ -2474,7 +2678,7 @@ var NavigationFooterInitialComponent = class NavigationFooterInitialComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: NavigationFooterInitialComponent,
 		isStandalone: true,
 		selector: "NavigationFooterInitial",
@@ -2549,7 +2753,7 @@ var NavigationFooterInitialComponent = class NavigationFooterInitialComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: NavigationFooterInitialComponent,
 	decorators: [{
@@ -2631,7 +2835,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.2",
 		ngImport: i0,
 		type: NavigationFooterTitleComponent,
 		deps: [],
@@ -2639,7 +2843,7 @@ var NavigationFooterTitleComponent = class NavigationFooterTitleComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: NavigationFooterTitleComponent,
 		isStandalone: true,
 		selector: "NavigationFooterTitle",
@@ -2687,7 +2891,7 @@ var NavigationFooterTitleComponent = class NavigationFooterTitleComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: NavigationFooterTitleComponent,
 	decorators: [{
@@ -2762,7 +2966,7 @@ var NavigationHeaderInitialComponent = class NavigationHeaderInitialComponent {
 	hostClasses = this.view.hostClasses;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: NavigationHeaderInitialComponent,
 		deps: [],
@@ -2770,7 +2974,7 @@ var NavigationHeaderInitialComponent = class NavigationHeaderInitialComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: NavigationHeaderInitialComponent,
 		isStandalone: true,
 		selector: "NavigationHeaderInitial",
@@ -2852,7 +3056,7 @@ var NavigationHeaderInitialComponent = class NavigationHeaderInitialComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: NavigationHeaderInitialComponent,
 	decorators: [{
@@ -2942,7 +3146,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.2",
 		ngImport: i0,
 		type: NavigationHeaderTitleComponent,
 		deps: [],
@@ -2950,7 +3154,7 @@ var NavigationHeaderTitleComponent = class NavigationHeaderTitleComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: NavigationHeaderTitleComponent,
 		isStandalone: true,
 		selector: "NavigationHeaderTitle",
@@ -2998,7 +3202,7 @@ var NavigationHeaderTitleComponent = class NavigationHeaderTitleComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: NavigationHeaderTitleComponent,
 	decorators: [{
@@ -3049,4 +3253,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 };