@ojiepermana/angular 22.2.0 → 22.2.2

package/fesm2022/ojiepermana-angular-theme-component-settings.mjs

@@ -1,7 +1,8 @@
 import * as i0 from "@angular/core";
 import { Component, InjectionToken, PLATFORM_ID, Service, computed, effect, inject, input, model, signal } from "@angular/core";
+import { LucideAppWindow, LucideAppWindowMac, LucideBot, LucideBraces, LucideChevronsLeft, LucideCircle, LucideColumns3, LucideCpu, LucideDropletOff, LucideEarth, LucideExternalLink, LucideGalleryVertical, LucideGlobe, LucideGrid3x3, LucideHexagon, LucideLaptop, LucideLaptopMinimal, LucideLayoutGrid, LucideMaximize, LucideMenu, LucideMinimize, LucideMonitor, LucideMoon, LucideMoveHorizontal, LucidePalette, LucidePanelLeft, LucidePanelLeftClose, LucidePanelLeftDashed, LucidePanelLeftOpen, LucidePanelRight, LucideRatio, LucideRows2, LucideRows3, LucideRows4, LucideScan, LucideSlidersHorizontal, LucideSmartphone, LucideSquare, LucideSquareRoundCorner, LucideStretchHorizontal, LucideSun, LucideTablet, LucideTerminal, LucideUnfoldHorizontal } from "@lucide/angular";
 import { DrawerCloseDirective, DrawerComponent, DrawerContentComponent, DrawerHeaderComponent, DrawerTitleComponent } from "@ojiepermana/angular/component/drawer";
-import { IconComponent } from "@ojiepermana/angular/component/icon";
+import { IconComponent, provideIcons } from "@ojiepermana/angular/component/icon";
 import { SegmentedControlComponent } from "@ojiepermana/angular/component/segmented-control";
 import { cn, globalLocalStorage, injectUniqueId } from "@ojiepermana/angular/component/utils/core";
 import { LAYOUT_LOCKED_WIDTH, LAYOUT_TYPE_STORAGE_KEY } from "@ojiepermana/angular/theme/layout/types";
@@ -10,12 +11,59 @@ import { isPlatformBrowser } from "@angular/common";
 import { LayoutService } from "@ojiepermana/angular/theme/layout/services";
 import { SHELL_COLORS, SHELL_FRAMES, SHELL_MODES, isShellDeviceForMode, resolveShellDeviceForMode, shellDevicesForMode } from "@ojiepermana/angular/theme/shell/types";
 import { THEME_COLORS, THEME_NEUTRALS, ThemeBrandService, ThemeColorService, ThemeModeService, ThemeRadiusService, ThemeSpaceService, isThemeMode, isThemeRadius, isThemeSpace } from "@ojiepermana/angular/theme/styles";
