aril 1.1.97 → 1.2.0

package/theme/layout/app/site-map/site-map-sidebar.component.html

@@ -1,121 +1,121 @@
-<p-sidebar
-	[(visible)]="visible"
-	position="right"
-	[transitionOptions]="'.3s cubic-bezier(0, 0, 0.2, 1)'"
-	styleClass="layout-sitemap-sidebar w-full sm:w-30rem"
-	*transloco="let t; read: 'siteMap'">
-	<ng-template pTemplate="header">
-		<div class="flex align-items-center justify-content-between gap-2 w-full">
-			<div class="flex align-items-center gap-2">
-				<i class="pi pi-sitemap text-primary text-xl"></i>
-				<span class="font-bold text-lg">{{ t('siteMap') }}</span>
-				<span class="total-pages">{{ totalPages() }} {{ t('pages') }}</span>
-			</div>
-		</div>
-	</ng-template>
-
-	<div class="sitemap-content">
-		<div class="search-section grid p-fluid m-0">
-			<aril-text
-				[placeholder]="t('searchPages')"
-				[(ngModel)]="searchTerm"
-				(ngModelChange)="onSearchChange()"
-				class="col-10 m-0">
-			</aril-text>
-			@if (filteredNodes().length > 0) {
-			<div class="col-2 flex align-items-center m-0 p-0">
-					<fa-icon
-						[icon]="solidIcons.faAnglesDown"
-						size="xl"
-						style="color: var(--primary-color)"
-						class="col-1 cursor-pointer"
-						[pTooltip]="t('expandAll')"
-						tooltipPosition="top"
-						(click)="expandAll()">
-					</fa-icon>
-					<fa-icon
-						[icon]="solidIcons.faAnglesUp"
-						size="xl"
-						style="color: var(--red-500)"
-						class="col-1 ml-3 cursor-pointer"
-						[pTooltip]="t('collapseAll')"
-						tooltipPosition="top"
-						(click)="collapseAll()">
-					</fa-icon>
-				</div>
-			}
-		</div>
-
-		<!-- Site Map Tree -->
-		@if (filteredNodes().length > 0) {
-			<div class="sitemap-tree">
-				<p-scrollPanel [style]="{ width: '100%', height: '100%' }">
-					<div class="tree-container">
-						@for (node of filteredNodes(); track trackByKey($index, node)) {
-							<ng-container *ngTemplateOutlet="treeNodeTemplate; context: { $implicit: node, level: 0 }"></ng-container>
-						}
-					</div>
-				</p-scrollPanel>
-			</div>
-		} @else {
-			<div class="empty-state">
-				<div class="empty-content">
-					<i class="pi pi-sitemap empty-icon"></i>
-					<h3 class="empty-title">
-						{{ searchTerm() ? t('noSearchResults') : t('noPages') }}
-					</h3>
-					<p class="empty-message">
-						{{ searchTerm() ? t('tryDifferentKeywords') : '' }}
-					</p>
-					@if (searchTerm()) {
-						<aril-button
-							[label]="t('clearSearch')"
-							icon="TIMES"
-							color="secondary"
-							[outlined]="true"
-							size="sm"
-							(clickEvent)="searchTerm.set(''); onSearchChange()">
-						</aril-button>
-					}
-				</div>
-			</div>
-		}
-
-		<!-- Recursive Tree Node Template -->
-		<ng-template #treeNodeTemplate let-node let-level="level">
-			<div class="tree-node" [style.margin-left.px]="level * 20">
-				<div
-					class="node-item"
-					[class.has-children]="node.children && node.children.length > 0"
-					[class.is-page]="node.routerLink"
-					[routerLink]="node.routerLink"
-					(click)="!node.routerLink ? toggleNode(node) : (visible = false)">
-					<div class="node-content">
-						@if (node.children && node.children.length > 0) {
-							<div class="toggle-btn" (click)="$event.stopPropagation(); toggleNode(node)">
-								<i class="pi" [class.pi-chevron-right]="!node.expanded" [class.pi-chevron-down]="node.expanded"></i>
-							</div>
-						}
-
-						@if (node.icon) {
-							<i class="node-icon" [class]="node.icon"></i>
-						}
-						<span class="node-label">{{ node.label | translateJson }}</span>
-
-						@if (node.routerLink) {
-							<i class="external-icon pi pi-external-link"></i>
-						}
-					</div>
-				</div>
-
-				<!-- Recursive Children -->
-				@if (node.children && node.expanded) {
-					@for (child of node.children; track trackByKey($index, child)) {
-						<ng-container
-							*ngTemplateOutlet="treeNodeTemplate; context: { $implicit: child, level: level + 1 }"></ng-container>
-					}
-				}
-			</div>
-		</ng-template>
-	</div>
-</p-sidebar>
+<p-sidebar
+	[(visible)]="visible"
+	position="right"
+	[transitionOptions]="'.3s cubic-bezier(0, 0, 0.2, 1)'"
+	styleClass="layout-sitemap-sidebar w-full sm:w-30rem"
+	*transloco="let t; read: 'siteMap'">
+	<ng-template pTemplate="header">
+		<div class="flex align-items-center justify-content-between gap-2 w-full">
+			<div class="flex align-items-center gap-2">
+				<i class="pi pi-sitemap text-primary text-xl"></i>
+				<span class="font-bold text-lg">{{ t('siteMap') }}</span>
+				<span class="total-pages">{{ totalPages() }} {{ t('pages') }}</span>
+			</div>
+		</div>
+	</ng-template>
+
+	<div class="sitemap-content">
+		<div class="search-section grid p-fluid m-0">
+			<aril-text
+				[placeholder]="t('searchPages')"
+				[(ngModel)]="searchTerm"
+				(ngModelChange)="onSearchChange()"
+				class="col-10 m-0">
+			</aril-text>
+			@if (filteredNodes().length > 0) {
+			<div class="col-2 flex align-items-center m-0 p-0">
+					<fa-icon
+						[icon]="solidIcons.faAnglesDown"
+						size="xl"
+						style="color: var(--primary-color)"
+						class="col-1 cursor-pointer"
+						[pTooltip]="t('expandAll')"
+						tooltipPosition="top"
+						(click)="expandAll()">
+					</fa-icon>
+					<fa-icon
+						[icon]="solidIcons.faAnglesUp"
+						size="xl"
+						style="color: var(--red-500)"
+						class="col-1 ml-3 cursor-pointer"
+						[pTooltip]="t('collapseAll')"
+						tooltipPosition="top"
+						(click)="collapseAll()">
+					</fa-icon>
+				</div>
+			}
+		</div>
+
+		<!-- Site Map Tree -->
+		@if (filteredNodes().length > 0) {
+			<div class="sitemap-tree">
+				<p-scrollPanel [style]="{ width: '100%', height: '100%' }">
+					<div class="tree-container">
+						@for (node of filteredNodes(); track trackByKey($index, node)) {
+							<ng-container *ngTemplateOutlet="treeNodeTemplate; context: { $implicit: node, level: 0 }"></ng-container>
+						}
+					</div>
+				</p-scrollPanel>
+			</div>
+		} @else {
+			<div class="empty-state">
+				<div class="empty-content">
+					<i class="pi pi-sitemap empty-icon"></i>
+					<h3 class="empty-title">
+						{{ searchTerm() ? t('noSearchResults') : t('noPages') }}
+					</h3>
+					<p class="empty-message">
+						{{ searchTerm() ? t('tryDifferentKeywords') : '' }}
+					</p>
+					@if (searchTerm()) {
+						<aril-button
+							[label]="t('clearSearch')"
+							icon="TIMES"
+							color="secondary"
+							[outlined]="true"
+							size="sm"
+							(clickEvent)="searchTerm.set(''); onSearchChange()">
+						</aril-button>
+					}
+				</div>
+			</div>
+		}
+
+		<!-- Recursive Tree Node Template -->
+		<ng-template #treeNodeTemplate let-node let-level="level">
+			<div class="tree-node" [style.margin-left.px]="level * 20">
+				<div
+					class="node-item"
+					[class.has-children]="node.children && node.children.length > 0"
+					[class.is-page]="node.routerLink"
+					[routerLink]="node.routerLink"
+					(click)="!node.routerLink ? toggleNode(node) : (visible = false)">
+					<div class="node-content">
+						@if (node.children && node.children.length > 0) {
+							<div class="toggle-btn" (click)="$event.stopPropagation(); toggleNode(node)">
+								<i class="pi" [class.pi-chevron-right]="!node.expanded" [class.pi-chevron-down]="node.expanded"></i>
+							</div>
+						}
+
+						@if (node.icon) {
+							<i class="node-icon" [class]="node.icon"></i>
+						}
+						<span class="node-label">{{ node.label | translateJson }}</span>
+
+						@if (node.routerLink) {
+							<i class="external-icon pi pi-external-link"></i>
+						}
+					</div>
+				</div>
+
+				<!-- Recursive Children -->
+				@if (node.children && node.expanded) {
+					@for (child of node.children; track trackByKey($index, child)) {
+						<ng-container
+							*ngTemplateOutlet="treeNodeTemplate; context: { $implicit: child, level: level + 1 }"></ng-container>
+					}
+				}
+			</div>
+		</ng-template>
+	</div>
+</p-sidebar>

package/theme/layout/app/site-map/site-map-sidebar.component.ts

@@ -52,7 +52,7 @@ export class SiteMapSidebarComponent implements OnInit {
 	searchTerm = signal<string>('');
 	totalPages = signal<number>(0);
   solidIcons = solidIcons;
-	
+
 	constructor(
 		public layoutService: LayoutService,
 		private translocoService: TranslocoService