@ojiepermana/angular 22.2.0 → 22.2.2

package/fesm2022/ojiepermana-angular-theme-layout-wrapper.mjs

@@ -1,12 +1,14 @@
 import * as i0 from "@angular/core";
 import { Component, Service, booleanAttribute, computed, effect, inject, input, model, output, signal, viewChild } from "@angular/core";
-import { NavigationAsideFooterDirective, NavigationContainerComponent, NavigationDockbarComponent, NavigationFlyoutComponent, NavigationFooterActionComponent, NavigationFooterComponent, NavigationFooterInitialComponent, NavigationFooterTitleComponent, NavigationHeaderComponent, NavigationHeaderInitialComponent, NavigationHeaderTitleComponent, NavigationNavbarComponent, NavigationSidebarComponent } from "@ojiepermana/angular/navigation";
-import { IconComponent } from "@ojiepermana/angular/component/icon";
+import { NavigationAsideFooterDirective, NavigationContainerComponent, NavigationDockbarComponent, NavigationFlyoutComponent, NavigationFooterActionComponent, NavigationFooterComponent, NavigationFooterInitialComponent, NavigationFooterTitleComponent, NavigationHeaderComponent, NavigationHeaderInitialComponent, NavigationHeaderTitleComponent, NavigationMinidockComponent, NavigationNavbarComponent, NavigationSidebarComponent } from "@ojiepermana/angular/navigation";
+import { LucideGrip, LucideLogOut } from "@lucide/angular";
+import { IconComponent, provideIcons } from "@ojiepermana/angular/component/icon";
 import { ThemeSettingsComponent } from "@ojiepermana/angular/theme/component/settings";
 import { DOCUMENT, NgTemplateOutlet } from "@angular/common";
 import { cn } from "@ojiepermana/angular/component/utils/core";
 import { LayoutComponent, LayoutContentComponent, LayoutEmptyComponent, LayoutFluidComponent, LayoutHorizontalComponent, LayoutNavigationComponent, LayoutVerticalComponent } from "@ojiepermana/angular/theme/layout";
 import { LAYOUT_DEFAULT_APPEARANCE, LAYOUT_DEFAULT_SURFACE, LAYOUT_DEFAULT_TYPE, LAYOUT_DEFAULT_WIDTH } from "@ojiepermana/angular/theme/layout/types";