+const THEME_SETTINGS_ICONS = [
+	LucideAppWindow,
+	LucideAppWindowMac,
+	LucideBot,
+	LucideBraces,
+	LucideChevronsLeft,
+	LucideCircle,
+	LucideColumns3,
+	LucideCpu,
+	LucideDropletOff,
+	LucideEarth,
+	LucideExternalLink,
+	LucideGalleryVertical,
+	LucideGlobe,
+	LucideGrid3x3,
+	LucideHexagon,
+	LucideLaptop,
+	LucideLaptopMinimal,
+	LucideLayoutGrid,
+	LucideMaximize,
+	LucideMenu,
+	LucideMinimize,
+	LucideMonitor,
+	LucideMoon,
+	LucideMoveHorizontal,
+	LucidePalette,
+	LucidePanelLeft,
+	LucidePanelLeftClose,
+	LucidePanelLeftDashed,
+	LucidePanelLeftOpen,
+	LucidePanelRight,
+	LucideRatio,
+	LucideRows2,
+	LucideRows3,
+	LucideRows4,
+	LucideScan,
+	LucideSlidersHorizontal,
+	LucideSmartphone,
+	LucideSquare,
+	LucideSquareRoundCorner,
+	LucideStretchHorizontal,
+	LucideSun,
+	LucideTablet,
+	LucideTerminal,
+	LucideUnfoldHorizontal
+];
 const THEME_SETTINGS_ADAPTER = new InjectionToken("THEME_SETTINGS_ADAPTER");
 const NAV_TYPE_STORAGE_KEY = "nav-type";
 const NAV_TYPE_MODE_STORAGE_KEY = "nav-type-mode";
 const NAV_TYPES = [
 	"sidebar",
 	"dockbar",
+	"minidock",
 	"navbar",
 	"flyout",
 	"desktop"
@@ -27,7 +75,11 @@ const NAV_TYPE_MODES = [
 ];
 function allowedNavTypes(layoutType, shellMode) {
 	switch (layoutType) {
-		case "vertical": return ["sidebar", "dockbar"];
+		case "vertical": return [
+			"sidebar",
+			"dockbar",
+			"minidock"
+		];
 		case "horizontal": return shellMode === "desktop" ? ["desktop"] : ["navbar", "flyout"];
 		default: return [];
 	}
@@ -106,7 +158,7 @@ var ThemeSettingsDefaultAdapter = class ThemeSettingsDefaultAdapter {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ThemeSettingsDefaultAdapter,
 		deps: [],
@@ -114,14 +166,14 @@ var ThemeSettingsDefaultAdapter = class ThemeSettingsDefaultAdapter {
 	});
 	static ɵprov = i0.ɵɵngDeclareService({
 		minVersion: "22.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ThemeSettingsDefaultAdapter
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ThemeSettingsDefaultAdapter,
 	decorators: [{ type: Service }],
@@ -151,29 +203,29 @@ const MODE_OPTIONS = [
 	{
 		value: "light",
 		label: "Light",
-		icon: "light_mode"
+		icon: "sun"
 	},
 	{
 		value: "dark",
 		label: "Dark",
-		icon: "dark_mode"
+		icon: "moon"
 	},
 	{
 		value: "system",
 		label: "System",
-		icon: "desktop_windows"
+		icon: "monitor"
 	}
 ];
 const SHELL_MODE_OPTIONS = [
 	{
 		value: "web",
 		label: "Web",
-		icon: "public"
+		icon: "earth"
 	},
 	{
 		value: "desktop",
 		label: "Desktop",
-		icon: "desktop_windows"
+		icon: "monitor"
 	},
 	{
 		value: "tablet",
@@ -193,32 +245,32 @@ const SHELL_COLOR_OPTIONS = [{
 }, {
 	value: "default",
 	label: "Native",
-	icon: "desktop_mac"
+	icon: "app-window-mac"
 }];
 const SHELL_FRAME_OPTIONS = [{
 	value: "classic",
 	label: "Classic",
-	icon: "crop_din"
+	icon: "square"
 }, {
 	value: "modern",
 	label: "Modern",
-	icon: "fullscreen_exit"
+	icon: "minimize"
 }];
 const SHELL_DEVICE_OPTIONS = {
 	browser: {
 		value: "browser",
 		label: "Browser",
-		icon: "language"
+		icon: "globe"
 	},
 	macos: {
 		value: "macos",
 		label: "macOS",
-		icon: "laptop_mac"
+		icon: "laptop"
 	},
 	windows: {
 		value: "windows",
 		label: "Windows",
-		icon: "laptop_windows"
+		icon: "laptop-minimal"
 	},
 	linux: {
 		value: "linux",
@@ -228,44 +280,44 @@ const SHELL_DEVICE_OPTIONS = {
 	ipad: {
 		value: "ipad",
 		label: "iPad",
-		icon: "tablet_mac"
+		icon: "tablet"
 	},
 	android: {
 		value: "android",
 		label: "Android",
-		icon: "android"
+		icon: "bot"
 	},
 	ios: {
 		value: "ios",
 		label: "iOS",
-		icon: "phone_iphone"
+		icon: "smartphone"
 	}
 };
 const RADIUS_OPTIONS = [
 	{
 		value: "none",
 		label: "None",
-		icon: "crop_square"
+		icon: "square"
 	},
 	{
 		value: "xs",
 		label: "Xs",
-		icon: "rounded_corner"
+		icon: "square-round-corner"
 	},
 	{
 		value: "sm",
 		label: "Sm",
-		icon: "rounded_corner"
+		icon: "square-round-corner"
 	},
 	{
 		value: "md",
 		label: "Md",
-		icon: "rounded_corner"
+		icon: "square-round-corner"
 	},
 	{
 		value: "xl",
 		label: "Xl",
-		icon: "rounded_corner"
+		icon: "square-round-corner"
 	},
 	{
 		value: "full",
@@ -276,36 +328,36 @@ const RADIUS_OPTIONS = [
 const SPACE_OPTIONS = [{
 	value: "compact",
 	label: "Compact",
-	icon: "density_small"
+	icon: "rows-4"
 }, {
 	value: "normal",
 	label: "Normal",
-	icon: "density_medium"
+	icon: "rows-3"
 }];
 const APPEARANCE_OPTIONS = [{
 	value: "flat",
 	label: "Flat",
-	icon: "web_asset"
+	icon: "app-window"
 }, {
 	value: "border-rail",
 	label: "Border rail",
-	icon: "border_outer"
+	icon: "square"
 }];
 const SURFACE_OPTIONS = [
 	{
 		value: "flat",
 		label: "Flat",
-		icon: "format_color_reset"
+		icon: "droplet-off"
 	},
 	{
 		value: "grid",
 		label: "Grid",
-		icon: "grid_4x4"
+		icon: "grid-3x3"
 	},
 	{
 		value: "grid-line",
 		label: "Grid line",
-		icon: "grid_view"
+		icon: "layout-grid"
 	},
 	{
 		value: "honeycomb",
@@ -315,78 +367,83 @@ const SURFACE_OPTIONS = [
 	{
 		value: "matrix",
 		label: "Matrix",
-		icon: "data_object"
+		icon: "braces"
 	},
 	{
 		value: "circuit",
 		label: "Circuit",
-		icon: "memory"
+		icon: "cpu"
 	},
 	{
 		value: "line-vertical",
 		label: "Vertical lines",
-		icon: "view_column"
+		icon: "columns-3"
 	},
 	{
 		value: "line-horizontal",
 		label: "Horizontal lines",
-		icon: "view_agenda"
+		icon: "rows-2"
 	}
 ];
 const LAYOUT_TYPE_OPTIONS = [
 	{
 		value: "vertical",
 		label: "Vertical",
-		icon: "view_sidebar"
+		icon: "panel-right"
 	},
 	{
 		value: "horizontal",
 		label: "Horizontal",
-		icon: "view_stream"
+		icon: "gallery-vertical"
 	},
 	{
 		value: "empty",
 		label: "Empty",
-		icon: "crop_free"
+		icon: "scan"
 	},
 	{
 		value: "fluid",
 		label: "Fluid",
-		icon: "fit_screen"
+		icon: "maximize"
 	}
 ];
 const WIDTH_OPTIONS = [
 	{
 		value: "full",
 		label: "Full",
-		icon: "width_full"
+		icon: "move-horizontal"
 	},
 	{
 		value: "wide",
 		label: "Wide",
-		icon: "width_wide"
+		icon: "unfold-horizontal"
 	},
 	{
 		value: "container",
 		label: "Container",
-		icon: "width_normal"
+		icon: "stretch-horizontal"
 	},
 	{
 		value: "fluid",
 		label: "Fluid",
-		icon: "aspect_ratio"
+		icon: "ratio"
 	}
 ];
 const NAV_TYPE_OPTIONS = [
 	{
 		value: "sidebar",
 		label: "Sidebar",
-		icon: "left_panel_open"
+		icon: "panel-left-open"
 	},
 	{
 		value: "dockbar",
 		label: "Dockbar",
-		icon: "dock_to_left"
+		icon: "panel-left"
+	},
+	{
+		value: "minidock",
+		label: "Minidock",
+		icon: "panel-left-close"
 	},
 	{
 		value: "navbar",
@@ -396,12 +453,12 @@ const NAV_TYPE_OPTIONS = [
 	{
 		value: "flyout",
 		label: "Flyout",
-		icon: "open_in_new"
+		icon: "external-link"
 	},
 	{
 		value: "desktop",
 		label: "Desktop",
-		icon: "desktop_windows"
+		icon: "monitor"
 	}
 ];
 const ACCENT_SWATCH = {
@@ -472,7 +529,7 @@ var ThemeSettingsLayoutSectionComponent = class ThemeSettingsLayoutSectionCompon
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ThemeSettingsLayoutSectionComponent,
 		deps: [],
@@ -480,11 +537,12 @@ var ThemeSettingsLayoutSectionComponent = class ThemeSettingsLayoutSectionCompon
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: ThemeSettingsLayoutSectionComponent,
 		isStandalone: true,
 		selector: "ThemeSettingsLayoutSection",
 		host: { classAttribute: "contents" },
+		providers: [provideIcons(...THEME_SETTINGS_ICONS)],
 		ngImport: i0,
 		template: `
     <section
@@ -568,13 +626,14 @@ var ThemeSettingsLayoutSectionComponent = class ThemeSettingsLayoutSectionCompon
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ThemeSettingsLayoutSectionComponent,
 	decorators: [{
 		type: Component,
 		args: [{
 			selector: "ThemeSettingsLayoutSection",
+			providers: [provideIcons(...THEME_SETTINGS_ICONS)],
 			imports: [SegmentedControlComponent],
 			host: { class: "contents" },
 			template: `
@@ -652,25 +711,25 @@ var ThemeSettingsNavigationSectionComponent = class ThemeSettingsNavigationSecti
 			case "sidebar": return [{
 				value: "default",
 				label: "Default",
-				icon: "view_sidebar"
+				icon: "panel-right"
 			}, {
 				value: "collapsed",
 				label: "Collapsed",
-				icon: "first_page"
+				icon: "chevrons-left"
 			}];
 			case "dockbar": return [{
 				value: "default",
 				label: "Sticky",
-				icon: "dock_to_left"
+				icon: "panel-left"
 			}, {
 				value: "drawer",
 				label: "Drawer",
-				icon: "side_navigation"
+				icon: "panel-left-dashed"
 			}];
 			default: return [{
 				value: "default",
 				label: "Default",
-				icon: "tune"
+				icon: "sliders-horizontal"
 			}];
 		}
 	}, ...ngDevMode ? [{ debugName: "navTypeModeOptions" }] : /* istanbul ignore next */ []);
@@ -685,7 +744,7 @@ var ThemeSettingsNavigationSectionComponent = class ThemeSettingsNavigationSecti
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ThemeSettingsNavigationSectionComponent,
 		deps: [],
@@ -693,11 +752,12 @@ var ThemeSettingsNavigationSectionComponent = class ThemeSettingsNavigationSecti
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: ThemeSettingsNavigationSectionComponent,
 		isStandalone: true,
 		selector: "ThemeSettingsNavigationSection",
 		host: { classAttribute: "contents" },
+		providers: [provideIcons(...THEME_SETTINGS_ICONS)],
 		ngImport: i0,
 		template: `
     <section
@@ -751,13 +811,14 @@ var ThemeSettingsNavigationSectionComponent = class ThemeSettingsNavigationSecti
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ThemeSettingsNavigationSectionComponent,
 	decorators: [{
 		type: Component,
 		args: [{
 			selector: "ThemeSettingsNavigationSection",
+			providers: [provideIcons(...THEME_SETTINGS_ICONS)],
 			imports: [SegmentedControlComponent],
 			host: { class: "contents" },
 			template: `
@@ -830,7 +891,7 @@ var ThemeSettingsShellSectionComponent = class ThemeSettingsShellSectionComponen
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ThemeSettingsShellSectionComponent,
 		deps: [],
@@ -838,11 +899,12 @@ var ThemeSettingsShellSectionComponent = class ThemeSettingsShellSectionComponen
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: ThemeSettingsShellSectionComponent,
 		isStandalone: true,
 		selector: "ThemeSettingsShellSection",
 		host: { classAttribute: "contents" },
+		providers: [provideIcons(...THEME_SETTINGS_ICONS)],
 		ngImport: i0,
 		template: `
     <section
@@ -939,13 +1001,14 @@ var ThemeSettingsShellSectionComponent = class ThemeSettingsShellSectionComponen
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ThemeSettingsShellSectionComponent,
 	decorators: [{
 		type: Component,
 		args: [{
 			selector: "ThemeSettingsShellSection",
+			providers: [provideIcons(...THEME_SETTINGS_ICONS)],
 			imports: [SegmentedControlComponent],
 			host: { class: "contents" },
 			template: `
@@ -1125,7 +1188,7 @@ var ThemeSettingsThemeSectionComponent = class ThemeSettingsThemeSectionComponen
 	spaceLabelId = injectUniqueId("theme-settings-space");
 	radiusLabelId = injectUniqueId("theme-settings-radius");
 	swatchClasses(active) {
-		return cn("inline-flex size-[18px] rounded-full ring-1 ring-black/10 transition-[transform,box-shadow] duration-200 peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background motion-reduce:transition-none", active ? "ring-2 ring-ring ring-offset-2 ring-offset-background shadow-sm" : "hover:scale-105");
+		return cn("inline-flex size-[18px] rounded-full ring-1 ring-black/10 transition-[transform,box-shadow] duration-normal peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background motion-reduce:transition-none", active ? "ring-2 ring-ring ring-offset-2 ring-offset-background shadow-sm" : "hover:scale-105");
 	}
 	setMode(value) {
 		if (isThemeMode(value)) this.themeMode.setMode(value);
@@ -1152,7 +1215,7 @@ var ThemeSettingsThemeSectionComponent = class ThemeSettingsThemeSectionComponen
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ThemeSettingsThemeSectionComponent,
 		deps: [],
@@ -1160,11 +1223,12 @@ var ThemeSettingsThemeSectionComponent = class ThemeSettingsThemeSectionComponen
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: ThemeSettingsThemeSectionComponent,
 		isStandalone: true,
 		selector: "ThemeSettingsThemeSection",
 		host: { classAttribute: "contents" },
+		providers: [provideIcons(...THEME_SETTINGS_ICONS)],
 		ngImport: i0,
 		template: `
     <section class="flex flex-col gap-5" [attr.aria-labelledby]="themeGroupId">
@@ -1283,13 +1347,14 @@ var ThemeSettingsThemeSectionComponent = class ThemeSettingsThemeSectionComponen
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ThemeSettingsThemeSectionComponent,
 	decorators: [{
 		type: Component,
 		args: [{
 			selector: "ThemeSettingsThemeSection",
+			providers: [provideIcons(...THEME_SETTINGS_ICONS)],
 			imports: [SegmentedControlComponent],
 			host: { class: "contents" },
 			template: `
@@ -1411,7 +1476,7 @@ var ThemeSettingsComponent = class ThemeSettingsComponent {
 	triggerClasses = computed(() => cn("inline-flex items-center gap-2 rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring motion-reduce:transition-none", this.trigger() === "link" ? this.triggerIconOnly() ? "size-11 p-0 text-primary underline-offset-4 hover:underline" : "min-h-11 px-1 text-primary underline-offset-4 hover:underline" : this.triggerIconOnly() ? "size-11 justify-center p-0 text-muted-foreground hover:bg-accent hover:text-foreground" : "min-h-11 justify-center px-3 text-muted-foreground hover:bg-accent hover:text-accent-foreground", this.class()), ...ngDevMode ? [{ debugName: "triggerClasses" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ThemeSettingsComponent,
 		deps: [],
@@ -1419,7 +1484,7 @@ var ThemeSettingsComponent = class ThemeSettingsComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: ThemeSettingsComponent,
 		isStandalone: true,
 		selector: "ThemeSettings",
@@ -1476,6 +1541,7 @@ var ThemeSettingsComponent = class ThemeSettingsComponent {
 		},
 		outputs: { open: "openChange" },
 		host: { classAttribute: "contents" },
+		providers: [provideIcons(LucidePalette)],
 		ngImport: i0,
 		template: `
     @if (showTrigger()) {
@@ -1591,10 +1657,8 @@ var ThemeSettingsComponent = class ThemeSettingsComponent {
 					"name",
 					"class",
 					"size",
-					"fill",
-					"weight",
-					"grade",
-					"opticalSize"
+					"strokeWidth",
+					"label"
 				]
 			},
 			{
@@ -1622,13 +1686,14 @@ var ThemeSettingsComponent = class ThemeSettingsComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ThemeSettingsComponent,
 	decorators: [{
 		type: Component,
 		args: [{
 			selector: "ThemeSettings",
+			providers: [provideIcons(LucidePalette)],
 			imports: [
 				DrawerCloseDirective,
 				DrawerComponent,

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

@@ -91,7 +91,7 @@ var LayoutService = class LayoutService {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: LayoutService,
 		deps: [],
@@ -99,14 +99,14 @@ var LayoutService = class LayoutService {
 	});
 	static ɵprov = i0.ɵɵngDeclareService({
 		minVersion: "22.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: LayoutService
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: LayoutService,
 	decorators: [{ type: Service }]
@@ -221,7 +221,7 @@ var LayoutLoadingService = class LayoutLoadingService {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: LayoutLoadingService,
 		deps: [],
@@ -229,14 +229,14 @@ var LayoutLoadingService = class LayoutLoadingService {
 	});
 	static ɵprov = i0.ɵɵngDeclareService({
 		minVersion: "22.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: LayoutLoadingService
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: LayoutLoadingService,
 	decorators: [{ type: Service }],