aril 1.1.65 → 1.1.66

package/theme/layout/service/selection-group.service.ts

@@ -1,73 +1,73 @@
-import { HttpClient } from '@angular/common/http';
-import { Injectable, effect, signal } from '@angular/core';
-
-import { take } from 'rxjs';
-
-import { API_CONFIGS } from 'aril/boot/config/api';
-
-import { SelectionGroupDTO, SelectionRequestDTO } from './interfaces/interfaces';
-
-@Injectable({
-	providedIn: 'root'
-})
-export class SelectionGroupService {
-	selectionGroups = signal<{ [key: string]: SelectionGroupDTO | null }>({});
-
-	private loading = new Map<string, boolean>();
-	private loaded = new Map<string, boolean>();
-
-	constructor(private http: HttpClient) {
-		this.loadStatesFromLocalStorage();
-
-		effect(() => {
-			const encodedData = btoa(encodeURI(JSON.stringify(this.selectionGroups())));
-			localStorage.setItem('selection-groups', encodedData);
-		});
-	}
-
-	private async loadStatesFromLocalStorage() {
-		const selectionGroups = localStorage.getItem('selection-groups');
-
-		if (selectionGroups) {
-			try {
-				const decodedData = decodeURI(atob(selectionGroups));
-				this.selectionGroups.set(JSON.parse(decodedData));
-			} catch (e) {
-				console.error(e);
-			}
-		}
-	}
-
-	fetchEnum(groupName: string, parentSelectionKey: string = 'ALL') {
-		const key = groupName + '~' + parentSelectionKey;
-
-		if (this.loaded.get(key) || this.loading.get(key)) return;
-
-		const payload: SelectionRequestDTO = {
-			groupName,
-			parentSelectionKey
-		};
-
-		this.loading.set(key, true);
-		this.loaded.set(key, false);
-
-		const hostApi = API_CONFIGS.api.replace(/\/[^\/]+\/v1$/, `/host/v1`);
-
-		this.http
-			.post<SelectionGroupDTO>(hostApi + '/selection-group/load', payload)
-			.pipe(take(1))
-			.subscribe((selectionGroup) => {
-				this.loading.set(key, false);
-				this.loaded.set(key, true);
-
-				this.selectionGroups.update((groups) => ({
-					...groups,
-					[key]: selectionGroup
-				}));
-			});
-	}
-
-	isLoading(groupName: string): boolean {
-		return this.loading.get(groupName) ?? false;
-	}
-}
+import { HttpClient } from '@angular/common/http';
+import { Injectable, effect, signal } from '@angular/core';
+
+import { take } from 'rxjs';
+
+import { API_CONFIGS } from 'aril/boot/config/api';
+
+import { SelectionGroupDTO, SelectionRequestDTO } from './interfaces/interfaces';
+
+@Injectable({
+	providedIn: 'root'
+})
+export class SelectionGroupService {
+	selectionGroups = signal<{ [key: string]: SelectionGroupDTO | null }>({});
+
+	private loading = new Map<string, boolean>();
+	private loaded = new Map<string, boolean>();
+
+	constructor(private http: HttpClient) {
+		this.loadStatesFromLocalStorage();
+
+		effect(() => {
+			const encodedData = btoa(encodeURI(JSON.stringify(this.selectionGroups())));
+			localStorage.setItem('selection-groups', encodedData);
+		});
+	}
+
+	private async loadStatesFromLocalStorage() {
+		const selectionGroups = localStorage.getItem('selection-groups');
+
+		if (selectionGroups) {
+			try {
+				const decodedData = decodeURI(atob(selectionGroups));
+				this.selectionGroups.set(JSON.parse(decodedData));
+			} catch (e) {
+				console.error(e);
+			}
+		}
+	}
+
+	fetchEnum(groupName: string, parentSelectionKey: string = 'ALL') {
+		const key = groupName + '~' + parentSelectionKey;
+
+		if (this.loaded.get(key) || this.loading.get(key)) return;
+
+		const payload: SelectionRequestDTO = {
+			groupName,
+			parentSelectionKey
+		};
+
+		this.loading.set(key, true);
+		this.loaded.set(key, false);
+
+		const hostApi = API_CONFIGS.api.replace(/\/[^\/]+\/v1$/, `/host/v1`);
+
+		this.http
+			.post<SelectionGroupDTO>(hostApi + '/selection-group/load', payload)
+			.pipe(take(1))
+			.subscribe((selectionGroup) => {
+				this.loading.set(key, false);
+				this.loaded.set(key, true);
+
+				this.selectionGroups.update((groups) => ({
+					...groups,
+					[key]: selectionGroup
+				}));
+			});
+	}
+
+	isLoading(groupName: string): boolean {
+		return this.loading.get(groupName) ?? false;
+	}
+}

