@ojiepermana/angular 22.2.0 → 22.2.1

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

@@ -1,12 +1,13 @@
 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 { NavigationAsideFooterDirective, NavigationContainerComponent, NavigationDockbarComponent, NavigationFlyoutComponent, NavigationFooterActionComponent, NavigationFooterComponent, NavigationFooterInitialComponent, NavigationFooterTitleComponent, NavigationHeaderComponent, NavigationHeaderInitialComponent, NavigationHeaderTitleComponent, NavigationMinidockComponent, NavigationNavbarComponent, NavigationSidebarComponent } from "@ojiepermana/angular/navigation";
 import { IconComponent } 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 +23,7 @@ var LayoutIdentityService = class LayoutIdentityService {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: LayoutIdentityService,
 		deps: [],
@@ -30,14 +31,14 @@ var LayoutIdentityService = class LayoutIdentityService {
 	});
 	static ɵprov = i0.ɵɵngDeclareService({
 		minVersion: "22.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: LayoutIdentityService
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: LayoutIdentityService,
 	decorators: [{ type: Service }]
@@ -50,7 +51,7 @@ var LayoutBrand = class LayoutBrand {
 	});
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: LayoutBrand,
 		deps: [],
@@ -58,7 +59,7 @@ var LayoutBrand = class LayoutBrand {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: LayoutBrand,
 		isStandalone: true,
 		selector: "LayoutBrand",
@@ -113,7 +114,7 @@ var LayoutBrand = class LayoutBrand {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: LayoutBrand,
 	decorators: [{
@@ -160,7 +161,7 @@ var LayoutUser = class LayoutUser {
 	logout = output();
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: LayoutUser,
 		deps: [],
@@ -168,7 +169,7 @@ var LayoutUser = class LayoutUser {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: LayoutUser,
 		isStandalone: true,
 		selector: "LayoutUser",
@@ -288,7 +289,7 @@ var LayoutUser = class LayoutUser {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: LayoutUser,
 	decorators: [{
@@ -377,7 +378,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.2",
 		ngImport: i0,
 		type: LayoutNavSidebar,
 		deps: [],
@@ -385,7 +386,7 @@ var LayoutNavSidebar = class LayoutNavSidebar {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: LayoutNavSidebar,
 		isStandalone: true,
 		selector: "LayoutNavSidebar",
@@ -481,7 +482,7 @@ var LayoutNavSidebar = class LayoutNavSidebar {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: LayoutNavSidebar,
 	decorators: [{
@@ -574,7 +575,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.2",
 		ngImport: i0,
 		type: LayoutNavDockbar,
 		deps: [],
@@ -582,7 +583,7 @@ var LayoutNavDockbar = class LayoutNavDockbar {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: LayoutNavDockbar,
 		isStandalone: true,
 		selector: "LayoutNavDockbar",
@@ -739,7 +740,7 @@ var LayoutNavDockbar = class LayoutNavDockbar {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: LayoutNavDockbar,
 	decorators: [{
@@ -851,6 +852,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.2",
+		ngImport: i0,
+		type: LayoutNavMinidock,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		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.2",
+	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 +1017,7 @@ var LayoutNavNavbar = class LayoutNavNavbar {
 	logout = output();
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: LayoutNavNavbar,
 		deps: [],
@@ -866,7 +1025,7 @@ var LayoutNavNavbar = class LayoutNavNavbar {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: LayoutNavNavbar,
 		isStandalone: true,
 		selector: "LayoutNavNavbar",
@@ -953,7 +1112,7 @@ var LayoutNavNavbar = class LayoutNavNavbar {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: LayoutNavNavbar,
 	decorators: [{
@@ -1018,7 +1177,7 @@ var LayoutNavFlyout = class LayoutNavFlyout {
 	logout = output();
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		ngImport: i0,
 		type: LayoutNavFlyout,
 		deps: [],
@@ -1026,7 +1185,7 @@ var LayoutNavFlyout = class LayoutNavFlyout {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: LayoutNavFlyout,
 		isStandalone: true,
 		selector: "LayoutNavFlyout",
@@ -1127,7 +1286,7 @@ var LayoutNavFlyout = class LayoutNavFlyout {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: LayoutNavFlyout,
 	decorators: [{
@@ -1194,7 +1353,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.2",
 		ngImport: i0,
 		type: LayoutNavMinimal,
 		deps: [],
@@ -1202,7 +1361,7 @@ var LayoutNavMinimal = class LayoutNavMinimal {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: LayoutNavMinimal,
 		isStandalone: true,
 		selector: "LayoutNavMinimal",
@@ -1253,7 +1412,7 @@ var LayoutNavMinimal = class LayoutNavMinimal {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	ngImport: i0,
 	type: LayoutNavMinimal,
 	decorators: [{
@@ -1285,6 +1444,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 +1504,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() {
@@ -1353,6 +1515,11 @@ var LayoutWrapperDefault = class LayoutWrapperDefault {
 			this.navigation.publishData(LAYOUT_DESKTOP_NAVIGATION_DATA_ID, this.data(), this.desktopNavigationDataOwner);
 			onCleanup(() => this.navigation.clearData(LAYOUT_DESKTOP_NAVIGATION_DATA_ID, 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)");
 			if (!media) return;
@@ -1378,6 +1545,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 +1562,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.2",
 		ngImport: i0,
 		type: LayoutWrapperDefault,
 		deps: [],
@@ -1400,7 +1570,7 @@ var LayoutWrapperDefault = class LayoutWrapperDefault {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.2",
 		type: LayoutWrapperDefault,
 		isStandalone: true,
 		selector: "LayoutWrapperDefault",
@@ -1623,7 +1793,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 +1827,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 +2007,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 +2057,7 @@ var LayoutWrapperDefault = class LayoutWrapperDefault {
 };
 i0.ɵɵngDeclareClassMetadataAsync({
 	minVersion: "18.0.0",
-	version: "22.2.0",
+	version: "22.2.2",
 	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 +2082,7 @@ i0.ɵɵngDeclareClassMetadataAsync({
 					LayoutBrand,
 					LayoutNavSidebar,
 					LayoutNavDockbar,
+					LayoutNavMinidock,
 					LayoutNavNavbar,
 					LayoutNavFlyout,
 					LayoutNavMinimal
@@ -1970,7 +2165,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 +2199,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 +2420,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 };