@ojiepermana/angular 22.2.1 → 22.2.3

package/fesm2022/ojiepermana-angular-theme-page-filter.mjs

@@ -44,7 +44,7 @@ var PageFilterComponent = class PageFilterComponent {
 		const scroll = this.resolvedScroll();
 		const open = this.page.filterOpen();
 		if (this.isStacked()) return cn("block shrink-0 border-b border-border text-surface-foreground", scroll === "page" ? `sticky top-0 z-10 ${FILTER_BG_OPAQUE}` : FILTER_BG, this.class(), this.isCollapsedStacked() && "hidden");
-		return cn("block min-h-0 border-border text-surface-foreground", this.isSticky() ? FILTER_BG : FILTER_BG_OPAQUE, scroll === "content" && "h-full overflow-auto", scroll === "page" && "overflow-visible", this.isSticky() && "shrink-0 w-[var(--page-filter-width)]", this.isSticky() && position === "left" && "border-r", this.isSticky() && position === "right" && "order-last border-l", this.isDrawer() && "absolute inset-y-0 z-20 w-[var(--page-filter-width)] border shadow-sm transition-transform duration-200 ease-out motion-reduce:transition-none", this.isDrawer() && position === "left" && (open ? "left-0 translate-x-0" : "left-0 -translate-x-full"), this.isDrawer() && position === "right" && (open ? "right-0 translate-x-0" : "right-0 translate-x-full"), this.isOverlay() && "absolute inset-y-0 z-30 w-[var(--page-filter-width)] border shadow-md transition-transform duration-200 ease-out motion-reduce:transition-none", this.isOverlay() && position === "left" && (open ? "left-0 translate-x-0" : "left-0 -translate-x-full"), this.isOverlay() && position === "right" && (open ? "right-0 translate-x-0" : "right-0 translate-x-full"), this.class());
+		return cn("block min-h-0 border-border text-surface-foreground", this.isSticky() ? FILTER_BG : FILTER_BG_OPAQUE, scroll === "content" && "h-full overflow-auto", scroll === "page" && "overflow-visible", this.isSticky() && "shrink-0 w-[var(--page-filter-width)]", this.isSticky() && position === "left" && "border-r", this.isSticky() && position === "right" && "order-last border-l", this.isDrawer() && "absolute inset-y-0 z-20 w-[var(--page-filter-width)] border shadow-sm transition-transform duration-normal ease-out motion-reduce:transition-none", this.isDrawer() && position === "left" && (open ? "left-0 translate-x-0" : "left-0 -translate-x-full"), this.isDrawer() && position === "right" && (open ? "right-0 translate-x-0" : "right-0 translate-x-full"), this.isOverlay() && "absolute inset-y-0 z-30 w-[var(--page-filter-width)] border shadow-md transition-transform duration-normal ease-out motion-reduce:transition-none", this.isOverlay() && position === "left" && (open ? "left-0 translate-x-0" : "left-0 -translate-x-full"), this.isOverlay() && position === "right" && (open ? "right-0 translate-x-0" : "right-0 translate-x-full"), this.class());
 	}, ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
 	constructor() {
 		ɵsetupOverlayFocusManagement({
@@ -81,7 +81,7 @@ var PageFilterComponent = class PageFilterComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: PageFilterComponent,
 		deps: [],
@@ -89,7 +89,7 @@ var PageFilterComponent = class PageFilterComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: PageFilterComponent,
 		isStandalone: true,
 		selector: "PageFilter",
@@ -174,7 +174,7 @@ var PageFilterComponent = class PageFilterComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: PageFilterComponent,
 	decorators: [{
@@ -281,7 +281,7 @@ var PageFilterToggleComponent = class PageFilterToggleComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: PageFilterToggleComponent,
 		deps: [],
@@ -289,7 +289,7 @@ var PageFilterToggleComponent = class PageFilterToggleComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: PageFilterToggleComponent,
 		isStandalone: true,
 		selector: "PageFilterToggle",
@@ -345,7 +345,7 @@ var PageFilterToggleComponent = class PageFilterToggleComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: PageFilterToggleComponent,
 	decorators: [{

package/fesm2022/ojiepermana-angular-theme-page-overview.mjs

@@ -7,7 +7,7 @@ var PageOverviewComponent = class PageOverviewComponent {
 	classes = computed(() => cn("block min-w-0 shrink-0 border-b border-border bg-surface/50 text-surface-foreground", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: PageOverviewComponent,
 		deps: [],
@@ -15,7 +15,7 @@ var PageOverviewComponent = class PageOverviewComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: PageOverviewComponent,
 		isStandalone: true,
 		selector: "PageOverview",
@@ -50,7 +50,7 @@ var PageOverviewComponent = class PageOverviewComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: PageOverviewComponent,
 	decorators: [{

package/fesm2022/ojiepermana-angular-theme-page-root.mjs

@@ -1,5 +1,7 @@
 import * as i0 from "@angular/core";
 import { Component, booleanAttribute, computed, contentChild, effect, inject, input, output } from "@angular/core";
+import { LucideGrip } from "@lucide/angular";
+import { provideIcons } from "@ojiepermana/angular/component/icon";
 import { cn } from "@ojiepermana/angular/component/utils/core";
 import { NavigationContainerComponent, NavigationFlyoutComponent, NavigationFooterComponent, NavigationHeaderComponent } from "@ojiepermana/angular/navigation";
 import { NAVIGATION_ADAPTER } from "@ojiepermana/angular/navigation/core";
@@ -50,7 +52,7 @@ var PageComponent = class PageComponent {
 		transform: booleanAttribute
 	});
 	appsNavId = input("main", ...ngDevMode ? [{ debugName: "appsNavId" }] : /* istanbul ignore next */ []);
-	appsIcon = input("apps", ...ngDevMode ? [{ debugName: "appsIcon" }] : /* istanbul ignore next */ []);
+	appsIcon = input("grip", ...ngDevMode ? [{ debugName: "appsIcon" }] : /* istanbul ignore next */ []);
 	appsLabel = input("Open navigation", ...ngDevMode ? [{ debugName: "appsLabel" }] : /* istanbul ignore next */ []);
 	overlayCloseLabel = input("Close overlay panel", ...ngDevMode ? [{ debugName: "overlayCloseLabel" }] : /* istanbul ignore next */ []);
 	launcherNavId = `__page-apps-${pageAppsLauncherInstanceId += 1}`;
@@ -135,7 +137,7 @@ var PageComponent = class PageComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: PageComponent,
 		deps: [],
@@ -143,7 +145,7 @@ var PageComponent = class PageComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: PageComponent,
 		isStandalone: true,
 		selector: "Page",
@@ -277,7 +279,7 @@ var PageComponent = class PageComponent {
 				"style.--page-filter-width": "filterWidthVar()"
 			}
 		},
-		providers: [PageStateService],
+		providers: [PageStateService, provideIcons(LucideGrip)],
 		queries: [
 			{
 				propertyName: "projectedSide",
@@ -443,14 +445,14 @@ var PageComponent = class PageComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: PageComponent,
 	decorators: [{
 		type: Component,
 		args: [{
 			selector: "Page",
-			providers: [PageStateService],
+			providers: [PageStateService, provideIcons(LucideGrip)],
 			imports: [
 				NavigationContainerComponent,
 				NavigationFlyoutComponent,

package/fesm2022/ojiepermana-angular-theme-page-side.mjs

@@ -32,7 +32,7 @@ var PageSideComponent = class PageSideComponent {
 	classes = computed(() => {
 		const position = this.resolvedPosition();
 		const sideOpen = this.page.sideOpen();
-		return cn("block min-h-0 border-border bg-background", this.resolvedScroll() === "content" && "h-full overflow-auto", this.resolvedScroll() === "page" && "overflow-visible", this.isSticky() && "shrink-0 w-[var(--page-side-width)]", this.isSticky() && position === "left" && "border-r", this.isSticky() && position === "right" && "order-last border-l", this.isDrawer() && "absolute inset-y-0 z-20 w-[var(--page-side-width)] border shadow-sm transition-transform duration-200 ease-out motion-reduce:transition-none", this.isDrawer() && position === "left" && (sideOpen ? "left-0 translate-x-0" : "left-0 -translate-x-full"), this.isDrawer() && position === "right" && (sideOpen ? "right-0 translate-x-0" : "right-0 translate-x-full"), this.isOverlay() && "absolute inset-y-0 z-30 w-[var(--page-side-width)] border shadow-md transition-transform duration-200 ease-out motion-reduce:transition-none", this.isOverlay() && position === "left" && (sideOpen ? "left-0 translate-x-0" : "left-0 -translate-x-full"), this.isOverlay() && position === "right" && (sideOpen ? "right-0 translate-x-0" : "right-0 translate-x-full"), this.class());
+		return cn("block min-h-0 border-border bg-background", this.resolvedScroll() === "content" && "h-full overflow-auto", this.resolvedScroll() === "page" && "overflow-visible", this.isSticky() && "shrink-0 w-[var(--page-side-width)]", this.isSticky() && position === "left" && "border-r", this.isSticky() && position === "right" && "order-last border-l", this.isDrawer() && "absolute inset-y-0 z-20 w-[var(--page-side-width)] border shadow-sm transition-transform duration-normal ease-out motion-reduce:transition-none", this.isDrawer() && position === "left" && (sideOpen ? "left-0 translate-x-0" : "left-0 -translate-x-full"), this.isDrawer() && position === "right" && (sideOpen ? "right-0 translate-x-0" : "right-0 translate-x-full"), this.isOverlay() && "absolute inset-y-0 z-30 w-[var(--page-side-width)] border shadow-md transition-transform duration-normal ease-out motion-reduce:transition-none", this.isOverlay() && position === "left" && (sideOpen ? "left-0 translate-x-0" : "left-0 -translate-x-full"), this.isOverlay() && position === "right" && (sideOpen ? "right-0 translate-x-0" : "right-0 translate-x-full"), this.class());
 	}, ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
 	constructor() {
 		ɵsetupOverlayFocusManagement({
@@ -68,7 +68,7 @@ var PageSideComponent = class PageSideComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: PageSideComponent,
 		deps: [],
@@ -76,7 +76,7 @@ var PageSideComponent = class PageSideComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: PageSideComponent,
 		isStandalone: true,
 		selector: "PageSide",
@@ -146,7 +146,7 @@ var PageSideComponent = class PageSideComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: PageSideComponent,
 	decorators: [{
@@ -236,7 +236,7 @@ var PageSideToggleComponent = class PageSideToggleComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: PageSideToggleComponent,
 		deps: [],
@@ -244,7 +244,7 @@ var PageSideToggleComponent = class PageSideToggleComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: PageSideToggleComponent,
 		isStandalone: true,
 		selector: "PageSideToggle",
@@ -289,7 +289,7 @@ var PageSideToggleComponent = class PageSideToggleComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: PageSideToggleComponent,
 	decorators: [{

package/fesm2022/ojiepermana-angular-theme-page-slots.mjs

@@ -14,7 +14,7 @@ var PageHeaderComponent = class PageHeaderComponent {
 	classes = computed(() => cn("block shrink-0 border-b border-[hsl(var(--border)/var(--section-border-opacity))] bg-background", this.class(), this.resolvedHeight() === "fix" && "h-12 overflow-hidden"), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: PageHeaderComponent,
 		deps: [],
@@ -22,7 +22,7 @@ var PageHeaderComponent = class PageHeaderComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: PageHeaderComponent,
 		isStandalone: true,
 		selector: "PageHeader",
@@ -47,7 +47,7 @@ var PageHeaderComponent = class PageHeaderComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: PageHeaderComponent,
 	decorators: [{
@@ -78,7 +78,7 @@ var PageContentComponent = class PageContentComponent {
 	classes = computed(() => buildPageBodyClasses(this.resolvedScroll(), this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: PageContentComponent,
 		deps: [],
@@ -86,7 +86,7 @@ var PageContentComponent = class PageContentComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: PageContentComponent,
 		isStandalone: true,
 		selector: "PageContent",
@@ -111,7 +111,7 @@ var PageContentComponent = class PageContentComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: PageContentComponent,
 	decorators: [{
@@ -142,7 +142,7 @@ var PageDashboardComponent = class PageDashboardComponent {
 	classes = computed(() => buildPageBodyClasses(this.resolvedScroll(), this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: PageDashboardComponent,
 		deps: [],
@@ -150,7 +150,7 @@ var PageDashboardComponent = class PageDashboardComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: PageDashboardComponent,
 		isStandalone: true,
 		selector: "PageDashboard",
@@ -172,7 +172,7 @@ var PageDashboardComponent = class PageDashboardComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: PageDashboardComponent,
 	decorators: [{
@@ -202,7 +202,7 @@ var PageFooterComponent = class PageFooterComponent {
 	classes = computed(() => cn("block shrink-0 border-t border-[hsl(var(--border)/var(--section-border-opacity))] bg-background", this.class(), this.resolvedHeight() === "fix" && "h-12 overflow-hidden"), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: PageFooterComponent,
 		deps: [],
@@ -210,7 +210,7 @@ var PageFooterComponent = class PageFooterComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: PageFooterComponent,
 		isStandalone: true,
 		selector: "PageFooter",
@@ -232,7 +232,7 @@ var PageFooterComponent = class PageFooterComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: PageFooterComponent,
 	decorators: [{

package/fesm2022/ojiepermana-angular-theme-shell-services.mjs

@@ -207,7 +207,7 @@ var ShellService = class ShellService {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ShellService,
 		deps: [],
@@ -215,14 +215,14 @@ var ShellService = class ShellService {
 	});
 	static ɵprov = i0.ɵɵngDeclareService({
 		minVersion: "22.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ShellService
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ShellService,
 	decorators: [{ type: Service }],

package/fesm2022/ojiepermana-angular-theme-shell.mjs

@@ -3,6 +3,8 @@ import { Component, booleanAttribute, computed, inject, input } from "@angular/c
 import { cn } from "@ojiepermana/angular/component/utils/core";
 import { SHELL_WINDOW_BRIDGE, ShellService, ShellService as ShellService$1, WEB_SHELL_WINDOW_BRIDGE, createTauriShellWindowBridge, isTauriRuntime, provideShellWindowBridge, provideTauriShellWindowBridge } from "@ojiepermana/angular/theme/shell/services";
 import { SHELL_COLORS, SHELL_COLOR_STORAGE_KEY, SHELL_DEFAULT_COLOR, SHELL_DEFAULT_COLOR as SHELL_DEFAULT_COLOR$1, SHELL_DEFAULT_DEVICE, SHELL_DEFAULT_DEVICE as SHELL_DEFAULT_DEVICE$1, SHELL_DEFAULT_FRAME, SHELL_DEFAULT_FRAME as SHELL_DEFAULT_FRAME$1, SHELL_DEFAULT_MODE, SHELL_DEFAULT_PLATFORM, SHELL_DEFAULT_WINDOW_STATE, SHELL_DEVICES, SHELL_DEVICE_STORAGE_KEY, SHELL_FRAMES, SHELL_FRAME_STORAGE_KEY, SHELL_MODES, SHELL_MODE_DEVICES, SHELL_MODE_STORAGE_KEY, SHELL_PLATFORMS, SHELL_WINDOW_STATES, defaultShellDeviceForMode, isShellColor, isShellDevice, isShellDeviceForMode, isShellFrame, isShellMode, isShellPlatform, isShellWindowState, normalizeShellColor, normalizeShellDevice, normalizeShellFrame, normalizeShellMode, resolveShellDeviceForMode, resolveShellDeviceForMode as resolveShellDeviceForMode$1, resolveShellFrameForMode, resolveShellFrameForMode as resolveShellFrameForMode$1, shellDevicesForMode } from "@ojiepermana/angular/theme/shell/types";
+import { LucideGrip } from "@lucide/angular";
+import { provideIcons } from "@ojiepermana/angular/component/icon";
 import { NavigationContainerComponent, NavigationFlyoutComponent, NavigationFooterComponent, NavigationHeaderComponent } from "@ojiepermana/angular/navigation";
 import { NAVIGATION_ADAPTER } from "@ojiepermana/angular/navigation/core";
 import { LayoutService } from "@ojiepermana/angular/theme/layout/services";
@@ -13,7 +15,7 @@ var ShellNavigationFlyoutComponent = class ShellNavigationFlyoutComponent {
 	layout = inject(LayoutService, { optional: true });
 	identity = inject(LayoutIdentityService, { optional: true });
 	enabled = input(true, ...ngDevMode ? [{ debugName: "enabled" }] : /* istanbul ignore next */ []);
-	icon = input("apps", ...ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []);
+	icon = input("grip", ...ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []);
 	label = input("Open navigation", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
 	navigationId = `__shell-navigation-${shellNavigationFlyoutInstanceId += 1}`;
 	navigationSource = this.navigation.data(LAYOUT_DESKTOP_NAVIGATION_DATA_ID);
@@ -24,7 +26,7 @@ var ShellNavigationFlyoutComponent = class ShellNavigationFlyoutComponent {
 	user = computed(() => this.identity?.user() ?? null, ...ngDevMode ? [{ debugName: "user" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ShellNavigationFlyoutComponent,
 		deps: [],
@@ -32,7 +34,7 @@ var ShellNavigationFlyoutComponent = class ShellNavigationFlyoutComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: ShellNavigationFlyoutComponent,
 		isStandalone: true,
 		selector: "ShellNavigationFlyout",
@@ -64,6 +66,7 @@ var ShellNavigationFlyoutComponent = class ShellNavigationFlyoutComponent {
 			styleAttribute: "--nav-flyout-floating-width: 100vw; --nav-flyout-floating-max-width: 100vw; --nav-flyout-floating-radius: 0 0 var(--shell-frame-radius) var(--shell-frame-radius);",
 			classAttribute: "contents"
 		},
+		providers: [provideIcons(LucideGrip)],
 		ngImport: i0,
 		template: `
     @if (showsFlyout()) {
@@ -174,13 +177,14 @@ var ShellNavigationFlyoutComponent = class ShellNavigationFlyoutComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ShellNavigationFlyoutComponent,
 	decorators: [{
 		type: Component,
 		args: [{
 			selector: "ShellNavigationFlyout",
+			providers: [provideIcons(LucideGrip)],
 			imports: [
 				NavigationContainerComponent,
 				NavigationFlyoutComponent,
@@ -279,7 +283,7 @@ var ShellBarComponent = class ShellBarComponent {
 	restoreLabel = input("Restore window", ...ngDevMode ? [{ debugName: "restoreLabel" }] : /* istanbul ignore next */ []);
 	closeLabel = input("Close window", ...ngDevMode ? [{ debugName: "closeLabel" }] : /* istanbul ignore next */ []);
 	navigationFlyout = input(true, ...ngDevMode ? [{ debugName: "navigationFlyout" }] : /* istanbul ignore next */ []);
-	navigationFlyoutIcon = input("apps", ...ngDevMode ? [{ debugName: "navigationFlyoutIcon" }] : /* istanbul ignore next */ []);
+	navigationFlyoutIcon = input("grip", ...ngDevMode ? [{ debugName: "navigationFlyoutIcon" }] : /* istanbul ignore next */ []);
 	navigationFlyoutLabel = input("Open navigation", ...ngDevMode ? [{ debugName: "navigationFlyoutLabel" }] : /* istanbul ignore next */ []);
 	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
 	maximizeToggleLabel = computed(() => this.shell.isMaximized() ? this.restoreLabel() : this.maximizeLabel(), ...ngDevMode ? [{ debugName: "maximizeToggleLabel" }] : /* istanbul ignore next */ []);
@@ -310,7 +314,7 @@ var ShellBarComponent = class ShellBarComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ShellBarComponent,
 		deps: [],
@@ -318,7 +322,7 @@ var ShellBarComponent = class ShellBarComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: ShellBarComponent,
 		isStandalone: true,
 		selector: "ShellBar",
@@ -615,7 +619,7 @@ var ShellBarComponent = class ShellBarComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ShellBarComponent,
 	decorators: [{
@@ -943,7 +947,7 @@ var ShellComponent = class ShellComponent {
 		...ngDevMode ? { debugName: "navigationFlyout" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
-	navigationFlyoutIcon = input("apps", ...ngDevMode ? [{ debugName: "navigationFlyoutIcon" }] : /* istanbul ignore next */ []);
+	navigationFlyoutIcon = input("grip", ...ngDevMode ? [{ debugName: "navigationFlyoutIcon" }] : /* istanbul ignore next */ []);
 	navigationFlyoutLabel = input("Open navigation", ...ngDevMode ? [{ debugName: "navigationFlyoutLabel" }] : /* istanbul ignore next */ []);
 	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
 	resolvedMode = computed(() => this.mode() ?? this.shell.mode(), ...ngDevMode ? [{ debugName: "resolvedMode" }] : /* istanbul ignore next */ []);
@@ -954,7 +958,7 @@ var ShellComponent = class ShellComponent {
 	hostClasses = computed(() => cn("relative isolate flex h-dvh w-full min-w-0 flex-col overflow-hidden text-foreground", this.showsBar() && this.drag() && "shell-drag-region", this.resolvedColor() === "sync" || this.resolvedFrame() === "modern" ? "bg-[hsl(var(--shell-bar-background))]" : "bg-layout-canvas", this.class()), ...ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ShellComponent,
 		deps: [],
@@ -962,7 +966,7 @@ var ShellComponent = class ShellComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: ShellComponent,
 		isStandalone: true,
 		selector: "Shell",
@@ -1155,7 +1159,7 @@ var ShellComponent = class ShellComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ShellComponent,
 	decorators: [{

package/fesm2022/ojiepermana-angular-theme-styles.mjs

@@ -1,6 +1,6 @@
-import { DOCUMENT, isPlatformBrowser } from "@angular/common";
+import { DOCUMENT } from "@angular/common";
 import * as i0 from "@angular/core";
-import { DestroyRef, InjectionToken, PLATFORM_ID, Service, computed, effect, inject, makeEnvironmentProviders, provideEnvironmentInitializer, signal } from "@angular/core";
+import { DestroyRef, InjectionToken, Service, computed, effect, inject, makeEnvironmentProviders, provideEnvironmentInitializer, signal } from "@angular/core";
 import { documentLocalStorage } from "@ojiepermana/angular/component/utils/core";
 function persistedSignal(options) {
 	const documentRef = options.documentRef !== void 0 ? options.documentRef : inject(DOCUMENT, { optional: true });
@@ -374,7 +374,7 @@ var ThemeBrandService = class ThemeBrandService {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ThemeBrandService,
 		deps: [],
@@ -382,14 +382,14 @@ var ThemeBrandService = class ThemeBrandService {
 	});
 	static ɵprov = i0.ɵɵngDeclareService({
 		minVersion: "22.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ThemeBrandService
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ThemeBrandService,
 	decorators: [{ type: Service }],
@@ -419,7 +419,7 @@ var ThemeColorService = class ThemeColorService {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ThemeColorService,
 		deps: [],
@@ -427,14 +427,14 @@ var ThemeColorService = class ThemeColorService {
 	});
 	static ɵprov = i0.ɵɵngDeclareService({
 		minVersion: "22.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ThemeColorService
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ThemeColorService,
 	decorators: [{ type: Service }]
@@ -460,7 +460,7 @@ var ThemeModeService = class ThemeModeService {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ThemeModeService,
 		deps: [],
@@ -468,14 +468,14 @@ var ThemeModeService = class ThemeModeService {
 	});
 	static ɵprov = i0.ɵɵngDeclareService({
 		minVersion: "22.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ThemeModeService
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ThemeModeService,
 	decorators: [{ type: Service }]
@@ -503,7 +503,7 @@ var ThemeRadiusService = class ThemeRadiusService {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ThemeRadiusService,
 		deps: [],
@@ -511,14 +511,14 @@ var ThemeRadiusService = class ThemeRadiusService {
 	});
 	static ɵprov = i0.ɵɵngDeclareService({
 		minVersion: "22.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ThemeRadiusService
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ThemeRadiusService,
 	decorators: [{ type: Service }]
@@ -537,7 +537,7 @@ var ThemeSpaceService = class ThemeSpaceService {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ThemeSpaceService,
 		deps: [],
@@ -545,27 +545,23 @@ var ThemeSpaceService = class ThemeSpaceService {
 	});
 	static ɵprov = i0.ɵɵngDeclareService({
 		minVersion: "22.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ThemeSpaceService
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ThemeSpaceService,
 	decorators: [{ type: Service }]
 });
-const MATERIAL_SYMBOLS_FONT_ATTR = "data-icon-font";
-const MATERIAL_SYMBOLS_FONT_ID = "material-symbols";
-const MATERIAL_SYMBOLS_FONT_HREF = "https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block";
 function provideUiTheme(options = {}) {
 	return makeEnvironmentProviders([{
 		provide: THEME_OPTIONS,
 		useValue: options
 	}, provideEnvironmentInitializer(() => {
-		if (options.icons?.materialSymbols === true) loadMaterialSymbolsStylesheet();
 		inject(ThemeModeService);
 		inject(ThemeColorService);
 		inject(ThemeBrandService);
@@ -573,16 +569,4 @@ function provideUiTheme(options = {}) {
 		inject(ThemeSpaceService);
 	})]);
 }
-function loadMaterialSymbolsStylesheet() {
-	const documentRef = inject(DOCUMENT, { optional: true });
-	const platformId = inject(PLATFORM_ID);
-	const head = documentRef?.head;
-	if (!isPlatformBrowser(platformId) || !head) return;
-	if (head.querySelector(`link[${MATERIAL_SYMBOLS_FONT_ATTR}="${MATERIAL_SYMBOLS_FONT_ID}"]`)) return;
-	const link = head.ownerDocument.createElement("link");
-	link.rel = "stylesheet";
-	link.href = MATERIAL_SYMBOLS_FONT_HREF;
-	link.setAttribute(MATERIAL_SYMBOLS_FONT_ATTR, MATERIAL_SYMBOLS_FONT_ID);
-	head.appendChild(link);
-}
 export { DEFAULT_THEME_COLOR, DEFAULT_THEME_MODE, DEFAULT_THEME_NEUTRAL, DEFAULT_THEME_RADIUS, DEFAULT_THEME_SPACE, RESOLVED_THEME_MODES, THEME_BRAND_STORAGE_KEY, THEME_COLORS, THEME_COLOR_STORAGE_KEY, THEME_MODES, THEME_MODE_STORAGE_KEY, THEME_NEUTRALS, THEME_NEUTRAL_STORAGE_KEY, THEME_OPTIONS, THEME_RADII, THEME_RADIUS_STORAGE_KEY, THEME_SPACES, THEME_SPACE_STORAGE_KEY, ThemeBrandService, ThemeColorService, ThemeModeService, ThemeRadiusService, ThemeSpaceService, htmlAttributeEffect, htmlStylePropertyEffect, isResolvedThemeMode, isThemeColor, isThemeMode, isThemeNeutral, isThemeRadius, isThemeSpace, normalizeThemeColor, normalizeThemeMode, normalizeThemeNeutral, normalizeThemeRadius, normalizeThemeSpace, persistedHtmlAttributeSignal, persistedSignal, prefersDarkSignal, provideUiTheme };