package/theme/ng-package.json

@@ -1,6 +1,6 @@
-{
-	"$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
-	"lib": {
-		"entryFile": "./index.ts"
-	}
-}
+{
+	"$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
+	"lib": {
+		"entryFile": "./index.ts"
+	}
+}

package/theme/styles/layout/_animation.scss

@@ -1,53 +1,53 @@
-@keyframes px-mask-in {
-	from {
-		background-color: transparent;
-	}
-
-	to {
-		background-color: var(--maskbg);
-	}
-}
-
-@keyframes px-scalein {
-	0% {
-		opacity: 0;
-		transform: scaleY(0.8);
-	}
-
-	100% {
-		opacity: 1;
-		transform: scaleY(1);
-	}
-}
-
-@keyframes px-fadein {
-	0% {
-		opacity: 0;
-	}
-
-	100% {
-		opacity: 1;
-	}
-}
-
-@keyframes px-fadeout {
-	0% {
-		opacity: 1;
-	}
-
-	100% {
-		opacity: 0;
-	}
-}
-
-.px-scalein {
-	animation: px-scalein 0.12s cubic-bezier(0, 0, 0.2, 1);
-}
-
-.px-fadein {
-	animation: px-fadein 0.15s linear;
-}
-
-.px-fadeout {
-	animation: px-fadeout 0.15s linear;
-}
+@keyframes px-mask-in {
+	from {
+		background-color: transparent;
+	}
+
+	to {
+		background-color: var(--maskbg);
+	}
+}
+
+@keyframes px-scalein {
+	0% {
+		opacity: 0;
+		transform: scaleY(0.8);
+	}
+
+	100% {
+		opacity: 1;
+		transform: scaleY(1);
+	}
+}
+
+@keyframes px-fadein {
+	0% {
+		opacity: 0;
+	}
+
+	100% {
+		opacity: 1;
+	}
+}
+
+@keyframes px-fadeout {
+	0% {
+		opacity: 1;
+	}
+
+	100% {
+		opacity: 0;
+	}
+}
+
+.px-scalein {
+	animation: px-scalein 0.12s cubic-bezier(0, 0, 0.2, 1);
+}
+
+.px-fadein {
+	animation: px-fadein 0.15s linear;
+}
+
+.px-fadeout {
+	animation: px-fadeout 0.15s linear;
+}

package/theme/styles/layout/_breadcrumb.scss

@@ -1,31 +1,31 @@
-.layout-breadcrumb {
-	ol {
-		display: flex;
-		align-items: center;
-		margin: 0;
-		padding: 0;
-		list-style: none;
-		gap: 1rem;
-		flex-wrap: wrap;
-		color: var(--text-color-secondary);
-
-		li {
-			font-weight: 600;
-		}
-	}
-}
-
-.content-breadcrumb {
-	margin-bottom: 2rem;
-	padding: 0 0.5rem;
-}
-
-
-@layer primeng {
-	.p-breadcrumb {
-		.p-menuitem-link,
-		.pi {
-			font-size: 14px;
-		}
-	}
-}
+.layout-breadcrumb {
+	ol {
+		display: flex;
+		align-items: center;
+		margin: 0;
+		padding: 0;
+		list-style: none;
+		gap: 1rem;
+		flex-wrap: wrap;
+		color: var(--text-color-secondary);
+
+		li {
+			font-weight: 600;
+		}
+	}
+}
+
+.content-breadcrumb {
+	margin-bottom: 2rem;
+	padding: 0 0.5rem;
+}
+
+
+@layer primeng {
+	.p-breadcrumb {
+		.p-menuitem-link,
+		.pi {
+			font-size: 14px;
+		}
+	}
+}

package/theme/styles/layout/_config.scss