+import { toMinidockItems } from "@ojiepermana/angular/navigation/types";
 import { NAVIGATION_ADAPTER } from "@ojiepermana/angular/navigation/core";
 const LAYOUT_DESKTOP_NAVIGATION_DATA_ID = "__layout-desktop-navigation";
 var LayoutIdentityService = class LayoutIdentityService {
@@ -22,7 +24,7 @@ var LayoutIdentityService = class LayoutIdentityService {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: LayoutIdentityService,
 		deps: [],
@@ -30,14 +32,14 @@ var LayoutIdentityService = class LayoutIdentityService {
 	});
 	static ɵprov = i0.ɵɵngDeclareService({
 		minVersion: "22.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: LayoutIdentityService
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: LayoutIdentityService,
 	decorators: [{ type: Service }]
@@ -50,7 +52,7 @@ var LayoutBrand = class LayoutBrand {
 	});
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: LayoutBrand,
 		deps: [],
@@ -58,7 +60,7 @@ var LayoutBrand = class LayoutBrand {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: LayoutBrand,
 		isStandalone: true,
 		selector: "LayoutBrand",
@@ -113,7 +115,7 @@ var LayoutBrand = class LayoutBrand {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: LayoutBrand,
 	decorators: [{
@@ -156,11 +158,11 @@ var LayoutUser = class LayoutUser {
 		transform: booleanAttribute
 	});
 	logoutLabel = input("Logout", ...ngDevMode ? [{ debugName: "logoutLabel" }] : /* istanbul ignore next */ []);
-	logoutIcon = input("logout", ...ngDevMode ? [{ debugName: "logoutIcon" }] : /* istanbul ignore next */ []);
+	logoutIcon = input("log-out", ...ngDevMode ? [{ debugName: "logoutIcon" }] : /* istanbul ignore next */ []);
 	logout = output();
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: LayoutUser,
 		deps: [],
@@ -168,7 +170,7 @@ var LayoutUser = class LayoutUser {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: LayoutUser,
 		isStandalone: true,
 		selector: "LayoutUser",
@@ -204,6 +206,7 @@ var LayoutUser = class LayoutUser {
 		},
 		outputs: { logout: "logout" },
 		host: { classAttribute: "contents" },
+		providers: [provideIcons(LucideLogOut)],
 		ngImport: i0,
 		template: `
     @if (detailed()) {
@@ -234,10 +237,8 @@ var LayoutUser = class LayoutUser {
 					"name",
 					"class",
 					"size",
-					"fill",
-					"weight",
-					"grade",
-					"opticalSize"
+					"strokeWidth",
+					"label"
 				]
 			},
 			{
@@ -288,13 +289,14 @@ var LayoutUser = class LayoutUser {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: LayoutUser,
 	decorators: [{
 		type: Component,
 		args: [{
 			selector: "LayoutUser",
+			providers: [provideIcons(LucideLogOut)],
 			imports: [
 				IconComponent,
 				ThemeSettingsComponent,
@@ -377,7 +379,7 @@ var LayoutNavSidebar = class LayoutNavSidebar {
 	shellClass = computed(() => this.isBorderRail() ? "border-r-[length:var(--layout-rail-width)] border-border" : "border-r border-border", ...ngDevMode ? [{ debugName: "shellClass" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: LayoutNavSidebar,
 		deps: [],
@@ -385,7 +387,7 @@ var LayoutNavSidebar = class LayoutNavSidebar {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: LayoutNavSidebar,
 		isStandalone: true,
 		selector: "LayoutNavSidebar",
@@ -481,7 +483,7 @@ var LayoutNavSidebar = class LayoutNavSidebar {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: LayoutNavSidebar,
 	decorators: [{
@@ -574,7 +576,7 @@ var LayoutNavDockbar = class LayoutNavDockbar {
 	shellClass = computed(() => this.isBorderRail() ? "border-r-[length:var(--layout-rail-width)] border-border" : "border-r border-border", ...ngDevMode ? [{ debugName: "shellClass" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: LayoutNavDockbar,
 		deps: [],
@@ -582,7 +584,7 @@ var LayoutNavDockbar = class LayoutNavDockbar {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: LayoutNavDockbar,
 		isStandalone: true,
 		selector: "LayoutNavDockbar",
@@ -632,6 +634,7 @@ var LayoutNavDockbar = class LayoutNavDockbar {
 		},
 		outputs: { logout: "logout" },
 		host: { classAttribute: "contents" },
+		providers: [provideIcons(LucideLogOut)],
 		ngImport: i0,
 		template: `
     <NavigationDockbar
@@ -666,7 +669,7 @@ var LayoutNavDockbar = class LayoutNavDockbar {
           class="ml-auto inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
           (click)="logout.emit()"
         >
-          <Icon name="logout" [size]="18" />
+          <Icon name="log-out" [size]="18" />
         </button>
       </ng-template>
     </NavigationDockbar>
@@ -681,10 +684,8 @@ var LayoutNavDockbar = class LayoutNavDockbar {
 					"name",
 					"class",
 					"size",
-					"fill",
-					"weight",
-					"grade",
-					"opticalSize"
+					"strokeWidth",
+					"label"
 				]
 			},
 			{
@@ -739,13 +740,14 @@ var LayoutNavDockbar = class LayoutNavDockbar {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: LayoutNavDockbar,
 	decorators: [{
 		type: Component,
 		args: [{
 			selector: "LayoutNavDockbar",
+			providers: [provideIcons(LucideLogOut)],
 			imports: [
 				IconComponent,
 				NavigationAsideFooterDirective,
@@ -789,7 +791,7 @@ i0.ɵɵngDeclareClassMetadata({
           class="ml-auto inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
           (click)="logout.emit()"
         >
-          <Icon name="logout" [size]="18" />
+          <Icon name="log-out" [size]="18" />
         </button>
       </ng-template>
     </NavigationDockbar>
@@ -851,6 +853,164 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
+var LayoutNavMinidock = class LayoutNavMinidock {
+	brand = input.required(...ngDevMode ? [{ debugName: "brand" }] : /* istanbul ignore next */ []);
+	user = input.required(...ngDevMode ? [{ debugName: "user" }] : /* istanbul ignore next */ []);
+	appearance = input("flat", ...ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []);
+	logout = output();
+	isBorderRail = computed(() => this.appearance() === "border-rail", ...ngDevMode ? [{ debugName: "isBorderRail" }] : /* istanbul ignore next */ []);
+	shellClass = computed(() => this.isBorderRail() ? "border-r-[length:var(--layout-rail-width)] border-border" : "border-r border-border", ...ngDevMode ? [{ debugName: "shellClass" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: LayoutNavMinidock,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.3",
+		type: LayoutNavMinidock,
+		isStandalone: true,
+		selector: "LayoutNavMinidock",
+		inputs: {
+			brand: {
+				classPropertyName: "brand",
+				publicName: "brand",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			user: {
+				classPropertyName: "user",
+				publicName: "user",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			appearance: {
+				classPropertyName: "appearance",
+				publicName: "appearance",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { logout: "logout" },
+		host: { classAttribute: "contents" },
+		ngImport: i0,
+		template: `
+    <NavigationMinidock [class]="shellClass()">
+      <NavigationHeader>
+        <LayoutBrand [brand]="brand()" />
+      </NavigationHeader>
+      <NavigationFooter class="px-3">
+        <LayoutUser [user]="user()" detailed (logout)="logout.emit()" />
+      </NavigationFooter>
+    </NavigationMinidock>
+  `,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "component",
+				type: NavigationMinidockComponent,
+				selector: "NavigationMinidock",
+				inputs: ["position", "class"]
+			},
+			{
+				kind: "component",
+				type: NavigationHeaderComponent,
+				selector: "NavigationHeader",
+				inputs: ["toggle", "class"]
+			},
+			{
+				kind: "component",
+				type: NavigationFooterComponent,
+				selector: "NavigationFooter",
+				inputs: ["class"]
+			},
+			{
+				kind: "component",
+				type: LayoutBrand,
+				selector: "LayoutBrand",
+				inputs: ["brand", "compact"]
+			},
+			{
+				kind: "component",
+				type: LayoutUser,
+				selector: "LayoutUser",
+				inputs: [
+					"user",
+					"detailed",
+					"logoutLabel",
+					"logoutIcon"
+				],
+				outputs: ["logout"]
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: LayoutNavMinidock,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "LayoutNavMinidock",
+			imports: [
+				NavigationMinidockComponent,
+				NavigationHeaderComponent,
+				NavigationFooterComponent,
+				LayoutBrand,
+				LayoutUser
+			],
+			host: { class: "contents" },
+			template: `
+    <NavigationMinidock [class]="shellClass()">
+      <NavigationHeader>
+        <LayoutBrand [brand]="brand()" />
+      </NavigationHeader>
+      <NavigationFooter class="px-3">
+        <LayoutUser [user]="user()" detailed (logout)="logout.emit()" />
+      </NavigationFooter>
+    </NavigationMinidock>
+  `
+		}]
+	}],
+	propDecorators: {
+		brand: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "brand",
+				required: true
+			}]
+		}],
+		user: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "user",
+				required: true
+			}]
+		}],
+		appearance: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "appearance",
+				required: false
+			}]
+		}],
+		logout: [{
+			type: i0.Output,
+			args: ["logout"]
+		}]
+	}
+});
 var LayoutNavNavbar = class LayoutNavNavbar {
 	brand = input.required(...ngDevMode ? [{ debugName: "brand" }] : /* istanbul ignore next */ []);
 	user = input.required(...ngDevMode ? [{ debugName: "user" }] : /* istanbul ignore next */ []);
@@ -858,7 +1018,7 @@ var LayoutNavNavbar = class LayoutNavNavbar {
 	logout = output();
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: LayoutNavNavbar,
 		deps: [],
@@ -866,7 +1026,7 @@ var LayoutNavNavbar = class LayoutNavNavbar {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: LayoutNavNavbar,
 		isStandalone: true,
 		selector: "LayoutNavNavbar",
@@ -953,7 +1113,7 @@ var LayoutNavNavbar = class LayoutNavNavbar {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: LayoutNavNavbar,
 	decorators: [{
@@ -1018,7 +1178,7 @@ var LayoutNavFlyout = class LayoutNavFlyout {
 	logout = output();
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: LayoutNavFlyout,
 		deps: [],
@@ -1026,7 +1186,7 @@ var LayoutNavFlyout = class LayoutNavFlyout {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: LayoutNavFlyout,
 		isStandalone: true,
 		selector: "LayoutNavFlyout",
@@ -1055,12 +1215,13 @@ var LayoutNavFlyout = class LayoutNavFlyout {
 		},
 		outputs: { logout: "logout" },
 		host: { classAttribute: "contents" },
+		providers: [provideIcons(LucideGrip)],
 		ngImport: i0,
 		template: `
     <NavigationFlyout
       [nav-type-style]="appearance()"
       label="Menu"
-      icon="apps"
+      icon="grip"
       class="border-b border-border"
     >
       <NavigationHeader>
@@ -1127,13 +1288,14 @@ var LayoutNavFlyout = class LayoutNavFlyout {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: LayoutNavFlyout,
 	decorators: [{
 		type: Component,
 		args: [{
 			selector: "LayoutNavFlyout",
+			providers: [provideIcons(LucideGrip)],
 			imports: [
 				NavigationFlyoutComponent,
 				NavigationHeaderComponent,
@@ -1146,7 +1308,7 @@ i0.ɵɵngDeclareClassMetadata({
     <NavigationFlyout
       [nav-type-style]="appearance()"
       label="Menu"
-      icon="apps"
+      icon="grip"
       class="border-b border-border"
     >
       <NavigationHeader>
@@ -1194,7 +1356,7 @@ var LayoutNavMinimal = class LayoutNavMinimal {
 	brand = input.required(...ngDevMode ? [{ debugName: "brand" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: LayoutNavMinimal,
 		deps: [],
@@ -1202,7 +1364,7 @@ var LayoutNavMinimal = class LayoutNavMinimal {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: LayoutNavMinimal,
 		isStandalone: true,
 		selector: "LayoutNavMinimal",
@@ -1253,7 +1415,7 @@ var LayoutNavMinimal = class LayoutNavMinimal {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: LayoutNavMinimal,
 	decorators: [{
@@ -1285,6 +1447,8 @@ i0.ɵɵngDeclareClassMetadata({
 	}] }
 });
 const EMPTY_NAVIGATION_BADGE_CONTEXT = Object.freeze({});
+const MAIN_NAVIGATION_ID = "main";
+const MINIDOCK_NAVIGATION_DATA_ID = "main-minidock";
 var LayoutWrapperDefault = class LayoutWrapperDefault {
 	surface = input(LAYOUT_DEFAULT_SURFACE, ...ngDevMode ? [{ debugName: "surface" }] : /* istanbul ignore next */ []);
 	appearance = input(LAYOUT_DEFAULT_APPEARANCE, {
@@ -1343,6 +1507,7 @@ var LayoutWrapperDefault = class LayoutWrapperDefault {
 	identity = inject(LayoutIdentityService);
 	navigation = inject(NAVIGATION_ADAPTER);
 	desktopNavigationDataOwner = {};
+	minidockMainDataOwner = {};
 	document = inject(DOCUMENT, { optional: true });
 	mobileNavTriggerRef = viewChild("mobileNavTrigger", ...ngDevMode ? [{ debugName: "mobileNavTriggerRef" }] : /* istanbul ignore next */ []);
 	constructor() {
@@ -1350,8 +1515,14 @@ var LayoutWrapperDefault = class LayoutWrapperDefault {
 		effect(() => this.identity.setUser(this.user()));
 		effect((onCleanup) => {
 			if (this.navType() !== "desktop") return;
-			this.navigation.publishData(LAYOUT_DESKTOP_NAVIGATION_DATA_ID, this.data(), this.desktopNavigationDataOwner);
-			onCleanup(() => this.navigation.clearData(LAYOUT_DESKTOP_NAVIGATION_DATA_ID, this.desktopNavigationDataOwner));
+			const dataId = this.effectiveLayoutType() === "empty" ? MAIN_NAVIGATION_ID : LAYOUT_DESKTOP_NAVIGATION_DATA_ID;
+			this.navigation.publishData(dataId, this.data(), this.desktopNavigationDataOwner);
+			onCleanup(() => this.navigation.clearData(dataId, this.desktopNavigationDataOwner));
+		});
+		effect((onCleanup) => {
+			if (this.navKind() !== "minidock") return;
+			this.navigation.publishData(MAIN_NAVIGATION_ID, this.data(), this.minidockMainDataOwner);
+			onCleanup(() => this.navigation.clearData(MAIN_NAVIGATION_ID, this.minidockMainDataOwner));
 		});
 		effect((onCleanup) => {
 			const media = this.document?.defaultView?.matchMedia?.("(min-width: 640px)");
@@ -1378,6 +1549,9 @@ var LayoutWrapperDefault = class LayoutWrapperDefault {
 		const navType = this.navType();
 		return layoutType === "empty" || layoutType === "fluid" || navType === "desktop" ? "brand" : navType;
 	}, ...ngDevMode ? [{ debugName: "navKind" }] : /* istanbul ignore next */ []);
+	minidockData = computed(() => toMinidockItems(this.data()), ...ngDevMode ? [{ debugName: "minidockData" }] : /* istanbul ignore next */ []);
+	desktopDataId = computed(() => this.navKind() === "minidock" ? MINIDOCK_NAVIGATION_DATA_ID : MAIN_NAVIGATION_ID, ...ngDevMode ? [{ debugName: "desktopDataId" }] : /* istanbul ignore next */ []);
+	desktopData = computed(() => this.navKind() === "minidock" ? this.minidockData() : this.data(), ...ngDevMode ? [{ debugName: "desktopData" }] : /* istanbul ignore next */ []);
 	navClass = computed(() => this.effectiveLayoutType() === "horizontal" ? "w-full" : "h-full", ...ngDevMode ? [{ debugName: "navClass" }] : /* istanbul ignore next */ []);
 	showsMobileNavigation = computed(() => {
 		if (this.navType() === "desktop") return false;
@@ -1392,7 +1566,7 @@ var LayoutWrapperDefault = class LayoutWrapperDefault {
 	contentClass = computed(() => cn(this.effectiveLayoutType() === "fluid" ? "w-full max-w-3xl" : "", this.contentClassInput()), ...ngDevMode ? [{ debugName: "contentClass" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: LayoutWrapperDefault,
 		deps: [],
@@ -1400,7 +1574,7 @@ var LayoutWrapperDefault = class LayoutWrapperDefault {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: LayoutWrapperDefault,
 		isStandalone: true,
 		selector: "LayoutWrapperDefault",
@@ -1588,12 +1762,14 @@ var LayoutWrapperDefault = class LayoutWrapperDefault {
               </div>
 
               @defer (when mobileNavOpen()) {
+                <!-- Inside the sheet, closing is the action: the sidebar's own collapse
+                     toggle is hidden so the sheet close is the one control in the corner. -->
                 <Sheet
                   [open]="mobileNavOpen()"
                   (openChange)="mobileNavOpen.set($event)"
                   [restoreFocus]="mobileNavTriggerRef()?.nativeElement ?? null"
                   side="left"
-                  class="w-3/4 p-0! sm:max-w-sm [&_.sheet-close-button]:z-50"
+                  class="w-3/4 p-0! sm:max-w-sm [&_.sheet-close-button]:z-50 [&_[data-navigation-header-toggle]]:hidden"
                   [closeButtonLabel]="closeMobileNavLabel()"
                 >
                   <SheetTitle class="sr-only">{{ mobileNavLabel() }}</SheetTitle>
@@ -1623,7 +1799,12 @@ var LayoutWrapperDefault = class LayoutWrapperDefault {
               [landmark]="false"
               class="max-sm:hidden"
             >
-              <Navigation id="main" data-id="main" [data]="data()" [class]="navClass()">
+              <Navigation
+                id="main"
+                [data-id]="desktopDataId()"
+                [data]="desktopData()"
+                [class]="navClass()"
+              >
                 @switch (navKind()) {
                   @case ('navbar') {
                     <LayoutNavNavbar
@@ -1652,6 +1833,14 @@ var LayoutWrapperDefault = class LayoutWrapperDefault {
                       (logout)="logout.emit()"
                     />
                   }
+                  @case ('minidock') {
+                    <LayoutNavMinidock
+                      [brand]="brand()"
+                      [user]="user()"
+                      [appearance]="appearance()"
+                      (logout)="logout.emit()"
+                    />
+                  }
                   @case ('brand') {
                     <LayoutNavMinimal [brand]="brand()" />
                   }
@@ -1824,6 +2013,17 @@ var LayoutWrapperDefault = class LayoutWrapperDefault {
 				],
 				outputs: ["logout"]
 			},
+			{
+				kind: "component",
+				type: LayoutNavMinidock,
+				selector: "LayoutNavMinidock",
+				inputs: [
+					"brand",
+					"user",
+					"appearance"
+				],
+				outputs: ["logout"]
+			},
 			{
 				kind: "component",
 				type: LayoutNavNavbar,
@@ -1863,7 +2063,7 @@ var LayoutWrapperDefault = class LayoutWrapperDefault {
 };
 i0.ɵɵngDeclareClassMetadataAsync({
 	minVersion: "18.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: LayoutWrapperDefault,
 	resolveDeferredDeps: () => [import("@ojiepermana/angular/component/sheet").then((m) => m.SheetComponent), import("@ojiepermana/angular/component/sheet").then((m) => m.SheetTitleComponent)],
@@ -1888,6 +2088,7 @@ i0.ɵɵngDeclareClassMetadataAsync({
 					LayoutBrand,
 					LayoutNavSidebar,
 					LayoutNavDockbar,
+					LayoutNavMinidock,
 					LayoutNavNavbar,
 					LayoutNavFlyout,
 					LayoutNavMinimal
@@ -1935,12 +2136,14 @@ i0.ɵɵngDeclareClassMetadataAsync({
               </div>
 
               @defer (when mobileNavOpen()) {
+                <!-- Inside the sheet, closing is the action: the sidebar's own collapse
+                     toggle is hidden so the sheet close is the one control in the corner. -->
                 <Sheet
                   [open]="mobileNavOpen()"
                   (openChange)="mobileNavOpen.set($event)"
                   [restoreFocus]="mobileNavTriggerRef()?.nativeElement ?? null"
                   side="left"
-                  class="w-3/4 p-0! sm:max-w-sm [&_.sheet-close-button]:z-50"
+                  class="w-3/4 p-0! sm:max-w-sm [&_.sheet-close-button]:z-50 [&_[data-navigation-header-toggle]]:hidden"
                   [closeButtonLabel]="closeMobileNavLabel()"
                 >
                   <SheetTitle class="sr-only">{{ mobileNavLabel() }}</SheetTitle>
@@ -1970,7 +2173,12 @@ i0.ɵɵngDeclareClassMetadataAsync({
               [landmark]="false"
               class="max-sm:hidden"
             >
-              <Navigation id="main" data-id="main" [data]="data()" [class]="navClass()">
+              <Navigation
+                id="main"
+                [data-id]="desktopDataId()"
+                [data]="desktopData()"
+                [class]="navClass()"
+              >
                 @switch (navKind()) {
                   @case ('navbar') {
                     <LayoutNavNavbar
@@ -1999,6 +2207,14 @@ i0.ɵɵngDeclareClassMetadataAsync({
                       (logout)="logout.emit()"
                     />
                   }
+                  @case ('minidock') {
+                    <LayoutNavMinidock
+                      [brand]="brand()"
+                      [user]="user()"
+                      [appearance]="appearance()"
+                      (logout)="logout.emit()"
+                    />
+                  }
                   @case ('brand') {
                     <LayoutNavMinimal [brand]="brand()" />
                   }
@@ -2212,4 +2428,4 @@ i0.ɵɵngDeclareClassMetadataAsync({
 		}
 	})
 });
-export { LAYOUT_DESKTOP_NAVIGATION_DATA_ID, LayoutBrand, LayoutIdentityService, LayoutNavDockbar, LayoutNavFlyout, LayoutNavMinimal, LayoutNavNavbar, LayoutNavSidebar, LayoutUser, LayoutWrapperDefault };
+export { LAYOUT_DESKTOP_NAVIGATION_DATA_ID, LayoutBrand, LayoutIdentityService, LayoutNavDockbar, LayoutNavFlyout, LayoutNavMinidock, LayoutNavMinimal, LayoutNavNavbar, LayoutNavSidebar, LayoutUser, LayoutWrapperDefault };