@@ -1,42 +1,42 @@
-.layout-config-button {
-	display: block;
-	position: fixed;
-	width: 3rem;
-	height: 3rem;
-	line-height: 3rem;
-	background: var(--primary-color);
-	color: var(--primary-color-text);
-	text-align: center;
-	top: 50%;
-	right: 0;
-	margin-top: -1.5rem;
-	border-top-left-radius: var(--border-radius);
-	border-bottom-left-radius: var(--border-radius);
-	border-top-right-radius: 0;
-	border-bottom-right-radius: 0;
-	transition: background-color var(--transition-duration);
-	overflow: hidden;
-	cursor: pointer;
-	z-index: 999;
-	box-shadow: -0.25rem 0 1rem rgba(0, 0, 0, 0.15);
-
-	i {
-		font-size: 2rem;
-		line-height: inherit;
-		transform: rotate(0deg);
-		transition: transform 1s;
-	}
-
-	&:hover {
-		background: var(--primary-400);
-	}
-}
-
-.layout-config-sidebar {
-	&.p-sidebar {
-		.p-sidebar-content {
-			padding-left: 2rem;
-			padding-right: 2rem;
-		}
-	}
-}
+.layout-config-button {
+	display: block;
+	position: fixed;
+	width: 3rem;
+	height: 3rem;
+	line-height: 3rem;
+	background: var(--primary-color);
+	color: var(--primary-color-text);
+	text-align: center;
+	top: 50%;
+	right: 0;
+	margin-top: -1.5rem;
+	border-top-left-radius: var(--border-radius);
+	border-bottom-left-radius: var(--border-radius);
+	border-top-right-radius: 0;
+	border-bottom-right-radius: 0;
+	transition: background-color var(--transition-duration);
+	overflow: hidden;
+	cursor: pointer;
+	z-index: 999;
+	box-shadow: -0.25rem 0 1rem rgba(0, 0, 0, 0.15);
+
+	i {
+		font-size: 2rem;
+		line-height: inherit;
+		transform: rotate(0deg);
+		transition: transform 1s;
+	}
+
+	&:hover {
+		background: var(--primary-400);
+	}
+}
+
+.layout-config-sidebar {
+	&.p-sidebar {
+		.p-sidebar-content {
+			padding-left: 2rem;
+			padding-right: 2rem;
+		}
+	}
+}

package/theme/styles/layout/_content.scss

@@ -1,61 +1,61 @@
-
-
-.layout-content {
- 	padding: 70px 20px 0 20px !important;
- 	border-radius: 5px 5px 0px 0px !important;
- 	min-height: calc(100vh - 127px);
-}
-
-// Add styles for the expandable sidebar layout
-.layout-container {
-    .layout-content-wrapper {
-        transition: margin-left 0.3s ease;
-    }
-
-    &.new-sidebar-layout {
-        .layout-content-wrapper {
-            margin-left: 64px;
-        }
-    }
-
-    &.new-sidebar-layout.secondary-expanded {
-        .layout-content-wrapper {
-            margin-left: 284px; // 64px (main) + 220px (secondary)
-        }
-    }
-
-    &.layout-static {
-        .layout-content-wrapper {
-            margin-left: 270px; // match static sidebar width
-            transition: margin-left 0.3s ease;
-        }
-
-        &.layout-static-inactive {
-            .layout-content-wrapper {
-                margin-left: 0;
-            }
-        }
-
-        &.layout-static-collapsed {
-            .layout-content-wrapper {
-                margin-left: 60px; // match collapsed sidebar width
-            }
-        }
-    }
-}
-
-@media screen and (max-width: 991px) {
-    .layout-container {
-        &.new-sidebar-layout,
-        &.new-sidebar-layout.secondary-expanded {
-            .layout-content-wrapper {
-                margin-left: 0;
-            }
-        }
-        &.layout-static {
-            .layout-content-wrapper {
-                margin-left: 0;
-            }
-        }
-    }
-}
+
+
+.layout-content {
+ 	padding: 70px 20px 0 20px !important;
+ 	border-radius: 5px 5px 0px 0px !important;
+ 	min-height: calc(100vh - 127px);
+}
+
+// Add styles for the expandable sidebar layout
+.layout-container {
+    .layout-content-wrapper {
+        transition: margin-left 0.3s ease;
+    }
+
+    &.new-sidebar-layout {
+        .layout-content-wrapper {
+            margin-left: 64px;
+        }
+    }
+
+    &.new-sidebar-layout.secondary-expanded {
+        .layout-content-wrapper {
+            margin-left: 284px; // 64px (main) + 220px (secondary)
+        }
+    }
+
+    &.layout-static {
+        .layout-content-wrapper {
+            margin-left: 270px; // match static sidebar width
+            transition: margin-left 0.3s ease;
+        }
+
+        &.layout-static-inactive {
+            .layout-content-wrapper {
+                margin-left: 0;
+            }
+        }
+
+        &.layout-static-collapsed {
+            .layout-content-wrapper {
+                margin-left: 60px; // match collapsed sidebar width
+            }
+        }
+    }
+}
+
+@media screen and (max-width: 991px) {
+    .layout-container {
+        &.new-sidebar-layout,
+        &.new-sidebar-layout.secondary-expanded {
+            .layout-content-wrapper {
+                margin-left: 0;
+            }
+        }
+        &.layout-static {
+            .layout-content-wrapper {
+                margin-left: 0;
+            }
+        }
+    }
+}