cloud-ide-academics 0.0.54 → 0.0.56

package/fesm2022/{cloud-ide-academics-cloud-ide-academics-Dd-B1hBe.mjs → cloud-ide-academics-cloud-ide-academics-BVQ8sA0L.mjs}

@@ -1,19 +1,19 @@
 import { authGuard } from 'cloud-ide-auth';
 import * as i0 from '@angular/core';
-import { inject, Injectable, DestroyRef, signal, Component, viewChild, computed, input, output, effect } from '@angular/core';
+import { inject, Injectable, signal, DestroyRef, ChangeDetectorRef, computed, Component, viewChild, input, output, effect } from '@angular/core';
 import * as i1$1 from '@angular/common';
 import { CommonModule, Location, NgClass } from '@angular/common';
 import * as i1 from '@angular/forms';
-import { FormBuilder, Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
+import { FormBuilder, ReactiveFormsModule, FormsModule, Validators } from '@angular/forms';
 import { Router, ActivatedRoute, NavigationEnd } from '@angular/router';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { of, forkJoin, filter as filter$1 } from 'rxjs';
 import { switchMap, catchError, map, filter } from 'rxjs/operators';
-import { CideInputComponent, CideTextareaComponent, CideEleButtonComponent, CideEleTabComponent, CideIconComponent, CideSelectComponent, CideFormFieldErrorComponent, ConfirmationService, NotificationService, CideEleDataGridComponent, CideEleDropdownComponent } from 'cloud-ide-element';
+import { NotificationService, CideInputComponent, CideTextareaComponent, CideEleButtonComponent, CideEleTabComponent, CideIconComponent, CideSelectComponent, CideFormFieldErrorComponent, ConfirmationService, CideEleDataGridComponent, CideEleDropdownComponent } from 'cloud-ide-element';
 import { HttpClient } from '@angular/common/http';
 import { generateStringFromObject, cidePath, hostManagerRoutesUrl, academicsRoutesUrl, generateObjectFromString, AcaClassPrgBranchListPayload, MClassProgramTerm, MPrgTrmSectionInsertUpdatePayload, MPrgTrmSection } from 'cloud-ide-lms-model';
 import { ENTITY_SERVICE_TOKEN, CideCoreGeneralMasterService, CLASS_PROGRAM_MASTER_SERVICE_TOKEN, PROGRAM_TERM_SECTION_SERVICE_TOKEN } from 'cloud-ide-shared';
-import { ComponentContextService, RightsService, AppStateHelperService, CideLytSharedWrapperComponent } from 'cloud-ide-layout';
+import { ComponentContextService, RightsService, CideLytSharedWrapperComponent, AppStateHelperService } from 'cloud-ide-layout';
 
 const academicsRoutes = [
     // Academic Year Management Routes
@@ -55,7 +55,7 @@ const academicsRoutes = [
     },
     {
         path: 'program-class-management',
-        loadComponent: () => import('./cloud-ide-academics-program-class-list.component-CaVWRJfR.mjs').then(c => c.ProgramClassListComponent),
+        loadComponent: () => import('./cloud-ide-academics-program-class-list.component-DZrSl_02.mjs').then(c => c.ProgramClassListComponent),
         title: 'Program Class Management',
         canActivate: [authGuard],
         data: {
@@ -64,7 +64,7 @@ const academicsRoutes = [
     },
     {
         path: 'program-class-management/create',
-        loadComponent: () => import('./cloud-ide-academics-program-class-create.component-DT_-sBiQ.mjs').then(c => c.ProgramClassCreateComponent),
+        loadComponent: () => import('./cloud-ide-academics-program-class-create.component-DIG3K1WR.mjs').then(c => c.ProgramClassCreateComponent),
         title: 'Create Program Class',
         canActivate: [authGuard],
         data: {
@@ -73,7 +73,7 @@ const academicsRoutes = [
     },
     {
         path: 'program-class-management/edit/:query',
-        loadComponent: () => import('./cloud-ide-academics-program-class-create.component-DT_-sBiQ.mjs').then(c => c.ProgramClassCreateComponent),
+        loadComponent: () => import('./cloud-ide-academics-program-class-create.component-DIG3K1WR.mjs').then(c => c.ProgramClassCreateComponent),
         title: 'Edit Program Class',
         canActivate: [authGuard],
         data: {
@@ -82,7 +82,7 @@ const academicsRoutes = [
     },
     {
         path: 'program-class-management/view/:query',
-        loadComponent: () => import('./cloud-ide-academics-program-class-create.component-DT_-sBiQ.mjs').then(c => c.ProgramClassCreateComponent),
+        loadComponent: () => import('./cloud-ide-academics-program-class-create.component-DIG3K1WR.mjs').then(c => c.ProgramClassCreateComponent),
         title: 'View Program Class',
         canActivate: [authGuard],
         data: {
@@ -91,7 +91,7 @@ const academicsRoutes = [
     },
     {
         path: 'program-term-management/create',
-        loadComponent: () => import('./cloud-ide-academics-class-program-term-create.component-1IuTrJUo.mjs').then(c => c.ClassProgramTermCreateComponent),
+        loadComponent: () => import('./cloud-ide-academics-class-program-term-create.component-B-gGKnpJ.mjs').then(c => c.ClassProgramTermCreateComponent),
         title: 'Create Class Program Term',
         canActivate: [authGuard],
         data: {
@@ -100,7 +100,7 @@ const academicsRoutes = [
     },
     {
         path: 'program-term-management/create/:query',
-        loadComponent: () => import('./cloud-ide-academics-class-program-term-create.component-1IuTrJUo.mjs').then(c => c.ClassProgramTermCreateComponent),
+        loadComponent: () => import('./cloud-ide-academics-class-program-term-create.component-B-gGKnpJ.mjs').then(c => c.ClassProgramTermCreateComponent),
         title: 'Create Class Program Term',
         canActivate: [authGuard],
         data: {
@@ -109,7 +109,7 @@ const academicsRoutes = [
     },
     {
         path: 'program-term-management/edit/:query',
-        loadComponent: () => import('./cloud-ide-academics-class-program-term-create.component-1IuTrJUo.mjs').then(c => c.ClassProgramTermCreateComponent),
+        loadComponent: () => import('./cloud-ide-academics-class-program-term-create.component-B-gGKnpJ.mjs').then(c => c.ClassProgramTermCreateComponent),
         title: 'Edit Class Program Term',
         canActivate: [authGuard],
         data: {
@@ -118,7 +118,7 @@ const academicsRoutes = [
     },
     {
         path: 'program-term-management/view/:query',
-        loadComponent: () => import('./cloud-ide-academics-class-program-term-create.component-1IuTrJUo.mjs').then(c => c.ClassProgramTermCreateComponent),
+        loadComponent: () => import('./cloud-ide-academics-class-program-term-create.component-B-gGKnpJ.mjs').then(c => c.ClassProgramTermCreateComponent),
         title: 'View Class Program Term',
         canActivate: [authGuard],
         data: {
@@ -127,7 +127,7 @@ const academicsRoutes = [
     },
     {
         path: 'program-term-management',
-        loadComponent: () => import('./cloud-ide-academics-class-program-term-list.component-C1JWoKus.mjs').then(c => c.ClassProgramTermListComponent),
+        loadComponent: () => import('./cloud-ide-academics-class-program-term-list.component-BFfAhZrq.mjs').then(c => c.ClassProgramTermListComponent),
         title: 'Class Program Term Management',
         canActivate: [authGuard],
         data: {
@@ -136,7 +136,7 @@ const academicsRoutes = [
     },
     {
         path: 'program-term-management/:query',
-        loadComponent: () => import('./cloud-ide-academics-class-program-term-list.component-C1JWoKus.mjs').then(c => c.ClassProgramTermListComponent),
+        loadComponent: () => import('./cloud-ide-academics-class-program-term-list.component-BFfAhZrq.mjs').then(c => c.ClassProgramTermListComponent),
         title: 'Class Program Term Management',
         canActivate: [authGuard],
         data: {
@@ -296,22 +296,22 @@ const academicsRoutes = [
         }
     },
     {
-        path: 'teacher/create',
+        path: 'teacher-create',
         loadComponent: () => import('cloud-ide-core').then(m => m.CideCoreUserCreateComponent),
         title: 'Create Faculty',
         canActivate: [authGuard],
         data: {
-            sypg_page_code: "academics_teacher_list",
+            sypg_page_code: "academics_teacher_create",
             userType: 'TEACHER'
         }
     },
     {
-        path: 'teacher/edit/:query',
+        path: 'teacher-edit/:query',
         loadComponent: () => import('cloud-ide-core').then(m => m.CideCoreUserCreateComponent),
         title: 'Edit Faculty',
         canActivate: [authGuard],
         data: {
-            sypg_page_code: "academics_teacher_list",
+            sypg_page_code: "academics_teacher_create",
             userType: 'TEACHER'
         }
     },
@@ -321,14 +321,14 @@ const academicsRoutes = [
         title: 'View Teacher',
         canActivate: [authGuard],
         data: {
-            sypg_page_code: "academics_teacher_list",
+            sypg_page_code: "academics_teacher_create",
             userType: 'TEACHER'
         }
     },
     // Bonafide Management Routes
     {
         path: 'bonafide',
-        loadComponent: () => import('./cloud-ide-academics-bonafide-request-list.component-DKYKgplL.mjs').then(c => c.CideAcademicsBonafideRequestListComponent),
+        loadComponent: () => import('./cloud-ide-academics-bonafide-request-list.component-CldJcpVL.mjs').then(c => c.CideAcademicsBonafideRequestListComponent),
         title: 'Bonafide Requests',
         canActivate: [authGuard],
         data: {
@@ -337,7 +337,7 @@ const academicsRoutes = [
     },
     {
         path: 'bonafide/create',
-        loadComponent: () => import('./cloud-ide-academics-bonafide-request-form.component-CM3ISuhU.mjs').then(c => c.CideAcademicsBonafideRequestFormComponent),
+        loadComponent: () => import('./cloud-ide-academics-bonafide-request-form.component-GiVehOPg.mjs').then(c => c.CideAcademicsBonafideRequestFormComponent),
         title: 'Create Bonafide Request',
         canActivate: [authGuard],
         data: {
@@ -346,7 +346,7 @@ const academicsRoutes = [
     },
     {
         path: 'bonafide/view/:query',
-        loadComponent: () => import('./cloud-ide-academics-bonafide-request-detail.component-BRG6AkHZ.mjs').then(c => c.CideAcademicsBonafideRequestDetailComponent),
+        loadComponent: () => import('./cloud-ide-academics-bonafide-request-detail.component-Mh9qdY6v.mjs').then(c => c.CideAcademicsBonafideRequestDetailComponent),
         title: 'Bonafide Request Details',
         canActivate: [authGuard],
         data: {
@@ -528,10 +528,10 @@ class CideLytAcademicYearService {
         console.log('🔄 Making PATCH request to toggle academic year mapping status:', { url, payload });
         return this.http.patch(url, payload);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytAcademicYearService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytAcademicYearService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytAcademicYearService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytAcademicYearService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytAcademicYearService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytAcademicYearService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -544,6 +544,12 @@ class CideLytAcademicYearMappingService {
      * Get list of academic year mappings
      * @param payload - Query parameters for filtering/pagination
      * @returns Observable of academic year mapping list response
+     *
+     * Note: The JWT token is automatically sent via the auth interceptor in the Authorization header.
+     * The API should:
+     * 1. Extract the entity ID from the JWT token (from core_system_entity._id in the decoded token)
+     * 2. Filter mappings to return only those where acayrmp_entity_id_syen matches the entity ID from the token
+     * 3. Do NOT rely on entity ID from the request payload - it should come from the token only
      */
     getAcademicYearMappingList(payload) {
         const query = generateStringFromObject(payload);
@@ -614,10 +620,10 @@ class CideLytAcademicYearMappingService {
         ]);
         return this.http.post(url, payload);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytAcademicYearMappingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytAcademicYearMappingService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytAcademicYearMappingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytAcademicYearMappingService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytAcademicYearMappingService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytAcademicYearMappingService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -625,6 +631,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
         }] });
 
 class AcademicYearCreateComponent {
+    // Shared wrapper setup for breadcrumbs
+    shared_wrapper_setup_param = signal({
+        sypg_page_code: "academic_year_list"
+    }, ...(ngDevMode ? [{ debugName: "shared_wrapper_setup_param" }] : []));
+    breadcrumb_data = signal([], ...(ngDevMode ? [{ debugName: "breadcrumb_data" }] : []));
     // Modern Angular 20+ dependency injection
     destroyRef = inject(DestroyRef);
     fb = inject(FormBuilder);
@@ -635,6 +646,10 @@ class AcademicYearCreateComponent {
     route = inject(ActivatedRoute);
     componentContextService = inject(ComponentContextService);
     rightsService = inject(RightsService);
+    notificationService = inject(NotificationService);
+    cdr = inject(ChangeDetectorRef);
+    // Signal to track mapping changes and trigger computed signal updates
+    mappingsChangeTrigger = signal(0, ...(ngDevMode ? [{ debugName: "mappingsChangeTrigger" }] : []));
     // Form and state management with proper typing
     academicYearForm;
     activeTab = signal('basic', ...(ngDevMode ? [{ debugName: "activeTab" }] : []));
@@ -642,17 +657,111 @@ class AcademicYearCreateComponent {
     // Academic year information from route
     academicYearId = signal('', ...(ngDevMode ? [{ debugName: "academicYearId" }] : []));
     isEditMode = signal(false, ...(ngDevMode ? [{ debugName: "isEditMode" }] : []));
+    isViewMode = signal(false, ...(ngDevMode ? [{ debugName: "isViewMode" }] : []));
     originalMappings = signal([], ...(ngDevMode ? [{ debugName: "originalMappings" }] : [])); // Track original mappings for deletion
     // Entity options for dropdown
     entityOptions = signal([], ...(ngDevMode ? [{ debugName: "entityOptions" }] : []));
+    // Computed signal to check if form is valid for submission (including mapping validation)
+    isFormValidForSubmit = computed(() => {
+        // Access the trigger signal to make this computed reactive to mapping changes
+        this.mappingsChangeTrigger();
+        const formValid = this.academicYearForm.valid;
+        const mappings = this.academicYearMappingsArray.controls;
+        // For create mode: require at least one mapping with valid entity
+        if (!this.isEditMode()) {
+            if (mappings.length === 0) {
+                return false;
+            }
+            // Check if at least one mapping has an entity selected
+            const hasValidMapping = mappings.some((mapping) => {
+                const entityId = mapping.get('acayrmp_entity_id_syen')?.value;
+                return entityId && entityId.trim() !== '';
+            });
+            return formValid && hasValidMapping;
+        }
+        // For edit mode: mappings are optional, but if they exist, they should be valid
+        if (mappings.length > 0) {
+            const allMappingsValid = mappings.every((mapping) => {
+                const entityId = mapping.get('acayrmp_entity_id_syen')?.value;
+                return entityId && entityId.trim() !== '';
+            });
+            return formValid && allMappingsValid;
+        }
+        return formValid;
+    }, ...(ngDevMode ? [{ debugName: "isFormValidForSubmit" }] : []));
+    // Computed signal to get the reason why the button is disabled
+    submitButtonDisabledReason = computed(() => {
+        // Access the trigger signal to make this computed reactive to mapping changes
+        this.mappingsChangeTrigger();
+        if (this.loading()) {
+            return 'Saving...';
+        }
+        if (!this.academicYearForm.valid) {
+            // Get first invalid field
+            const invalidFields = [];
+            Object.keys(this.academicYearForm.controls).forEach(key => {
+                const control = this.academicYearForm.get(key);
+                if (control && control.invalid && control.errors) {
+                    const fieldLabel = this.getFieldLabel(key);
+                    invalidFields.push(fieldLabel);
+                }
+            });
+            if (invalidFields.length > 0) {
+                return `Please fix: ${invalidFields.slice(0, 2).join(', ')}${invalidFields.length > 2 ? '...' : ''}`;
+            }
+            return 'Please fill in all required fields';
+        }
+        // Check mapping validation
+        const mappings = this.academicYearMappingsArray.controls;
+        if (!this.isEditMode() && mappings.length === 0) {
+            return 'At least one entity mapping is required';
+        }
+        // Check if mappings exist but none have entity selected (for create mode)
+        if (!this.isEditMode() && mappings.length > 0) {
+            const hasValidMapping = mappings.some((mapping) => {
+                const entityId = mapping.get('acayrmp_entity_id_syen')?.value;
+                return entityId && entityId.trim() !== '';
+            });
+            if (!hasValidMapping) {
+                return 'At least one entity mapping must have an entity selected';
+            }
+        }
+        // Check if mappings have errors
+        for (let i = 0; i < mappings.length; i++) {
+            const mapping = mappings[i];
+            const entityId = mapping.get('acayrmp_entity_id_syen')?.value;
+            if (!entityId || entityId.trim() === '') {
+                return `Mapping ${i + 1} is missing entity selection`;
+            }
+            // Check for duplicates
+            const currentEntityId = mapping.get('acayrmp_entity_id_syen')?.value;
+            const duplicateIndex = this.findDuplicateEntitySelection(currentEntityId, i);
+            if (duplicateIndex !== -1) {
+                return `Duplicate entity in mappings ${i + 1} and ${duplicateIndex + 1}`;
+            }
+        }
+        return '';
+    }, ...(ngDevMode ? [{ debugName: "submitButtonDisabledReason" }] : []));
+    /**
+     * Get user-friendly field label
+     */
+    getFieldLabel(fieldName) {
+        const labels = {
+            'acayr_code': 'Academic Year Code',
+            'acayr_name': 'Academic Year Name',
+            'acayr_from_date': 'From Date',
+            'acayr_to_date': 'To Date'
+        };
+        return labels[fieldName] || fieldName;
+    }
     constructor() {
         this.academicYearForm = this.fb.group({
             // Basic Academic Year Information
-            acayr_code: ['', [Validators.required]],
-            acayr_name: ['', [Validators.required]],
+            acayr_code: [''],
+            acayr_name: [''],
             acayr_description: [''],
-            acayr_from_date: ['', [Validators.required]],
-            acayr_to_date: ['', [Validators.required]],
+            acayr_from_date: [''],
+            acayr_to_date: [''],
             acayr_isactive: [true],
             acayr_iscurrent: [false],
             acayr_islocked: [false],
@@ -663,32 +772,101 @@ class AcademicYearCreateComponent {
     ngOnInit() {
         // Initialize rights for academic year management
         this.rightsService.initializeRights('academic_year_list');
-        this.initializeComponent();
+        // Set up breadcrumb based on mode
+        this.setupBreadcrumb();
+        // Subscribe to route params reactively to get the query parameter
+        this.route.params
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(params => {
+            const queryString = params['query'] || '';
+            this.initializeComponent(queryString);
+        });
+        // Always load dropdown options
+        this.loadDropdownOptions();
+    }
+    /**
+     * Setup breadcrumb based on component mode
+     */
+    setupBreadcrumb() {
+        const url = this.router.url;
+        const breadcrumbItems = [
+            { id: 'academic-year-list', label: 'Academic Year Management', url: '/control-panel/academic_year' }
+        ];
+        if (url.includes('/view/')) {
+            breadcrumbItems.push({ id: 'view', label: 'View Academic Year' });
+        }
+        else if (url.includes('/edit/')) {
+            breadcrumbItems.push({ id: 'edit', label: 'Edit Academic Year' });
+        }
+        else {
+            breadcrumbItems.push({ id: 'create', label: 'Create Academic Year' });
+        }
+        this.breadcrumb_data.set(breadcrumbItems);
     }
     /**
      * Initialize component
      */
-    initializeComponent() {
-        // Get academic year information from route (for edit mode)
-        this.route.params.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(params => {
-            const queryParams = params['query'];
-            console.log(queryParams, 'queryParams');
-            if (queryParams) {
-                // Query parameters passed (following page-controls pattern)
-                const queryData = generateObjectFromString(queryParams);
-                if (queryData?.acayr_id) {
-                    this.academicYearId.set(queryData.acayr_id);
-                    this.isEditMode.set(true);
-                    this.loadAcademicYearData(queryData.acayr_id);
-                }
+    initializeComponent(queryString) {
+        // Check route parameters to determine mode
+        const url = this.router.url;
+        if (url.includes('/view/')) {
+            this.isViewMode.set(true);
+            this.setupBreadcrumb(); // Update breadcrumb for view mode
+            this.loadAcademicYearForView(queryString);
+        }
+        else if (url.includes('/edit/')) {
+            this.isEditMode.set(true);
+            this.setupBreadcrumb(); // Update breadcrumb for edit mode
+            console.log('🏢 edit mode queryString:', queryString);
+            this.loadAcademicYearForEdit(queryString);
+        }
+        else {
+            // Create mode
+            this.isEditMode.set(false);
+            this.isViewMode.set(false);
+            this.setupBreadcrumb(); // Update breadcrumb for create mode
+        }
+    }
+    /**
+     * Load academic year for viewing
+     */
+    loadAcademicYearForView(queryString) {
+        if (!queryString || queryString.trim() === '') {
+            console.warn('⚠️ No query string provided for view mode');
+            return;
+        }
+        try {
+            const params = generateObjectFromString(queryString);
+            if (params?.acayr_id) {
+                this.academicYearId.set(params.acayr_id);
+                this.loadAcademicYearData(params.acayr_id);
+                // Disable form for view mode
+                this.academicYearForm.disable();
             }
-            else {
-                // Create mode
-                this.isEditMode.set(false);
+        }
+        catch (error) {
+            console.error('❌ Error parsing query string for view mode:', error);
+        }
+    }
+    /**
+     * Load academic year for editing
+     */
+    loadAcademicYearForEdit(queryString) {
+        if (!queryString || queryString.trim() === '') {
+            console.warn('⚠️ No query string provided for edit mode');
+            return;
+        }
+        console.log('🏢 queryString:', queryString);
+        try {
+            const params = generateObjectFromString(queryString);
+            if (params?.acayr_id) {
+                this.academicYearId.set(params.acayr_id);
+                this.loadAcademicYearData(params.acayr_id);
             }
-            // Always load dropdown options
-            this.loadDropdownOptions();
-        });
+        }
+        catch (error) {
+            console.error('❌ Error parsing query string for edit mode:', error);
+        }
     }
     /**
      * Load dropdown options
@@ -708,6 +886,7 @@ class AcademicYearCreateComponent {
     }
     /**
      * Load academic year data for edit mode
+     * Note: API will automatically filter by entity ID from token, no need to send entity ID from UI
      */
     loadAcademicYearData(academicYearId) {
         this.loading.set(true);
@@ -736,6 +915,7 @@ class AcademicYearCreateComponent {
     }
     /**
      * Load academic year mappings for edit mode
+     * Note: API will automatically filter by entity ID from token, no need to send entity ID from UI
      */
     loadAcademicYearMappings(academicYearId) {
         const mappingPayload = {
@@ -790,8 +970,8 @@ class AcademicYearCreateComponent {
             mappings.forEach((mapping) => {
                 const mappingGroup = this.fb.group({
                     _id: [mapping._id || ''],
-                    acayrmp_academic_year_id_acayr: [mapping.acayrmp_academic_year_id_acayr || this.academicYearId() || '', [Validators.required]],
-                    acayrmp_entity_id_syen: [mapping.acayrmp_entity_id_syen || '', [Validators.required]],
+                    acayrmp_academic_year_id_acayr: [mapping.acayrmp_academic_year_id_acayr || this.academicYearId() || ''],
+                    acayrmp_entity_id_syen: [mapping.acayrmp_entity_id_syen || ''],
                     acayrmp_islocked: [mapping.acayrmp_islocked ?? false],
                     acayrmp_iscurrent: [mapping.acayrmp_iscurrent ?? false]
                 });
@@ -812,12 +992,28 @@ class AcademicYearCreateComponent {
         this.activeTab.set(tab.id);
     }
     onSubmit() {
+        if (this.isViewMode()) {
+            this.componentContextService.close(['/control-panel/academic_year']);
+            return;
+        }
         const requiredRight = this.isEditMode() ? 'EDIT' : 'CREATE';
         if (!this.rightsService.hasRight(requiredRight)) {
             console.error(`You do not have permission to ${this.isEditMode() ? 'edit' : 'create'} academic years`);
             return;
         }
-        if (this.academicYearForm.valid && this.validateMappings()) {
+        // Validate mappings first - for create mode, at least one mapping is required
+        if (!this.validateMappings()) {
+            const mappings = this.academicYearMappingsArray.controls;
+            if (!this.isEditMode() && mappings.length === 0) {
+                this.notificationService.error('At least one entity mapping is required when creating an academic year. Please add at least one mapping in the Mapping Configuration tab.');
+                // Switch to mapping tab to help user
+                this.activeTab.set('mapping');
+                return;
+            }
+            this.notificationService.error('Please fix the mapping errors before saving. Make sure all mappings have an entity selected and there are no duplicate entities.');
+            return;
+        }
+        if (this.academicYearForm.valid) {
             this.loading.set(true);
             const formData = this.academicYearForm.value;
             // Prepare payload with mappings
@@ -896,14 +1092,14 @@ class AcademicYearCreateComponent {
      * Go back to academic year list
      */
     goBackToAcademicYearList() {
-        this.router.navigate(['/control-panel/academic-year']);
+        this.router.navigate(['/control-panel/academic_year']);
     }
     /**
      * Cancel form and optionally navigate back
      */
     cancelForm() {
         // Use ComponentContextService to close tab or floating container
-        this.componentContextService.close(['/control-panel/academic-year']);
+        this.componentContextService.close(['/control-panel/academic_year']);
     }
     /**
      * Get page title based on mode
@@ -931,8 +1127,8 @@ class AcademicYearCreateComponent {
         const tempId = 'temp_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9);
         const academicYearMapping = this.fb.group({
             _id: [tempId],
-            acayrmp_academic_year_id_acayr: [this.academicYearId() || '', [Validators.required]],
-            acayrmp_entity_id_syen: ['', [Validators.required]],
+            acayrmp_academic_year_id_acayr: [this.academicYearId() || ''],
+            acayrmp_entity_id_syen: [''],
             acayrmp_islocked: [false],
             acayrmp_iscurrent: [false]
         });
@@ -971,12 +1167,19 @@ class AcademicYearCreateComponent {
     }
     /**
      * Validate that all mappings have required fields
+     * For create mode: At least one mapping is required
+     * For edit mode: Mappings are optional (can have zero mappings)
      */
     validateMappings() {
         const mappings = this.academicYearMappingsArray.controls;
-        // Check if there are any mappings
-        if (mappings.length === 0) {
-            return true; // No mappings is valid
+        // For create mode: At least one mapping is required
+        if (!this.isEditMode() && mappings.length === 0) {
+            console.warn('At least one entity mapping is required when creating an academic year');
+            return false;
+        }
+        // For edit mode: No mappings is valid (existing mappings can be removed)
+        if (this.isEditMode() && mappings.length === 0) {
+            return true;
         }
         // Validate each mapping
         for (let i = 0; i < mappings.length; i++) {
@@ -1026,6 +1229,15 @@ class AcademicYearCreateComponent {
         const selectedEntityId = event?.value || event;
         if (selectedEntityId) {
             console.log(`🏢 Entity selected for mapping ${mappingIndex}:`, selectedEntityId);
+            // Mark the mapping as touched to trigger validation
+            const mappingControl = this.academicYearMappingsArray.at(mappingIndex);
+            if (mappingControl) {
+                mappingControl.markAllAsTouched();
+            }
+            // Update the trigger signal to force computed signals to re-evaluate
+            this.mappingsChangeTrigger.update(v => v + 1);
+            // Trigger change detection to update computed signals
+            this.cdr.detectChanges();
             // Trigger change detection to update other mappings' entity options
             this.updateEntityOptionsForMappings();
         }
@@ -1183,10 +1395,10 @@ class AcademicYearCreateComponent {
         });
         return forkJoin(deleteObservables);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: AcademicYearCreateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: AcademicYearCreateComponent, isStandalone: true, selector: "cide-core-academic-year-create", ngImport: i0, template: "<!-- \n  ACADEMIC YEAR MASTER FORM\n  \n  Enterprise-Level Styling with Tailwind CSS\n  Features: Responsive grids, proper typography, enhanced user experience\n-->\n\n<div class=\"tw-w-full tw-h-full\">\n  <form class=\"tw-w-full tw-table tw-h-full tw-bg-transparent\" [formGroup]=\"academicYearForm\" [class.tw-opacity-60]=\"loading()\"\n    (ngSubmit)=\"onSubmit()\">\n\n    <!-- Simple Header Section -->\n    <div class=\"tw-table-row tw-w-full tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-3 tw-border-b tw-border-gray-200 tw-bg-gray-50\">\n        <div class=\"tw-flex tw-flex-col sm:tw-flex-row tw-justify-between tw-items-start sm:tw-items-center tw-space-y-3 sm:tw-space-y-0\">\n          \n          <!-- Title -->\n          <div class=\"tw-flex tw-items-center tw-space-x-2\">\n            <cide-ele-icon class=\"tw-text-blue-600 tw-w-5 tw-h-5\">school</cide-ele-icon>\n            <h5 class=\"tw-text-base tw-font-medium tw-text-gray-900 tw-m-0\">\n              {{ isEditMode() ? 'Edit Academic Year' : 'Create Academic Year' }}\n            </h5>\n          </div>\n\n          <!-- Actions -->\n          <div class=\"tw-flex tw-flex-col sm:tw-flex-row tw-items-start sm:tw-items-center tw-space-y-3 sm:tw-space-y-0 sm:tw-space-x-3\">\n            <!-- Back button or other actions can be added here if needed -->\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Tab Navigation -->\n    <div class=\"tw-table-row tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-px-2 tw-py-0\">\n        <cide-ele-tab [tabs]=\"academicYearTabs()\" [activeTabId]=\"activeTab()\" size=\"md\" variant=\"default\"\n          (tabChange)=\"onTabChange($event)\">\n        </cide-ele-tab>\n      </div>\n    </div>\n\n    <!-- Tab Content -->\n    <div class=\"tw-table-row\">\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-6\">\n        <div class=\"tw-transition-opacity tw-duration-300\" [class.tw-opacity-60]=\"loading()\">\n          @switch (activeTab()) {\n\n                  @case ('basic') {\n           <!-- Basic Academic Year Information -->\n           <div class=\"tw-space-y-6\">\n             <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n               <cide-ele-input label=\"Academic Year Code\" formControlName=\"acayr_code\"\n                 placeholder=\"e.g., AY2024-25\" size=\"md\" leadingIcon=\"code\">\n               </cide-ele-input>\n\n               <cide-ele-input label=\"Academic Year Name\" formControlName=\"acayr_name\"\n                 placeholder=\"e.g., Academic Year 2024-2025\" size=\"md\" leadingIcon=\"school\">\n               </cide-ele-input>\n             </div>\n\n             <div>\n               <cide-ele-textarea label=\"Description\" formControlName=\"acayr_description\"\n                 placeholder=\"Enter detailed description of the academic year...\"\n                 rows=\"3\" size=\"md\">\n               </cide-ele-textarea>\n             </div>\n\n             <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n               <cide-ele-input label=\"From Date\" formControlName=\"acayr_from_date\" type=\"date\" size=\"md\"\n                 leadingIcon=\"calendar_today\" id=\"acayr_from_date\">\n               </cide-ele-input>\n\n               <cide-ele-input label=\"To Date\" formControlName=\"acayr_to_date\" type=\"date\" size=\"md\"\n                 leadingIcon=\"calendar_today\" id=\"acayr_to_date\">\n               </cide-ele-input>\n             </div>\n\n             <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-6\">\n               <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                 <cide-ele-input formControlName=\"acayr_isactive\" type=\"checkbox\" size=\"md\">\n                 </cide-ele-input>\n                 <div class=\"tw-flex tw-flex-col\">\n                   <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Active</span>\n                   <span class=\"tw-text-xs tw-text-gray-500\">Enable/disable this academic year</span>\n                 </div>\n               </div>\n\n               <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                 <cide-ele-input formControlName=\"acayr_iscurrent\" type=\"checkbox\" size=\"md\">\n                 </cide-ele-input>\n                 <div class=\"tw-flex tw-flex-col\">\n                   <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Current</span>\n                   <span class=\"tw-text-xs tw-text-gray-500\">Mark as current academic year</span>\n                 </div>\n               </div>\n\n               <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                 <cide-ele-input formControlName=\"acayr_islocked\" type=\"checkbox\" size=\"md\">\n                 </cide-ele-input>\n                 <div class=\"tw-flex tw-flex-col\">\n                   <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Locked</span>\n                   <span class=\"tw-text-xs tw-text-gray-500\">Prevent modifications</span>\n                 </div>\n               </div>\n             </div>\n           </div>\n           }\n\n           @case ('mapping') {\n           <!-- Academic Year Mapping Configuration -->\n           <div class=\"tw-bg-gradient-to-r tw-from-blue-50 tw-to-indigo-50 tw-border tw-border-blue-200 tw-rounded-xl tw-p-6\">\n             <div class=\"tw-flex tw-items-center tw-justify-between tw-mb-6\">\n               <div class=\"tw-flex tw-items-center tw-gap-3\">\n                 <div class=\"tw-bg-blue-100 tw-p-2 tw-rounded-lg\">\n                   <cide-ele-icon class=\"tw-text-blue-600 tw-w-6 tw-h-6\">link</cide-ele-icon>\n                 </div>\n                 <div>\n                   <h6 class=\"tw-text-lg tw-font-semibold tw-text-blue-900 tw-m-0\">Academic Year Mapping</h6>\n                   <p class=\"tw-text-sm tw-text-blue-600 tw-m-0\">Configure entity mappings for this academic year</p>\n                 </div>\n               </div>\n               <button cideEleButton type=\"button\" variant=\"primary\" size=\"md\" leftIcon=\"add\"\n                 (click)=\"addAcademicYearMapping()\"\n                 class=\"tw-shadow-md hover:tw-shadow-lg tw-transition-shadow\">\n                 Add New Mapping\n               </button>\n             </div>\n             \n             @if (academicYearMappingsArray.length === 0) {\n             <div class=\"tw-text-center tw-py-12 tw-text-gray-500\">\n               <div class=\"tw-bg-white tw-p-4 tw-rounded-full tw-w-16 tw-h-16 tw-mx-auto tw-mb-4 tw-flex tw-items-center tw-justify-center\">\n                 <cide-ele-icon class=\"tw-w-8 tw-h-8 tw-text-gray-400\">link</cide-ele-icon>\n               </div>\n               <h6 class=\"tw-text-base tw-font-medium tw-text-gray-600 tw-mb-2\">No Mappings Yet</h6>\n               <p class=\"tw-text-sm tw-text-gray-500\">Click \"Add New Mapping\" to start configuring entity relationships for this academic year.</p>\n             </div>\n             } @else {\n             <div class=\"tw-space-y-4\" formArrayName=\"acayr_academic_year_mappings\">\n               @for (mapping of academicYearMappingsArray.controls; track $index) {\n               <div class=\"tw-bg-white tw-rounded-xl tw-border tw-border-gray-200 tw-shadow-sm hover:tw-shadow-md tw-transition-shadow tw-p-6\">\n                 <div class=\"tw-flex tw-items-start tw-justify-between tw-mb-4\">\n                   <div class=\"tw-flex tw-items-center tw-gap-2\">\n                     <div class=\"tw-bg-blue-100 tw-p-2 tw-rounded-lg\">\n                       <cide-ele-icon class=\"tw-text-blue-600 tw-w-5 tw-h-5\">settings</cide-ele-icon>\n                     </div>\n                     <h6 class=\"tw-text-sm tw-font-semibold tw-text-gray-900\">Mapping #{{ $index + 1 }}</h6>\n                   </div>\n                   <button cideEleButton type=\"button\" variant=\"danger\" size=\"sm\" leftIcon=\"delete\"\n                     (click)=\"removeAcademicYearMapping($index)\"\n                     class=\"tw-opacity-80 hover:tw-opacity-100 tw-transition-opacity\">\n                     Remove\n                   </button>\n                 </div>\n                 \n                 <div class=\"tw-grid tw-grid-cols-1 lg:tw-grid-cols-2 tw-gap-4\" [formGroupName]=\"$index\">\n                   <!-- Hidden Academic Year ID field (internal use only) -->\n                   <input type=\"hidden\" formControlName=\"acayrmp_academic_year_id_acayr\">\n                   \n                   <!-- Entity Selection -->\n                   <div class=\"tw-space-y-2\">\n                     <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Select Entity</label>\n                     <cide-ele-select \n                       [options]=\"entityOptions()\"\n                       formControlName=\"acayrmp_entity_id_syen\"\n                       placeholder=\"Choose entity for this mapping\" \n                       size=\"md\"\n                       valueKey=\"_id\"\n                       labelKey=\"syen_name\"\n                       class=\"tw-min-w-full\"\n                       (change)=\"onMappingEntityChange($event, $index)\">\n                     </cide-ele-select>\n                   </div>\n                   \n                   <!-- Status Controls -->\n                   <div class=\"tw-space-y-2\">\n                     <div class=\"tw-grid tw-grid-cols-1 tw-gap-3\">\n                       <div class=\"tw-flex tw-items-center tw-gap-2 tw-p-3 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                         <cide-ele-input \n                           formControlName=\"acayrmp_islocked\" \n                           type=\"checkbox\" \n                           size=\"sm\">\n                         </cide-ele-input>\n                         <div class=\"tw-flex tw-flex-col\">\n                           <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Locked</span>\n                           <span class=\"tw-text-xs tw-text-gray-500\">Prevent modifications</span>\n                         </div>\n                       </div>\n                       \n                       <div class=\"tw-flex tw-items-center tw-gap-2 tw-p-3 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                         <cide-ele-input \n                           formControlName=\"acayrmp_iscurrent\" \n                           type=\"checkbox\" \n                           size=\"sm\">\n                         </cide-ele-input>\n                         <div class=\"tw-flex tw-flex-col\">\n                           <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Current</span>\n                           <span class=\"tw-text-xs tw-text-gray-500\">Mark as current mapping</span>\n                         </div>\n                       </div>\n                     </div>\n                   </div>\n                 </div>\n               </div>\n               }\n             </div>\n             }\n\n             <!-- Mapping Validation Messages -->\n             @if (academicYearMappingsArray.length > 0 && !isMappingsArrayValid()) {\n             <div class=\"tw-mt-4 tw-p-4 tw-bg-yellow-50 tw-border tw-border-yellow-200 tw-rounded-lg\">\n               <div class=\"tw-flex tw-items-center tw-gap-2\">\n                 <cide-ele-icon variant=\"warning\" size=\"sm\">warning</cide-ele-icon>\n                 <span class=\"tw-text-sm tw-font-medium tw-text-yellow-800\">\n                   Please ensure all mappings have required fields filled in.\n                 </span>\n               </div>\n             </div>\n             }\n           </div>\n           }\n           }\n         </div>\n      </div>\n     </div>\n\n          <!-- Form Actions -->\n      <div class=\"tw-table-row tw-h-0\">\n        <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-2 tw-bg-gray-50 tw-border-t tw-border-gray-200\">\n          <div class=\"tw-flex tw-justify-between tw-items-center tw-gap-4\">\n            <!-- Form Validation Errors -->\n            <cide-form-field-error [formGroup]=\"academicYearForm\"></cide-form-field-error>\n            \n            <!-- Action Buttons -->\n            <div class=\"tw-flex tw-justify-end tw-gap-4\">\n            @if (!isEditMode()) {\n              <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"resetForm()\" leftIcon=\"refresh\"\n                [disabled]=\"loading()\">\n                Reset Form\n              </button>\n            }\n\n            <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"cancelForm()\" leftIcon=\"close\"\n              [disabled]=\"loading()\">\n              Cancel\n            </button>\n\n            <button cideEleButton type=\"submit\" variant=\"primary\" [disabled]=\"loading() || academicYearForm.invalid\"\n              [loading]=\"loading()\" leftIcon=\"save\">\n              {{ isEditMode() ? 'Update Academic Year' : 'Create Academic Year' }}\n            </button>\n          </div>\n          </div>\n        </div>\n      </div>\n    </form>\n  </div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: CideInputComponent, selector: "cide-ele-input", inputs: ["fill", "label", "labelHide", "disabled", "clearInput", "labelPlacement", "labelDir", "placeholder", "leadingIcon", "trailingIcon", "helperText", "helperTextCollapse", "hideHelperAndErrorText", "errorText", "maxlength", "minlength", "required", "autocapitalize", "autocomplete", "type", "width", "id", "ngModel", "option", "min", "max", "step", "size"], outputs: ["ngModelChange"] }, { kind: "component", type: CideTextareaComponent, selector: "cide-ele-textarea", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "minlength", "maxlength", "rows", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput"], outputs: ["ngModelChange"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideEleTabComponent, selector: "cide-ele-tab", inputs: ["tabs", "activeTabId", "size", "variant", "fullWidth", "disabled"], outputs: ["tabChange"] }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideSelectComponent, selector: "cide-ele-select", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput", "options", "multiple", "searchable", "showSearchInput", "loading", "valueKey", "labelKey", "treeView"], outputs: ["ngModelChange", "change", "searchChange"] }, { kind: "component", type: CideFormFieldErrorComponent, selector: "cide-form-field-error", inputs: ["control", "formGroup", "fieldName", "customMessages"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AcademicYearCreateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: AcademicYearCreateComponent, isStandalone: true, selector: "cide-core-academic-year-create", ngImport: i0, template: "<!-- \n  ACADEMIC YEAR MASTER FORM\n  \n  Enterprise-Level Styling with Tailwind CSS\n  Features: Responsive grids, proper typography, enhanced user experience\n-->\n\n<cide-lyt-shared-wrapper \n  [shared_wrapper_setup_param]=\"shared_wrapper_setup_param()\"\n  [breadcrumb_data]=\"breadcrumb_data()\">\n  \n  <form class=\"tw-w-full tw-table tw-h-full tw-bg-transparent\" [formGroup]=\"academicYearForm\" [class.tw-opacity-60]=\"loading()\"\n    (ngSubmit)=\"onSubmit()\">\n\n    <!-- Tab Navigation -->\n    <div class=\"tw-table-row tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-px-2 tw-py-0\">\n        <cide-ele-tab [tabs]=\"academicYearTabs()\" [activeTabId]=\"activeTab()\" size=\"md\" variant=\"default\"\n          (tabChange)=\"onTabChange($event)\">\n        </cide-ele-tab>\n      </div>\n    </div>\n\n    <!-- Tab Content -->\n    <div class=\"tw-table-row\">\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-6\">\n        <div class=\"tw-transition-opacity tw-duration-300\" [class.tw-opacity-60]=\"loading()\">\n          @switch (activeTab()) {\n\n                  @case ('basic') {\n           <!-- Basic Academic Year Information -->\n           <div class=\"tw-space-y-6\">\n             <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n               <cide-ele-input label=\"Academic Year Code\" formControlName=\"acayr_code\"\n                 placeholder=\"e.g., AY2024-25\" size=\"md\" leadingIcon=\"code\" [disabled]=\"isViewMode()\">\n               </cide-ele-input>\n\n               <cide-ele-input label=\"Academic Year Name\" formControlName=\"acayr_name\"\n                 placeholder=\"e.g., Academic Year 2024-2025\" size=\"md\" leadingIcon=\"school\" [disabled]=\"isViewMode()\">\n               </cide-ele-input>\n             </div>\n\n             <div>\n               <cide-ele-textarea label=\"Description\" formControlName=\"acayr_description\"\n                 placeholder=\"Enter detailed description of the academic year...\"\n                 rows=\"3\" size=\"md\" [disabled]=\"isViewMode()\">\n               </cide-ele-textarea>\n             </div>\n\n             <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n               <cide-ele-input label=\"From Date\" formControlName=\"acayr_from_date\" type=\"date\" size=\"md\"\n                 leadingIcon=\"calendar_today\" id=\"acayr_from_date\">\n               </cide-ele-input>\n\n               <cide-ele-input label=\"To Date\" formControlName=\"acayr_to_date\" type=\"date\" size=\"md\"\n                 leadingIcon=\"calendar_today\" id=\"acayr_to_date\">\n               </cide-ele-input>\n             </div>\n\n             <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-6\">\n               <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                 <cide-ele-input formControlName=\"acayr_isactive\" type=\"checkbox\" size=\"md\" [disabled]=\"isViewMode()\">\n                 </cide-ele-input>\n                 <div class=\"tw-flex tw-flex-col\">\n                   <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Active</span>\n                   <span class=\"tw-text-xs tw-text-gray-500\">Enable/disable this academic year</span>\n                 </div>\n               </div>\n\n               <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                 <cide-ele-input formControlName=\"acayr_iscurrent\" type=\"checkbox\" size=\"md\" [disabled]=\"isViewMode()\">\n                 </cide-ele-input>\n                 <div class=\"tw-flex tw-flex-col\">\n                   <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Current</span>\n                   <span class=\"tw-text-xs tw-text-gray-500\">Mark as current academic year</span>\n                 </div>\n               </div>\n\n               <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                 <cide-ele-input formControlName=\"acayr_islocked\" type=\"checkbox\" size=\"md\" [disabled]=\"isViewMode()\">\n                 </cide-ele-input>\n                 <div class=\"tw-flex tw-flex-col\">\n                   <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Locked</span>\n                   <span class=\"tw-text-xs tw-text-gray-500\">Prevent modifications</span>\n                 </div>\n               </div>\n             </div>\n           </div>\n           }\n\n           @case ('mapping') {\n           <!-- Academic Year Mapping Configuration -->\n           <div class=\"tw-bg-gradient-to-r tw-from-blue-50 tw-to-indigo-50 tw-border tw-border-blue-200 tw-rounded-xl tw-p-6\">\n             <div class=\"tw-flex tw-items-center tw-justify-between tw-mb-6\">\n               <div class=\"tw-flex tw-items-center tw-gap-3\">\n                 <div class=\"tw-bg-blue-100 tw-p-2 tw-rounded-lg\">\n                   <cide-ele-icon class=\"tw-text-blue-600 tw-w-6 tw-h-6\">link</cide-ele-icon>\n                 </div>\n                 <div>\n                   <h6 class=\"tw-text-lg tw-font-semibold tw-text-blue-900 tw-m-0\">Academic Year Mapping</h6>\n                   <p class=\"tw-text-sm tw-text-blue-600 tw-m-0\">Configure entity mappings for this academic year</p>\n                 </div>\n               </div>\n               @if (!isViewMode()) {\n                 <button cideEleButton type=\"button\" variant=\"primary\" size=\"md\" leftIcon=\"add\"\n                   (click)=\"addAcademicYearMapping()\"\n                   class=\"tw-shadow-md hover:tw-shadow-lg tw-transition-shadow\">\n                   Add New Mapping\n                 </button>\n               }\n             </div>\n             \n             @if (academicYearMappingsArray.length === 0) {\n             <div class=\"tw-text-center tw-py-12 tw-text-gray-500\">\n               <div class=\"tw-bg-white tw-p-4 tw-rounded-full tw-w-16 tw-h-16 tw-mx-auto tw-mb-4 tw-flex tw-items-center tw-justify-center\">\n                 <cide-ele-icon class=\"tw-w-8 tw-h-8 tw-text-gray-400\">link</cide-ele-icon>\n               </div>\n               <h6 class=\"tw-text-base tw-font-medium tw-text-gray-600 tw-mb-2\">No Mappings Yet</h6>\n               <p class=\"tw-text-sm tw-text-gray-500\">Click \"Add New Mapping\" to start configuring entity relationships for this academic year.</p>\n             </div>\n             } @else {\n             <div class=\"tw-space-y-4\" formArrayName=\"acayr_academic_year_mappings\">\n               @for (mapping of academicYearMappingsArray.controls; track $index) {\n               <div class=\"tw-bg-white tw-rounded-xl tw-border tw-border-gray-200 tw-shadow-sm hover:tw-shadow-md tw-transition-shadow tw-p-6\">\n                 <div class=\"tw-flex tw-items-start tw-justify-between tw-mb-4\">\n                   <div class=\"tw-flex tw-items-center tw-gap-2\">\n                     <div class=\"tw-bg-blue-100 tw-p-2 tw-rounded-lg\">\n                       <cide-ele-icon class=\"tw-text-blue-600 tw-w-5 tw-h-5\">settings</cide-ele-icon>\n                     </div>\n                     <h6 class=\"tw-text-sm tw-font-semibold tw-text-gray-900\">Mapping #{{ $index + 1 }}</h6>\n                   </div>\n                   <button cideEleButton type=\"button\" variant=\"danger\" size=\"sm\" leftIcon=\"delete\"\n                     (click)=\"removeAcademicYearMapping($index)\"\n                     class=\"tw-opacity-80 hover:tw-opacity-100 tw-transition-opacity\">\n                     Remove\n                   </button>\n                 </div>\n                 \n                 <div class=\"tw-grid tw-grid-cols-1 lg:tw-grid-cols-2 tw-gap-4\" [formGroupName]=\"$index\">\n                   <!-- Hidden Academic Year ID field (internal use only) -->\n                   <input type=\"hidden\" formControlName=\"acayrmp_academic_year_id_acayr\">\n                   \n                   <!-- Entity Selection -->\n                   <div class=\"tw-space-y-2\">\n                     <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Select Entity</label>\n                     <cide-ele-select \n                       [options]=\"getFilteredEntityOptions($index)\"\n                       formControlName=\"acayrmp_entity_id_syen\"\n                       placeholder=\"Choose entity for this mapping\" \n                       size=\"md\"\n                       valueKey=\"_id\"\n                       labelKey=\"syen_name\"\n                       class=\"tw-min-w-full\"\n                       (change)=\"onMappingEntityChange($event, $index)\">\n                     </cide-ele-select>\n                   </div>\n                   \n                   <!-- Status Controls -->\n                   <div class=\"tw-space-y-2\">\n                     <div class=\"tw-grid tw-grid-cols-1 tw-gap-3\">\n                       <div class=\"tw-flex tw-items-center tw-gap-2 tw-p-3 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                         <cide-ele-input \n                           formControlName=\"acayrmp_islocked\" \n                           type=\"checkbox\" \n                           size=\"sm\"\n                           [disabled]=\"isViewMode()\">\n                         </cide-ele-input>\n                         <div class=\"tw-flex tw-flex-col\">\n                           <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Locked</span>\n                           <span class=\"tw-text-xs tw-text-gray-500\">Prevent modifications</span>\n                         </div>\n                       </div>\n                       \n                       <div class=\"tw-flex tw-items-center tw-gap-2 tw-p-3 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                         <cide-ele-input \n                           formControlName=\"acayrmp_iscurrent\" \n                           type=\"checkbox\" \n                           size=\"sm\"\n                           [disabled]=\"isViewMode()\">\n                         </cide-ele-input>\n                         <div class=\"tw-flex tw-flex-col\">\n                           <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Current</span>\n                           <span class=\"tw-text-xs tw-text-gray-500\">Mark as current mapping</span>\n                         </div>\n                       </div>\n                     </div>\n                   </div>\n                 </div>\n               </div>\n               }\n             </div>\n             }\n\n            <!-- Mapping Validation Messages -->\n            @if (academicYearMappingsArray.length > 0 && !isMappingsArrayValid()) {\n            <div class=\"tw-mt-4 tw-p-4 tw-bg-yellow-50 tw-border tw-border-yellow-200 tw-rounded-lg\">\n              <div class=\"tw-flex tw-items-center tw-gap-2\">\n                <cide-ele-icon variant=\"warning\" size=\"sm\">warning</cide-ele-icon>\n                <span class=\"tw-text-sm tw-font-medium tw-text-yellow-800\">\n                  Please ensure all mappings have required fields filled in.\n                </span>\n              </div>\n            </div>\n            }\n            \n            <!-- Require at least one mapping for create mode -->\n            @if (!isEditMode() && academicYearMappingsArray.length === 0) {\n            <div class=\"tw-mt-4 tw-p-4 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-lg\">\n              <div class=\"tw-flex tw-items-center tw-gap-2\">\n                <cide-ele-icon variant=\"error\" size=\"sm\">error</cide-ele-icon>\n                <span class=\"tw-text-sm tw-font-medium tw-text-red-800\">\n                  At least one entity mapping is required when creating an academic year. Please add a mapping below.\n                </span>\n              </div>\n            </div>\n            }\n          </div>\n          }\n          }\n         </div>\n      </div>\n     </div>\n\n          <!-- Form Actions -->\n      <div class=\"tw-table-row tw-h-0\">\n        <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-2 tw-bg-gray-50 tw-border-t tw-border-gray-200\">\n          <div class=\"tw-flex tw-justify-between tw-items-center tw-gap-4\">\n            <!-- Form Validation Errors -->\n            <div class=\"tw-flex tw-items-center tw-gap-3\">\n              <cide-form-field-error [formGroup]=\"academicYearForm\"></cide-form-field-error>\n            </div>\n            \n            <!-- Action Buttons with Error Message -->\n            <div class=\"tw-flex tw-items-center tw-gap-4\">\n              <!-- Error Message (shown when button is disabled) -->\n              @if (!isFormValidForSubmit()) {\n                <div class=\"tw-flex tw-items-center tw-gap-2 tw-px-3 tw-py-1.5 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-md\">\n                  <cide-ele-icon variant=\"error\" size=\"xs\" class=\"tw-text-red-600\">error</cide-ele-icon>\n                  <span class=\"tw-text-xs tw-font-medium tw-text-red-700\">{{ submitButtonDisabledReason() }}</span>\n                </div>\n              }\n              \n              <!-- Action Buttons -->\n              <div class=\"tw-flex tw-gap-4\">\n                @if (isViewMode()) {\n                  <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"cancelForm()\" leftIcon=\"close\"\n                    [disabled]=\"loading()\">\n                    Close\n                  </button>\n                } @else {\n                  @if (!isEditMode()) {\n                    <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"resetForm()\" leftIcon=\"refresh\"\n                      [disabled]=\"loading()\">\n                      Reset Form\n                    </button>\n                  }\n\n                  <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"cancelForm()\" leftIcon=\"close\"\n                    [disabled]=\"loading()\">\n                    Cancel\n                  </button>\n\n                  <button cideEleButton type=\"submit\" variant=\"primary\" [disabled]=\"loading() || !isFormValidForSubmit()\"\n                    [loading]=\"loading()\" leftIcon=\"save\">\n                    {{ isEditMode() ? 'Update Academic Year' : 'Create Academic Year' }}\n                  </button>\n                }\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </form>\n</cide-lyt-shared-wrapper>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: CideInputComponent, selector: "cide-ele-input", inputs: ["fill", "label", "labelHide", "disabled", "clearInput", "labelPlacement", "labelDir", "placeholder", "leadingIcon", "trailingIcon", "helperText", "helperTextCollapse", "hideHelperAndErrorText", "errorText", "maxlength", "minlength", "required", "autocapitalize", "autocomplete", "type", "width", "id", "ngModel", "option", "min", "max", "step", "size"], outputs: ["ngModelChange"] }, { kind: "component", type: CideTextareaComponent, selector: "cide-ele-textarea", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "minlength", "maxlength", "rows", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput"], outputs: ["ngModelChange"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideEleTabComponent, selector: "cide-ele-tab", inputs: ["tabs", "activeTabId", "size", "variant", "fullWidth", "disabled"], outputs: ["tabChange"] }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideSelectComponent, selector: "cide-ele-select", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput", "options", "multiple", "searchable", "showSearchInput", "loading", "valueKey", "labelKey", "treeView"], outputs: ["ngModelChange", "change", "searchChange"] }, { kind: "component", type: CideFormFieldErrorComponent, selector: "cide-form-field-error", inputs: ["control", "formGroup", "fieldName", "customMessages"] }, { kind: "component", type: CideLytSharedWrapperComponent, selector: "cide-lyt-shared-wrapper", inputs: ["shared_wrapper_setup_param", "breadcrumb_data"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: AcademicYearCreateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AcademicYearCreateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cide-core-academic-year-create', standalone: true, imports: [
                         CommonModule,
@@ -1197,8 +1409,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
                         CideEleTabComponent,
                         CideIconComponent,
                         CideSelectComponent,
-                        CideFormFieldErrorComponent
-                    ], template: "<!-- \n  ACADEMIC YEAR MASTER FORM\n  \n  Enterprise-Level Styling with Tailwind CSS\n  Features: Responsive grids, proper typography, enhanced user experience\n-->\n\n<div class=\"tw-w-full tw-h-full\">\n  <form class=\"tw-w-full tw-table tw-h-full tw-bg-transparent\" [formGroup]=\"academicYearForm\" [class.tw-opacity-60]=\"loading()\"\n    (ngSubmit)=\"onSubmit()\">\n\n    <!-- Simple Header Section -->\n    <div class=\"tw-table-row tw-w-full tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-3 tw-border-b tw-border-gray-200 tw-bg-gray-50\">\n        <div class=\"tw-flex tw-flex-col sm:tw-flex-row tw-justify-between tw-items-start sm:tw-items-center tw-space-y-3 sm:tw-space-y-0\">\n          \n          <!-- Title -->\n          <div class=\"tw-flex tw-items-center tw-space-x-2\">\n            <cide-ele-icon class=\"tw-text-blue-600 tw-w-5 tw-h-5\">school</cide-ele-icon>\n            <h5 class=\"tw-text-base tw-font-medium tw-text-gray-900 tw-m-0\">\n              {{ isEditMode() ? 'Edit Academic Year' : 'Create Academic Year' }}\n            </h5>\n          </div>\n\n          <!-- Actions -->\n          <div class=\"tw-flex tw-flex-col sm:tw-flex-row tw-items-start sm:tw-items-center tw-space-y-3 sm:tw-space-y-0 sm:tw-space-x-3\">\n            <!-- Back button or other actions can be added here if needed -->\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Tab Navigation -->\n    <div class=\"tw-table-row tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-px-2 tw-py-0\">\n        <cide-ele-tab [tabs]=\"academicYearTabs()\" [activeTabId]=\"activeTab()\" size=\"md\" variant=\"default\"\n          (tabChange)=\"onTabChange($event)\">\n        </cide-ele-tab>\n      </div>\n    </div>\n\n    <!-- Tab Content -->\n    <div class=\"tw-table-row\">\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-6\">\n        <div class=\"tw-transition-opacity tw-duration-300\" [class.tw-opacity-60]=\"loading()\">\n          @switch (activeTab()) {\n\n                  @case ('basic') {\n           <!-- Basic Academic Year Information -->\n           <div class=\"tw-space-y-6\">\n             <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n               <cide-ele-input label=\"Academic Year Code\" formControlName=\"acayr_code\"\n                 placeholder=\"e.g., AY2024-25\" size=\"md\" leadingIcon=\"code\">\n               </cide-ele-input>\n\n               <cide-ele-input label=\"Academic Year Name\" formControlName=\"acayr_name\"\n                 placeholder=\"e.g., Academic Year 2024-2025\" size=\"md\" leadingIcon=\"school\">\n               </cide-ele-input>\n             </div>\n\n             <div>\n               <cide-ele-textarea label=\"Description\" formControlName=\"acayr_description\"\n                 placeholder=\"Enter detailed description of the academic year...\"\n                 rows=\"3\" size=\"md\">\n               </cide-ele-textarea>\n             </div>\n\n             <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n               <cide-ele-input label=\"From Date\" formControlName=\"acayr_from_date\" type=\"date\" size=\"md\"\n                 leadingIcon=\"calendar_today\" id=\"acayr_from_date\">\n               </cide-ele-input>\n\n               <cide-ele-input label=\"To Date\" formControlName=\"acayr_to_date\" type=\"date\" size=\"md\"\n                 leadingIcon=\"calendar_today\" id=\"acayr_to_date\">\n               </cide-ele-input>\n             </div>\n\n             <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-6\">\n               <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                 <cide-ele-input formControlName=\"acayr_isactive\" type=\"checkbox\" size=\"md\">\n                 </cide-ele-input>\n                 <div class=\"tw-flex tw-flex-col\">\n                   <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Active</span>\n                   <span class=\"tw-text-xs tw-text-gray-500\">Enable/disable this academic year</span>\n                 </div>\n               </div>\n\n               <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                 <cide-ele-input formControlName=\"acayr_iscurrent\" type=\"checkbox\" size=\"md\">\n                 </cide-ele-input>\n                 <div class=\"tw-flex tw-flex-col\">\n                   <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Current</span>\n                   <span class=\"tw-text-xs tw-text-gray-500\">Mark as current academic year</span>\n                 </div>\n               </div>\n\n               <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                 <cide-ele-input formControlName=\"acayr_islocked\" type=\"checkbox\" size=\"md\">\n                 </cide-ele-input>\n                 <div class=\"tw-flex tw-flex-col\">\n                   <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Locked</span>\n                   <span class=\"tw-text-xs tw-text-gray-500\">Prevent modifications</span>\n                 </div>\n               </div>\n             </div>\n           </div>\n           }\n\n           @case ('mapping') {\n           <!-- Academic Year Mapping Configuration -->\n           <div class=\"tw-bg-gradient-to-r tw-from-blue-50 tw-to-indigo-50 tw-border tw-border-blue-200 tw-rounded-xl tw-p-6\">\n             <div class=\"tw-flex tw-items-center tw-justify-between tw-mb-6\">\n               <div class=\"tw-flex tw-items-center tw-gap-3\">\n                 <div class=\"tw-bg-blue-100 tw-p-2 tw-rounded-lg\">\n                   <cide-ele-icon class=\"tw-text-blue-600 tw-w-6 tw-h-6\">link</cide-ele-icon>\n                 </div>\n                 <div>\n                   <h6 class=\"tw-text-lg tw-font-semibold tw-text-blue-900 tw-m-0\">Academic Year Mapping</h6>\n                   <p class=\"tw-text-sm tw-text-blue-600 tw-m-0\">Configure entity mappings for this academic year</p>\n                 </div>\n               </div>\n               <button cideEleButton type=\"button\" variant=\"primary\" size=\"md\" leftIcon=\"add\"\n                 (click)=\"addAcademicYearMapping()\"\n                 class=\"tw-shadow-md hover:tw-shadow-lg tw-transition-shadow\">\n                 Add New Mapping\n               </button>\n             </div>\n             \n             @if (academicYearMappingsArray.length === 0) {\n             <div class=\"tw-text-center tw-py-12 tw-text-gray-500\">\n               <div class=\"tw-bg-white tw-p-4 tw-rounded-full tw-w-16 tw-h-16 tw-mx-auto tw-mb-4 tw-flex tw-items-center tw-justify-center\">\n                 <cide-ele-icon class=\"tw-w-8 tw-h-8 tw-text-gray-400\">link</cide-ele-icon>\n               </div>\n               <h6 class=\"tw-text-base tw-font-medium tw-text-gray-600 tw-mb-2\">No Mappings Yet</h6>\n               <p class=\"tw-text-sm tw-text-gray-500\">Click \"Add New Mapping\" to start configuring entity relationships for this academic year.</p>\n             </div>\n             } @else {\n             <div class=\"tw-space-y-4\" formArrayName=\"acayr_academic_year_mappings\">\n               @for (mapping of academicYearMappingsArray.controls; track $index) {\n               <div class=\"tw-bg-white tw-rounded-xl tw-border tw-border-gray-200 tw-shadow-sm hover:tw-shadow-md tw-transition-shadow tw-p-6\">\n                 <div class=\"tw-flex tw-items-start tw-justify-between tw-mb-4\">\n                   <div class=\"tw-flex tw-items-center tw-gap-2\">\n                     <div class=\"tw-bg-blue-100 tw-p-2 tw-rounded-lg\">\n                       <cide-ele-icon class=\"tw-text-blue-600 tw-w-5 tw-h-5\">settings</cide-ele-icon>\n                     </div>\n                     <h6 class=\"tw-text-sm tw-font-semibold tw-text-gray-900\">Mapping #{{ $index + 1 }}</h6>\n                   </div>\n                   <button cideEleButton type=\"button\" variant=\"danger\" size=\"sm\" leftIcon=\"delete\"\n                     (click)=\"removeAcademicYearMapping($index)\"\n                     class=\"tw-opacity-80 hover:tw-opacity-100 tw-transition-opacity\">\n                     Remove\n                   </button>\n                 </div>\n                 \n                 <div class=\"tw-grid tw-grid-cols-1 lg:tw-grid-cols-2 tw-gap-4\" [formGroupName]=\"$index\">\n                   <!-- Hidden Academic Year ID field (internal use only) -->\n                   <input type=\"hidden\" formControlName=\"acayrmp_academic_year_id_acayr\">\n                   \n                   <!-- Entity Selection -->\n                   <div class=\"tw-space-y-2\">\n                     <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Select Entity</label>\n                     <cide-ele-select \n                       [options]=\"entityOptions()\"\n                       formControlName=\"acayrmp_entity_id_syen\"\n                       placeholder=\"Choose entity for this mapping\" \n                       size=\"md\"\n                       valueKey=\"_id\"\n                       labelKey=\"syen_name\"\n                       class=\"tw-min-w-full\"\n                       (change)=\"onMappingEntityChange($event, $index)\">\n                     </cide-ele-select>\n                   </div>\n                   \n                   <!-- Status Controls -->\n                   <div class=\"tw-space-y-2\">\n                     <div class=\"tw-grid tw-grid-cols-1 tw-gap-3\">\n                       <div class=\"tw-flex tw-items-center tw-gap-2 tw-p-3 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                         <cide-ele-input \n                           formControlName=\"acayrmp_islocked\" \n                           type=\"checkbox\" \n                           size=\"sm\">\n                         </cide-ele-input>\n                         <div class=\"tw-flex tw-flex-col\">\n                           <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Locked</span>\n                           <span class=\"tw-text-xs tw-text-gray-500\">Prevent modifications</span>\n                         </div>\n                       </div>\n                       \n                       <div class=\"tw-flex tw-items-center tw-gap-2 tw-p-3 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                         <cide-ele-input \n                           formControlName=\"acayrmp_iscurrent\" \n                           type=\"checkbox\" \n                           size=\"sm\">\n                         </cide-ele-input>\n                         <div class=\"tw-flex tw-flex-col\">\n                           <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Current</span>\n                           <span class=\"tw-text-xs tw-text-gray-500\">Mark as current mapping</span>\n                         </div>\n                       </div>\n                     </div>\n                   </div>\n                 </div>\n               </div>\n               }\n             </div>\n             }\n\n             <!-- Mapping Validation Messages -->\n             @if (academicYearMappingsArray.length > 0 && !isMappingsArrayValid()) {\n             <div class=\"tw-mt-4 tw-p-4 tw-bg-yellow-50 tw-border tw-border-yellow-200 tw-rounded-lg\">\n               <div class=\"tw-flex tw-items-center tw-gap-2\">\n                 <cide-ele-icon variant=\"warning\" size=\"sm\">warning</cide-ele-icon>\n                 <span class=\"tw-text-sm tw-font-medium tw-text-yellow-800\">\n                   Please ensure all mappings have required fields filled in.\n                 </span>\n               </div>\n             </div>\n             }\n           </div>\n           }\n           }\n         </div>\n      </div>\n     </div>\n\n          <!-- Form Actions -->\n      <div class=\"tw-table-row tw-h-0\">\n        <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-2 tw-bg-gray-50 tw-border-t tw-border-gray-200\">\n          <div class=\"tw-flex tw-justify-between tw-items-center tw-gap-4\">\n            <!-- Form Validation Errors -->\n            <cide-form-field-error [formGroup]=\"academicYearForm\"></cide-form-field-error>\n            \n            <!-- Action Buttons -->\n            <div class=\"tw-flex tw-justify-end tw-gap-4\">\n            @if (!isEditMode()) {\n              <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"resetForm()\" leftIcon=\"refresh\"\n                [disabled]=\"loading()\">\n                Reset Form\n              </button>\n            }\n\n            <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"cancelForm()\" leftIcon=\"close\"\n              [disabled]=\"loading()\">\n              Cancel\n            </button>\n\n            <button cideEleButton type=\"submit\" variant=\"primary\" [disabled]=\"loading() || academicYearForm.invalid\"\n              [loading]=\"loading()\" leftIcon=\"save\">\n              {{ isEditMode() ? 'Update Academic Year' : 'Create Academic Year' }}\n            </button>\n          </div>\n          </div>\n        </div>\n      </div>\n    </form>\n  </div>" }]
+                        CideFormFieldErrorComponent,
+                        CideLytSharedWrapperComponent
+                    ], template: "<!-- \n  ACADEMIC YEAR MASTER FORM\n  \n  Enterprise-Level Styling with Tailwind CSS\n  Features: Responsive grids, proper typography, enhanced user experience\n-->\n\n<cide-lyt-shared-wrapper \n  [shared_wrapper_setup_param]=\"shared_wrapper_setup_param()\"\n  [breadcrumb_data]=\"breadcrumb_data()\">\n  \n  <form class=\"tw-w-full tw-table tw-h-full tw-bg-transparent\" [formGroup]=\"academicYearForm\" [class.tw-opacity-60]=\"loading()\"\n    (ngSubmit)=\"onSubmit()\">\n\n    <!-- Tab Navigation -->\n    <div class=\"tw-table-row tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-px-2 tw-py-0\">\n        <cide-ele-tab [tabs]=\"academicYearTabs()\" [activeTabId]=\"activeTab()\" size=\"md\" variant=\"default\"\n          (tabChange)=\"onTabChange($event)\">\n        </cide-ele-tab>\n      </div>\n    </div>\n\n    <!-- Tab Content -->\n    <div class=\"tw-table-row\">\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-6\">\n        <div class=\"tw-transition-opacity tw-duration-300\" [class.tw-opacity-60]=\"loading()\">\n          @switch (activeTab()) {\n\n                  @case ('basic') {\n           <!-- Basic Academic Year Information -->\n           <div class=\"tw-space-y-6\">\n             <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n               <cide-ele-input label=\"Academic Year Code\" formControlName=\"acayr_code\"\n                 placeholder=\"e.g., AY2024-25\" size=\"md\" leadingIcon=\"code\" [disabled]=\"isViewMode()\">\n               </cide-ele-input>\n\n               <cide-ele-input label=\"Academic Year Name\" formControlName=\"acayr_name\"\n                 placeholder=\"e.g., Academic Year 2024-2025\" size=\"md\" leadingIcon=\"school\" [disabled]=\"isViewMode()\">\n               </cide-ele-input>\n             </div>\n\n             <div>\n               <cide-ele-textarea label=\"Description\" formControlName=\"acayr_description\"\n                 placeholder=\"Enter detailed description of the academic year...\"\n                 rows=\"3\" size=\"md\" [disabled]=\"isViewMode()\">\n               </cide-ele-textarea>\n             </div>\n\n             <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n               <cide-ele-input label=\"From Date\" formControlName=\"acayr_from_date\" type=\"date\" size=\"md\"\n                 leadingIcon=\"calendar_today\" id=\"acayr_from_date\">\n               </cide-ele-input>\n\n               <cide-ele-input label=\"To Date\" formControlName=\"acayr_to_date\" type=\"date\" size=\"md\"\n                 leadingIcon=\"calendar_today\" id=\"acayr_to_date\">\n               </cide-ele-input>\n             </div>\n\n             <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-6\">\n               <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                 <cide-ele-input formControlName=\"acayr_isactive\" type=\"checkbox\" size=\"md\" [disabled]=\"isViewMode()\">\n                 </cide-ele-input>\n                 <div class=\"tw-flex tw-flex-col\">\n                   <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Active</span>\n                   <span class=\"tw-text-xs tw-text-gray-500\">Enable/disable this academic year</span>\n                 </div>\n               </div>\n\n               <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                 <cide-ele-input formControlName=\"acayr_iscurrent\" type=\"checkbox\" size=\"md\" [disabled]=\"isViewMode()\">\n                 </cide-ele-input>\n                 <div class=\"tw-flex tw-flex-col\">\n                   <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Current</span>\n                   <span class=\"tw-text-xs tw-text-gray-500\">Mark as current academic year</span>\n                 </div>\n               </div>\n\n               <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                 <cide-ele-input formControlName=\"acayr_islocked\" type=\"checkbox\" size=\"md\" [disabled]=\"isViewMode()\">\n                 </cide-ele-input>\n                 <div class=\"tw-flex tw-flex-col\">\n                   <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Locked</span>\n                   <span class=\"tw-text-xs tw-text-gray-500\">Prevent modifications</span>\n                 </div>\n               </div>\n             </div>\n           </div>\n           }\n\n           @case ('mapping') {\n           <!-- Academic Year Mapping Configuration -->\n           <div class=\"tw-bg-gradient-to-r tw-from-blue-50 tw-to-indigo-50 tw-border tw-border-blue-200 tw-rounded-xl tw-p-6\">\n             <div class=\"tw-flex tw-items-center tw-justify-between tw-mb-6\">\n               <div class=\"tw-flex tw-items-center tw-gap-3\">\n                 <div class=\"tw-bg-blue-100 tw-p-2 tw-rounded-lg\">\n                   <cide-ele-icon class=\"tw-text-blue-600 tw-w-6 tw-h-6\">link</cide-ele-icon>\n                 </div>\n                 <div>\n                   <h6 class=\"tw-text-lg tw-font-semibold tw-text-blue-900 tw-m-0\">Academic Year Mapping</h6>\n                   <p class=\"tw-text-sm tw-text-blue-600 tw-m-0\">Configure entity mappings for this academic year</p>\n                 </div>\n               </div>\n               @if (!isViewMode()) {\n                 <button cideEleButton type=\"button\" variant=\"primary\" size=\"md\" leftIcon=\"add\"\n                   (click)=\"addAcademicYearMapping()\"\n                   class=\"tw-shadow-md hover:tw-shadow-lg tw-transition-shadow\">\n                   Add New Mapping\n                 </button>\n               }\n             </div>\n             \n             @if (academicYearMappingsArray.length === 0) {\n             <div class=\"tw-text-center tw-py-12 tw-text-gray-500\">\n               <div class=\"tw-bg-white tw-p-4 tw-rounded-full tw-w-16 tw-h-16 tw-mx-auto tw-mb-4 tw-flex tw-items-center tw-justify-center\">\n                 <cide-ele-icon class=\"tw-w-8 tw-h-8 tw-text-gray-400\">link</cide-ele-icon>\n               </div>\n               <h6 class=\"tw-text-base tw-font-medium tw-text-gray-600 tw-mb-2\">No Mappings Yet</h6>\n               <p class=\"tw-text-sm tw-text-gray-500\">Click \"Add New Mapping\" to start configuring entity relationships for this academic year.</p>\n             </div>\n             } @else {\n             <div class=\"tw-space-y-4\" formArrayName=\"acayr_academic_year_mappings\">\n               @for (mapping of academicYearMappingsArray.controls; track $index) {\n               <div class=\"tw-bg-white tw-rounded-xl tw-border tw-border-gray-200 tw-shadow-sm hover:tw-shadow-md tw-transition-shadow tw-p-6\">\n                 <div class=\"tw-flex tw-items-start tw-justify-between tw-mb-4\">\n                   <div class=\"tw-flex tw-items-center tw-gap-2\">\n                     <div class=\"tw-bg-blue-100 tw-p-2 tw-rounded-lg\">\n                       <cide-ele-icon class=\"tw-text-blue-600 tw-w-5 tw-h-5\">settings</cide-ele-icon>\n                     </div>\n                     <h6 class=\"tw-text-sm tw-font-semibold tw-text-gray-900\">Mapping #{{ $index + 1 }}</h6>\n                   </div>\n                   <button cideEleButton type=\"button\" variant=\"danger\" size=\"sm\" leftIcon=\"delete\"\n                     (click)=\"removeAcademicYearMapping($index)\"\n                     class=\"tw-opacity-80 hover:tw-opacity-100 tw-transition-opacity\">\n                     Remove\n                   </button>\n                 </div>\n                 \n                 <div class=\"tw-grid tw-grid-cols-1 lg:tw-grid-cols-2 tw-gap-4\" [formGroupName]=\"$index\">\n                   <!-- Hidden Academic Year ID field (internal use only) -->\n                   <input type=\"hidden\" formControlName=\"acayrmp_academic_year_id_acayr\">\n                   \n                   <!-- Entity Selection -->\n                   <div class=\"tw-space-y-2\">\n                     <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Select Entity</label>\n                     <cide-ele-select \n                       [options]=\"getFilteredEntityOptions($index)\"\n                       formControlName=\"acayrmp_entity_id_syen\"\n                       placeholder=\"Choose entity for this mapping\" \n                       size=\"md\"\n                       valueKey=\"_id\"\n                       labelKey=\"syen_name\"\n                       class=\"tw-min-w-full\"\n                       (change)=\"onMappingEntityChange($event, $index)\">\n                     </cide-ele-select>\n                   </div>\n                   \n                   <!-- Status Controls -->\n                   <div class=\"tw-space-y-2\">\n                     <div class=\"tw-grid tw-grid-cols-1 tw-gap-3\">\n                       <div class=\"tw-flex tw-items-center tw-gap-2 tw-p-3 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                         <cide-ele-input \n                           formControlName=\"acayrmp_islocked\" \n                           type=\"checkbox\" \n                           size=\"sm\"\n                           [disabled]=\"isViewMode()\">\n                         </cide-ele-input>\n                         <div class=\"tw-flex tw-flex-col\">\n                           <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Locked</span>\n                           <span class=\"tw-text-xs tw-text-gray-500\">Prevent modifications</span>\n                         </div>\n                       </div>\n                       \n                       <div class=\"tw-flex tw-items-center tw-gap-2 tw-p-3 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                         <cide-ele-input \n                           formControlName=\"acayrmp_iscurrent\" \n                           type=\"checkbox\" \n                           size=\"sm\"\n                           [disabled]=\"isViewMode()\">\n                         </cide-ele-input>\n                         <div class=\"tw-flex tw-flex-col\">\n                           <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Current</span>\n                           <span class=\"tw-text-xs tw-text-gray-500\">Mark as current mapping</span>\n                         </div>\n                       </div>\n                     </div>\n                   </div>\n                 </div>\n               </div>\n               }\n             </div>\n             }\n\n            <!-- Mapping Validation Messages -->\n            @if (academicYearMappingsArray.length > 0 && !isMappingsArrayValid()) {\n            <div class=\"tw-mt-4 tw-p-4 tw-bg-yellow-50 tw-border tw-border-yellow-200 tw-rounded-lg\">\n              <div class=\"tw-flex tw-items-center tw-gap-2\">\n                <cide-ele-icon variant=\"warning\" size=\"sm\">warning</cide-ele-icon>\n                <span class=\"tw-text-sm tw-font-medium tw-text-yellow-800\">\n                  Please ensure all mappings have required fields filled in.\n                </span>\n              </div>\n            </div>\n            }\n            \n            <!-- Require at least one mapping for create mode -->\n            @if (!isEditMode() && academicYearMappingsArray.length === 0) {\n            <div class=\"tw-mt-4 tw-p-4 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-lg\">\n              <div class=\"tw-flex tw-items-center tw-gap-2\">\n                <cide-ele-icon variant=\"error\" size=\"sm\">error</cide-ele-icon>\n                <span class=\"tw-text-sm tw-font-medium tw-text-red-800\">\n                  At least one entity mapping is required when creating an academic year. Please add a mapping below.\n                </span>\n              </div>\n            </div>\n            }\n          </div>\n          }\n          }\n         </div>\n      </div>\n     </div>\n\n          <!-- Form Actions -->\n      <div class=\"tw-table-row tw-h-0\">\n        <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-2 tw-bg-gray-50 tw-border-t tw-border-gray-200\">\n          <div class=\"tw-flex tw-justify-between tw-items-center tw-gap-4\">\n            <!-- Form Validation Errors -->\n            <div class=\"tw-flex tw-items-center tw-gap-3\">\n              <cide-form-field-error [formGroup]=\"academicYearForm\"></cide-form-field-error>\n            </div>\n            \n            <!-- Action Buttons with Error Message -->\n            <div class=\"tw-flex tw-items-center tw-gap-4\">\n              <!-- Error Message (shown when button is disabled) -->\n              @if (!isFormValidForSubmit()) {\n                <div class=\"tw-flex tw-items-center tw-gap-2 tw-px-3 tw-py-1.5 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-md\">\n                  <cide-ele-icon variant=\"error\" size=\"xs\" class=\"tw-text-red-600\">error</cide-ele-icon>\n                  <span class=\"tw-text-xs tw-font-medium tw-text-red-700\">{{ submitButtonDisabledReason() }}</span>\n                </div>\n              }\n              \n              <!-- Action Buttons -->\n              <div class=\"tw-flex tw-gap-4\">\n                @if (isViewMode()) {\n                  <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"cancelForm()\" leftIcon=\"close\"\n                    [disabled]=\"loading()\">\n                    Close\n                  </button>\n                } @else {\n                  @if (!isEditMode()) {\n                    <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"resetForm()\" leftIcon=\"refresh\"\n                      [disabled]=\"loading()\">\n                      Reset Form\n                    </button>\n                  }\n\n                  <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"cancelForm()\" leftIcon=\"close\"\n                    [disabled]=\"loading()\">\n                    Cancel\n                  </button>\n\n                  <button cideEleButton type=\"submit\" variant=\"primary\" [disabled]=\"loading() || !isFormValidForSubmit()\"\n                    [loading]=\"loading()\" leftIcon=\"save\">\n                    {{ isEditMode() ? 'Update Academic Year' : 'Create Academic Year' }}\n                  </button>\n                }\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </form>\n</cide-lyt-shared-wrapper>" }]
         }], ctorParameters: () => [] });
 
 var academicYearCreate_component = /*#__PURE__*/Object.freeze({
@@ -1207,6 +1420,8 @@ var academicYearCreate_component = /*#__PURE__*/Object.freeze({
 });
 
 class AcademicYearListComponent {
+    // Shared wrapper setup for breadcrumbs
+    shared_wrapper_setup_param = { sypg_page_code: "academic_year_list" };
     // Modern Angular 20+ dependency injection using inject()
     destroyRef = inject(DestroyRef);
     academicYearService = inject(CideLytAcademicYearService);
@@ -1249,6 +1464,7 @@ class AcademicYearListComponent {
     canEdit = computed(() => this.rightsService.hasRight('EDIT'), ...(ngDevMode ? [{ debugName: "canEdit" }] : []));
     canDelete = computed(() => this.rightsService.hasRight('DELETE'), ...(ngDevMode ? [{ debugName: "canDelete" }] : []));
     canView = computed(() => this.rightsService.hasRight('VIEW'), ...(ngDevMode ? [{ debugName: "canView" }] : []));
+    canToggleStatus = computed(() => this.rightsService.hasRight('TOGGLE_STATUS'), ...(ngDevMode ? [{ debugName: "canToggleStatus" }] : []));
     // Modern Angular 20+ grid configuration using computed signal with proper typing
     gridConfig = computed(() => ({
         id: 'academic-year-list-grid',
@@ -1354,6 +1570,7 @@ class AcademicYearListComponent {
     }
     /**
      * Load academic years from API
+     * Note: API will automatically filter by entity ID from token, no need to send entity ID from UI
      */
     loadAcademicYears() {
         this.loading.set(true);
@@ -1547,6 +1764,9 @@ class AcademicYearListComponent {
                 textColor: academicYear?.acayr_islocked ? 'tw-text-gray-400' : 'tw-text-blue-600',
                 hoverBgColor: academicYear?.acayr_islocked ? 'hover:tw-bg-gray-50' : 'hover:tw-bg-blue-50'
             });
+        }
+        // Toggle status option - only if user has TOGGLE_STATUS right
+        if (this.canToggleStatus()) {
             items.push({
                 id: 'toggle-status',
                 label: academicYear.acayr_isactive ? 'Deactivate' : 'Activate',
@@ -1820,10 +2040,10 @@ class AcademicYearListComponent {
             return 'Active';
         return 'Inactive';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: AcademicYearListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: AcademicYearListComponent, isStandalone: true, selector: "cide-core-academic-year-list", viewQueries: [{ propertyName: "academicYearDetailsRendererTemplate", first: true, predicate: ["academicYearDetailsRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "dateRangeRendererTemplate", first: true, predicate: ["dateRangeRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "statusRendererTemplate", first: true, predicate: ["statusRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "actionsDropdownRendererTemplate", first: true, predicate: ["actionsDropdownRendererTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Academic Year Container -->\n<div class=\"tw-table tw-w-full tw-h-full\">\n\n  <!-- Header Section with Filters -->\n  <div class=\"tw-table-row tw-h-0\">\n    <div class=\"tw-table-cell tw-px-6 tw-py-3 tw-border-b tw-border-gray-200 tw-bg-gray-50\">\n      <div\n        class=\"tw-flex tw-flex-col sm:tw-flex-row tw-justify-between tw-items-start sm:tw-items-center tw-space-y-3 sm:tw-space-y-0\">\n\n        <!-- Title -->\n        <div class=\"tw-flex tw-items-center tw-space-x-2\">\n          <cide-ele-icon class=\"tw-text-blue-600 tw-w-5 tw-h-5\">school</cide-ele-icon>\n          <h5 class=\"tw-text-base tw-font-medium tw-text-gray-900 tw-m-0\">Academic Year Management</h5>\n        </div>\n\n        <!-- Actions -->\n        <div\n          class=\"tw-flex tw-flex-col sm:tw-flex-row tw-items-start sm:tw-items-center tw-space-y-3 sm:tw-space-y-0 sm:tw-space-x-3\">\n          @if (canCreate()) {\n            <button cideEleButton variant=\"primary\" size=\"sm\" leftIcon=\"add\" (click)=\"createAcademicYear()\">\n              Create Academic Year\n            </button>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- Main Content Area -->\n  <div class=\"tw-table-row\">\n    <div class=\"tw-table-cell tw-h-full tw-relative\">\n\n      <!-- Data Grid Component -->\n      <div class=\"tw-h-full tw-overflow-auto\">\n        <cide-ele-data-grid class=\"tw-h-full\" [config]=\"gridConfig()\" [templateRenderers]=\"templateRenderers()\"\n          (gridEvent)=\"onGridEvent($event)\">\n        </cide-ele-data-grid>\n      </div>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Template Renderers -->\n<ng-template #academicYearDetailsRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-flex-col tw-w-full\">\n    <div class=\"tw-font-medium tw-text-gray-900\">{{ row.acayr_name || 'N/A' }}</div>\n    <div class=\"tw-text-sm tw-text-gray-500 tw-truncate\">{{ row.acayr_description || 'No description' }}</div>\n  </div>\n</ng-template>\n\n<ng-template #dateRangeRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-flex-col tw-text-sm\">\n    <span class=\"tw-text-gray-900 tw-font-medium\">{{ formatDate(row.acayr_from_date) }}</span>\n    <span class=\"tw-text-gray-500\">to {{ formatDate(row.acayr_to_date) }}</span>\n    <span class=\"tw-text-xs tw-text-gray-400\">{{ getDuration(row.acayr_from_date, row.acayr_to_date) }}</span>\n  </div>\n</ng-template>\n\n<ng-template #statusRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-flex-col tw-gap-1 tw-items-center\">\n    <!-- Current Year Badge (Priority) -->\n    @if (row.acayr_iscurrent) {\n    <span\n      class=\"tw-inline-flex tw-items-center tw-justify-center tw-px-2.5 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium tw-bg-yellow-100 tw-text-yellow-800 tw-text-center\">\n      <cide-ele-icon size=\"2xs\" class=\"tw-mr-1\">star</cide-ele-icon>\n      Current Year\n    </span>\n    }\n    \n    <!-- Active/Inactive Status Badge -->\n    <span class=\"tw-inline-flex tw-items-center tw-justify-center tw-px-2.5 tw-py-0.5 tw-rounded-full tw-text-xs tw-font-medium tw-text-center\"\n      [ngClass]=\"getActiveStatusBadgeClass(row)\">\n      <cide-ele-icon size=\"2xs\" class=\"tw-mr-1\">\n        {{ row.acayr_isactive ? 'check_circle' : 'cancel' }}\n      </cide-ele-icon>\n      {{ row.acayr_isactive ? 'Active' : 'Inactive' }}\n    </span>\n    \n    <!-- Locked Status Badge (Additional info) -->\n    @if (row.acayr_islocked) {\n    <span\n      class=\"tw-inline-flex tw-items-center tw-justify-center tw-px-2 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium tw-bg-red-100 tw-text-red-800 tw-text-center\">\n      <cide-ele-icon size=\"2xs\" class=\"tw-mr-1\">lock</cide-ele-icon>\n      Locked\n    </span>\n    }\n  </div>\n</ng-template>\n\n<ng-template #actionsDropdownRendererTemplate let-row=\"row\" let-value=\"value\">\n  <cide-ele-dropdown \n    [items]=\"getActionDropdownItems(row)\"\n    [config]=\"{ triggerIcon: 'more_vert', triggerSize: 'sm' }\"\n    (itemClick)=\"onDropdownItemClick($event, row)\">\n  </cide-ele-dropdown>\n</ng-template>", styles: [":host{height:100%;display:flex;flex-direction:column}.academic-year-listing-container{height:100%;display:flex;flex-direction:column;overflow:hidden}cide-ele-data-grid{flex:1;min-height:0;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideEleDataGridComponent, selector: "cide-ele-data-grid", inputs: ["config", "templateRenderers", "customFormatters", "actionHandlers", "serverSidePagination", "totalServerItems", "currentServerPage", "currentServerPageSize", "dragDropEnabled"], outputs: ["gridEvent"] }, { kind: "component", type: CideEleDropdownComponent, selector: "cide-ele-dropdown", inputs: ["items", "config", "triggerTemplate", "menuTemplate"], outputs: ["itemClick", "dropdownToggle"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AcademicYearListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: AcademicYearListComponent, isStandalone: true, selector: "cide-core-academic-year-list", viewQueries: [{ propertyName: "academicYearDetailsRendererTemplate", first: true, predicate: ["academicYearDetailsRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "dateRangeRendererTemplate", first: true, predicate: ["dateRangeRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "statusRendererTemplate", first: true, predicate: ["statusRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "actionsDropdownRendererTemplate", first: true, predicate: ["actionsDropdownRendererTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: "<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"shared_wrapper_setup_param\">\n  <!-- Breadcrumb Actions -->\n  <div breadcrumb-actions>\n    @if (canCreate()) {\n      <button cideEleButton variant=\"primary\" size=\"sm\" leftIcon=\"add\" (click)=\"createAcademicYear()\">\n        Create Academic Year\n      </button>\n    }\n  </div>\n\n  <!-- Academic Year Container -->\n  <div class=\"tw-table tw-w-full tw-h-full\">\n\n    <!-- Main Content Area -->\n    <div class=\"tw-table-row\">\n      <div class=\"tw-table-cell tw-h-full tw-relative\">\n\n        <!-- Data Grid Component -->\n        <div class=\"tw-h-full tw-overflow-auto\">\n          <cide-ele-data-grid class=\"tw-h-full\" [config]=\"gridConfig()\" [templateRenderers]=\"templateRenderers()\"\n            (gridEvent)=\"onGridEvent($event)\">\n          </cide-ele-data-grid>\n        </div>\n\n      </div>\n    </div>\n\n  </div>\n</cide-lyt-shared-wrapper>\n\n<!-- Template Renderers -->\n<ng-template #academicYearDetailsRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-flex-col tw-w-full\">\n    <div class=\"tw-font-medium tw-text-gray-900\">{{ row.acayr_name || 'N/A' }}</div>\n    <div class=\"tw-text-sm tw-text-gray-500 tw-truncate\">{{ row.acayr_description || 'No description' }}</div>\n  </div>\n</ng-template>\n\n<ng-template #dateRangeRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-flex-col tw-text-sm\">\n    <span class=\"tw-text-gray-900 tw-font-medium\">{{ formatDate(row.acayr_from_date) }}</span>\n    <span class=\"tw-text-gray-500\">to {{ formatDate(row.acayr_to_date) }}</span>\n    <span class=\"tw-text-xs tw-text-gray-400\">{{ getDuration(row.acayr_from_date, row.acayr_to_date) }}</span>\n  </div>\n</ng-template>\n\n<ng-template #statusRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-flex-col tw-gap-1 tw-items-center\">\n    <!-- Current Year Badge (Priority) -->\n    @if (row.acayr_iscurrent) {\n    <span\n      class=\"tw-inline-flex tw-items-center tw-justify-center tw-px-2.5 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium tw-bg-yellow-100 tw-text-yellow-800 tw-text-center\">\n      <cide-ele-icon size=\"2xs\" class=\"tw-mr-1\">star</cide-ele-icon>\n      Current Year\n    </span>\n    }\n    \n    <!-- Active/Inactive Status Badge -->\n    <span class=\"tw-inline-flex tw-items-center tw-justify-center tw-px-2.5 tw-py-0.5 tw-rounded-full tw-text-xs tw-font-medium tw-text-center\"\n      [ngClass]=\"getActiveStatusBadgeClass(row)\">\n      <cide-ele-icon size=\"2xs\" class=\"tw-mr-1\">\n        {{ row.acayr_isactive ? 'check_circle' : 'cancel' }}\n      </cide-ele-icon>\n      {{ row.acayr_isactive ? 'Active' : 'Inactive' }}\n    </span>\n    \n    <!-- Locked Status Badge (Additional info) -->\n    @if (row.acayr_islocked) {\n    <span\n      class=\"tw-inline-flex tw-items-center tw-justify-center tw-px-2 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium tw-bg-red-100 tw-text-red-800 tw-text-center\">\n      <cide-ele-icon size=\"2xs\" class=\"tw-mr-1\">lock</cide-ele-icon>\n      Locked\n    </span>\n    }\n  </div>\n</ng-template>\n\n<ng-template #actionsDropdownRendererTemplate let-row=\"row\" let-value=\"value\">\n  <cide-ele-dropdown \n    [items]=\"getActionDropdownItems(row)\"\n    [config]=\"{ triggerIcon: 'more_vert', triggerSize: 'sm' }\"\n    (itemClick)=\"onDropdownItemClick($event, row)\">\n  </cide-ele-dropdown>\n</ng-template>", styles: [":host{height:100%;display:flex;flex-direction:column}.academic-year-listing-container{height:100%;display:flex;flex-direction:column;overflow:hidden}cide-ele-data-grid{flex:1;min-height:0;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideEleDataGridComponent, selector: "cide-ele-data-grid", inputs: ["config", "templateRenderers", "customFormatters", "actionHandlers", "serverSidePagination", "totalServerItems", "currentServerPage", "currentServerPageSize", "dragDropEnabled"], outputs: ["gridEvent"] }, { kind: "component", type: CideEleDropdownComponent, selector: "cide-ele-dropdown", inputs: ["items", "config", "triggerTemplate", "menuTemplate"], outputs: ["itemClick", "dropdownToggle"] }, { kind: "component", type: CideLytSharedWrapperComponent, selector: "cide-lyt-shared-wrapper", inputs: ["shared_wrapper_setup_param", "breadcrumb_data"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: AcademicYearListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AcademicYearListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cide-core-academic-year-list', standalone: true, imports: [
                         CommonModule,
@@ -1831,9 +2051,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
                         CideIconComponent,
                         CideEleButtonComponent,
                         CideEleDataGridComponent,
-                        CideEleDropdownComponent
-                    ], template: "<!-- Academic Year Container -->\n<div class=\"tw-table tw-w-full tw-h-full\">\n\n  <!-- Header Section with Filters -->\n  <div class=\"tw-table-row tw-h-0\">\n    <div class=\"tw-table-cell tw-px-6 tw-py-3 tw-border-b tw-border-gray-200 tw-bg-gray-50\">\n      <div\n        class=\"tw-flex tw-flex-col sm:tw-flex-row tw-justify-between tw-items-start sm:tw-items-center tw-space-y-3 sm:tw-space-y-0\">\n\n        <!-- Title -->\n        <div class=\"tw-flex tw-items-center tw-space-x-2\">\n          <cide-ele-icon class=\"tw-text-blue-600 tw-w-5 tw-h-5\">school</cide-ele-icon>\n          <h5 class=\"tw-text-base tw-font-medium tw-text-gray-900 tw-m-0\">Academic Year Management</h5>\n        </div>\n\n        <!-- Actions -->\n        <div\n          class=\"tw-flex tw-flex-col sm:tw-flex-row tw-items-start sm:tw-items-center tw-space-y-3 sm:tw-space-y-0 sm:tw-space-x-3\">\n          @if (canCreate()) {\n            <button cideEleButton variant=\"primary\" size=\"sm\" leftIcon=\"add\" (click)=\"createAcademicYear()\">\n              Create Academic Year\n            </button>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- Main Content Area -->\n  <div class=\"tw-table-row\">\n    <div class=\"tw-table-cell tw-h-full tw-relative\">\n\n      <!-- Data Grid Component -->\n      <div class=\"tw-h-full tw-overflow-auto\">\n        <cide-ele-data-grid class=\"tw-h-full\" [config]=\"gridConfig()\" [templateRenderers]=\"templateRenderers()\"\n          (gridEvent)=\"onGridEvent($event)\">\n        </cide-ele-data-grid>\n      </div>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Template Renderers -->\n<ng-template #academicYearDetailsRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-flex-col tw-w-full\">\n    <div class=\"tw-font-medium tw-text-gray-900\">{{ row.acayr_name || 'N/A' }}</div>\n    <div class=\"tw-text-sm tw-text-gray-500 tw-truncate\">{{ row.acayr_description || 'No description' }}</div>\n  </div>\n</ng-template>\n\n<ng-template #dateRangeRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-flex-col tw-text-sm\">\n    <span class=\"tw-text-gray-900 tw-font-medium\">{{ formatDate(row.acayr_from_date) }}</span>\n    <span class=\"tw-text-gray-500\">to {{ formatDate(row.acayr_to_date) }}</span>\n    <span class=\"tw-text-xs tw-text-gray-400\">{{ getDuration(row.acayr_from_date, row.acayr_to_date) }}</span>\n  </div>\n</ng-template>\n\n<ng-template #statusRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-flex-col tw-gap-1 tw-items-center\">\n    <!-- Current Year Badge (Priority) -->\n    @if (row.acayr_iscurrent) {\n    <span\n      class=\"tw-inline-flex tw-items-center tw-justify-center tw-px-2.5 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium tw-bg-yellow-100 tw-text-yellow-800 tw-text-center\">\n      <cide-ele-icon size=\"2xs\" class=\"tw-mr-1\">star</cide-ele-icon>\n      Current Year\n    </span>\n    }\n    \n    <!-- Active/Inactive Status Badge -->\n    <span class=\"tw-inline-flex tw-items-center tw-justify-center tw-px-2.5 tw-py-0.5 tw-rounded-full tw-text-xs tw-font-medium tw-text-center\"\n      [ngClass]=\"getActiveStatusBadgeClass(row)\">\n      <cide-ele-icon size=\"2xs\" class=\"tw-mr-1\">\n        {{ row.acayr_isactive ? 'check_circle' : 'cancel' }}\n      </cide-ele-icon>\n      {{ row.acayr_isactive ? 'Active' : 'Inactive' }}\n    </span>\n    \n    <!-- Locked Status Badge (Additional info) -->\n    @if (row.acayr_islocked) {\n    <span\n      class=\"tw-inline-flex tw-items-center tw-justify-center tw-px-2 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium tw-bg-red-100 tw-text-red-800 tw-text-center\">\n      <cide-ele-icon size=\"2xs\" class=\"tw-mr-1\">lock</cide-ele-icon>\n      Locked\n    </span>\n    }\n  </div>\n</ng-template>\n\n<ng-template #actionsDropdownRendererTemplate let-row=\"row\" let-value=\"value\">\n  <cide-ele-dropdown \n    [items]=\"getActionDropdownItems(row)\"\n    [config]=\"{ triggerIcon: 'more_vert', triggerSize: 'sm' }\"\n    (itemClick)=\"onDropdownItemClick($event, row)\">\n  </cide-ele-dropdown>\n</ng-template>", styles: [":host{height:100%;display:flex;flex-direction:column}.academic-year-listing-container{height:100%;display:flex;flex-direction:column;overflow:hidden}cide-ele-data-grid{flex:1;min-height:0;display:flex;flex-direction:column}\n"] }]
-        }] });
+                        CideEleDropdownComponent,
+                        CideLytSharedWrapperComponent
+                    ], template: "<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"shared_wrapper_setup_param\">\n  <!-- Breadcrumb Actions -->\n  <div breadcrumb-actions>\n    @if (canCreate()) {\n      <button cideEleButton variant=\"primary\" size=\"sm\" leftIcon=\"add\" (click)=\"createAcademicYear()\">\n        Create Academic Year\n      </button>\n    }\n  </div>\n\n  <!-- Academic Year Container -->\n  <div class=\"tw-table tw-w-full tw-h-full\">\n\n    <!-- Main Content Area -->\n    <div class=\"tw-table-row\">\n      <div class=\"tw-table-cell tw-h-full tw-relative\">\n\n        <!-- Data Grid Component -->\n        <div class=\"tw-h-full tw-overflow-auto\">\n          <cide-ele-data-grid class=\"tw-h-full\" [config]=\"gridConfig()\" [templateRenderers]=\"templateRenderers()\"\n            (gridEvent)=\"onGridEvent($event)\">\n          </cide-ele-data-grid>\n        </div>\n\n      </div>\n    </div>\n\n  </div>\n</cide-lyt-shared-wrapper>\n\n<!-- Template Renderers -->\n<ng-template #academicYearDetailsRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-flex-col tw-w-full\">\n    <div class=\"tw-font-medium tw-text-gray-900\">{{ row.acayr_name || 'N/A' }}</div>\n    <div class=\"tw-text-sm tw-text-gray-500 tw-truncate\">{{ row.acayr_description || 'No description' }}</div>\n  </div>\n</ng-template>\n\n<ng-template #dateRangeRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-flex-col tw-text-sm\">\n    <span class=\"tw-text-gray-900 tw-font-medium\">{{ formatDate(row.acayr_from_date) }}</span>\n    <span class=\"tw-text-gray-500\">to {{ formatDate(row.acayr_to_date) }}</span>\n    <span class=\"tw-text-xs tw-text-gray-400\">{{ getDuration(row.acayr_from_date, row.acayr_to_date) }}</span>\n  </div>\n</ng-template>\n\n<ng-template #statusRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-flex-col tw-gap-1 tw-items-center\">\n    <!-- Current Year Badge (Priority) -->\n    @if (row.acayr_iscurrent) {\n    <span\n      class=\"tw-inline-flex tw-items-center tw-justify-center tw-px-2.5 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium tw-bg-yellow-100 tw-text-yellow-800 tw-text-center\">\n      <cide-ele-icon size=\"2xs\" class=\"tw-mr-1\">star</cide-ele-icon>\n      Current Year\n    </span>\n    }\n    \n    <!-- Active/Inactive Status Badge -->\n    <span class=\"tw-inline-flex tw-items-center tw-justify-center tw-px-2.5 tw-py-0.5 tw-rounded-full tw-text-xs tw-font-medium tw-text-center\"\n      [ngClass]=\"getActiveStatusBadgeClass(row)\">\n      <cide-ele-icon size=\"2xs\" class=\"tw-mr-1\">\n        {{ row.acayr_isactive ? 'check_circle' : 'cancel' }}\n      </cide-ele-icon>\n      {{ row.acayr_isactive ? 'Active' : 'Inactive' }}\n    </span>\n    \n    <!-- Locked Status Badge (Additional info) -->\n    @if (row.acayr_islocked) {\n    <span\n      class=\"tw-inline-flex tw-items-center tw-justify-center tw-px-2 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium tw-bg-red-100 tw-text-red-800 tw-text-center\">\n      <cide-ele-icon size=\"2xs\" class=\"tw-mr-1\">lock</cide-ele-icon>\n      Locked\n    </span>\n    }\n  </div>\n</ng-template>\n\n<ng-template #actionsDropdownRendererTemplate let-row=\"row\" let-value=\"value\">\n  <cide-ele-dropdown \n    [items]=\"getActionDropdownItems(row)\"\n    [config]=\"{ triggerIcon: 'more_vert', triggerSize: 'sm' }\"\n    (itemClick)=\"onDropdownItemClick($event, row)\">\n  </cide-ele-dropdown>\n</ng-template>", styles: [":host{height:100%;display:flex;flex-direction:column}.academic-year-listing-container{height:100%;display:flex;flex-direction:column;overflow:hidden}cide-ele-data-grid{flex:1;min-height:0;display:flex;flex-direction:column}\n"] }]
+        }], propDecorators: { academicYearDetailsRendererTemplate: [{ type: i0.ViewChild, args: ['academicYearDetailsRendererTemplate', { isSignal: true }] }], dateRangeRendererTemplate: [{ type: i0.ViewChild, args: ['dateRangeRendererTemplate', { isSignal: true }] }], statusRendererTemplate: [{ type: i0.ViewChild, args: ['statusRendererTemplate', { isSignal: true }] }], actionsDropdownRendererTemplate: [{ type: i0.ViewChild, args: ['actionsDropdownRendererTemplate', { isSignal: true }] }] } });
 
 var academicYearList_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -1936,10 +2157,10 @@ class CideLytClassProgramBranchService {
         ]);
         return this.http.put(url, {});
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytClassProgramBranchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytClassProgramBranchService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytClassProgramBranchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytClassProgramBranchService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytClassProgramBranchService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytClassProgramBranchService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2024,10 +2245,10 @@ class CideLytProgramClassService {
         ]);
         return this.http.put(url, {});
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytProgramClassService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytProgramClassService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytProgramClassService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytProgramClassService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytProgramClassService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytProgramClassService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2766,10 +2987,10 @@ class CideLytClassProgramBranchListComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytClassProgramBranchListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.7", type: CideLytClassProgramBranchListComponent, isStandalone: true, selector: "cide-academics-class-program-branch-list", viewQueries: [{ propertyName: "dragHandleRendererTemplate", first: true, predicate: ["dragHandleRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "classProgramRendererTemplate", first: true, predicate: ["classProgramRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "actionsDropdownRendererTemplate", first: true, predicate: ["actionsDropdownRendererTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Class Program Branch List Component -->\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'class_program_branch' }\"\n  [breadcrumb_data]=\"breadcrumbData()\">\n  \n  <!-- Action Buttons in Breadcrumb Area -->\n  <div breadcrumb-actions>\n    <button cideEleButton type=\"button\" variant=\"primary\" size=\"sm\" leftIcon=\"add\" (btnClick)=\"onCreateBranch($event)\">\n      Create Branch\n    </button>\n  </div>\n\n  <!-- Main Content -->\n  <div class=\"tw-flex tw-flex-col tw-w-full tw-h-full tw-overflow-hidden\">\n    <!-- Filter Section -->\n    <div class=\"tw-flex-shrink-0 tw-px-6 tw-py-3 tw-border-b tw-border-gray-200 tw-bg-gray-50\">\n      <div class=\"tw-flex tw-items-center tw-gap-4\">\n        <div class=\"tw-w-64\">\n          <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">Class Program</label>\n          <cide-ele-select\n            [options]=\"programClasses()\"\n            [ngModel]=\"selectedProgramClassId() || ''\"\n            (ngModelChange)=\"onProgramClassChange($event)\"\n            placeholder=\"Select Class Program (Optional)\"\n            valueKey=\"_id\"\n            labelKey=\"acacpm_alise_title\">\n          </cide-ele-select>\n        </div>\n      </div>\n    </div>\n\n    <!-- Data Grid Section -->\n    <div class=\"tw-flex-1 tw-min-h-0 tw-p-0\">\n      <cide-ele-data-grid\n        class=\"tw-h-full\"\n        [config]=\"gridConfig()\"\n        [templateRenderers]=\"templateRenderers()\"\n        (gridEvent)=\"onGridEvent($event)\">\n      </cide-ele-data-grid>\n    </div>\n  </div>\n</cide-lyt-shared-wrapper>\n\n<!-- Template Renderers -->\n<ng-template #dragHandleRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-justify-center tw-cursor-move drag-handle\" title=\"Drag to reorder\">\n    <cide-ele-icon name=\"drag_indicator\" class=\"tw-w-4 tw-h-4 tw-text-gray-400 hover:tw-text-gray-600\"></cide-ele-icon>\n  </div>\n</ng-template>\n\n\n<ng-template #classProgramRendererTemplate let-row=\"row\">\n  <div class=\"tw-text-sm tw-text-gray-900\">\n    {{ row.acabrn_class_program_id_acacpm?.acacpm_alise_title || 'N/A' }}\n  </div>\n</ng-template>\n\n<ng-template #actionsDropdownRendererTemplate let-row=\"row\">\n  <div class=\"tw-relative tw-inline-block\">\n    <cide-ele-dropdown \n      [items]=\"getBranchActionDropdownItems(row)\" \n      (itemClick)=\"onDropdownItemClick($event, row)\">\n    </cide-ele-dropdown>\n  </div>\n</ng-template>\n\n", styles: [":host{height:100%;display:flex;flex-direction:column}cide-ele-data-grid{flex:1;min-height:0;display:flex;flex-direction:column}.drag-handle{cursor:move}.drag-handle:hover{background-color:#0000000d;border-radius:4px}.tw-table tbody tr{cursor:pointer}.tw-table tbody tr:hover{background-color:#00000005}.tw-table tbody tr.selected{background-color:#3b82f61a}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CideEleDataGridComponent, selector: "cide-ele-data-grid", inputs: ["config", "templateRenderers", "customFormatters", "actionHandlers", "serverSidePagination", "totalServerItems", "currentServerPage", "currentServerPageSize", "dragDropEnabled"], outputs: ["gridEvent"] }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideEleDropdownComponent, selector: "cide-ele-dropdown", inputs: ["items", "config", "triggerTemplate", "menuTemplate"], outputs: ["itemClick", "dropdownToggle"] }, { kind: "component", type: CideSelectComponent, selector: "cide-ele-select", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput", "options", "multiple", "searchable", "showSearchInput", "loading", "valueKey", "labelKey", "treeView"], outputs: ["ngModelChange", "change", "searchChange"] }, { kind: "component", type: CideLytSharedWrapperComponent, selector: "cide-lyt-shared-wrapper", inputs: ["shared_wrapper_setup_param", "breadcrumb_data"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytClassProgramBranchListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.15", type: CideLytClassProgramBranchListComponent, isStandalone: true, selector: "cide-academics-class-program-branch-list", viewQueries: [{ propertyName: "dragHandleRendererTemplate", first: true, predicate: ["dragHandleRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "classProgramRendererTemplate", first: true, predicate: ["classProgramRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "actionsDropdownRendererTemplate", first: true, predicate: ["actionsDropdownRendererTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Class Program Branch List Component -->\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'class_program_branch' }\"\n  [breadcrumb_data]=\"breadcrumbData()\">\n  \n  <!-- Action Buttons in Breadcrumb Area -->\n  <div breadcrumb-actions>\n    <button cideEleButton type=\"button\" variant=\"primary\" size=\"sm\" leftIcon=\"add\" (btnClick)=\"onCreateBranch($event)\">\n      Create Branch\n    </button>\n  </div>\n\n  <!-- Main Content -->\n  <div class=\"tw-flex tw-flex-col tw-w-full tw-h-full tw-overflow-hidden\">\n    <!-- Filter Section -->\n    <div class=\"tw-flex-shrink-0 tw-px-6 tw-py-3 tw-border-b tw-border-gray-200 tw-bg-gray-50\">\n      <div class=\"tw-flex tw-items-center tw-gap-4\">\n        <div class=\"tw-w-64\">\n          <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">Class Program</label>\n          <cide-ele-select\n            [options]=\"programClasses()\"\n            [ngModel]=\"selectedProgramClassId() || ''\"\n            (ngModelChange)=\"onProgramClassChange($event)\"\n            placeholder=\"Select Class Program (Optional)\"\n            valueKey=\"_id\"\n            labelKey=\"acacpm_alise_title\">\n          </cide-ele-select>\n        </div>\n      </div>\n    </div>\n\n    <!-- Data Grid Section -->\n    <div class=\"tw-flex-1 tw-min-h-0 tw-p-0\">\n      <cide-ele-data-grid\n        class=\"tw-h-full\"\n        [config]=\"gridConfig()\"\n        [templateRenderers]=\"templateRenderers()\"\n        (gridEvent)=\"onGridEvent($event)\">\n      </cide-ele-data-grid>\n    </div>\n  </div>\n</cide-lyt-shared-wrapper>\n\n<!-- Template Renderers -->\n<ng-template #dragHandleRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-justify-center tw-cursor-move drag-handle\" title=\"Drag to reorder\">\n    <cide-ele-icon name=\"drag_indicator\" class=\"tw-w-4 tw-h-4 tw-text-gray-400 hover:tw-text-gray-600\"></cide-ele-icon>\n  </div>\n</ng-template>\n\n\n<ng-template #classProgramRendererTemplate let-row=\"row\">\n  <div class=\"tw-text-sm tw-text-gray-900\">\n    {{ row.acabrn_class_program_id_acacpm?.acacpm_alise_title || 'N/A' }}\n  </div>\n</ng-template>\n\n<ng-template #actionsDropdownRendererTemplate let-row=\"row\">\n  <div class=\"tw-relative tw-inline-block\">\n    <cide-ele-dropdown \n      [items]=\"getBranchActionDropdownItems(row)\" \n      (itemClick)=\"onDropdownItemClick($event, row)\">\n    </cide-ele-dropdown>\n  </div>\n</ng-template>\n\n", styles: [":host{height:100%;display:flex;flex-direction:column}cide-ele-data-grid{flex:1;min-height:0;display:flex;flex-direction:column}.drag-handle{cursor:move}.drag-handle:hover{background-color:#0000000d;border-radius:4px}.tw-table tbody tr{cursor:pointer}.tw-table tbody tr:hover{background-color:#00000005}.tw-table tbody tr.selected{background-color:#3b82f61a}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CideEleDataGridComponent, selector: "cide-ele-data-grid", inputs: ["config", "templateRenderers", "customFormatters", "actionHandlers", "serverSidePagination", "totalServerItems", "currentServerPage", "currentServerPageSize", "dragDropEnabled"], outputs: ["gridEvent"] }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideEleDropdownComponent, selector: "cide-ele-dropdown", inputs: ["items", "config", "triggerTemplate", "menuTemplate"], outputs: ["itemClick", "dropdownToggle"] }, { kind: "component", type: CideSelectComponent, selector: "cide-ele-select", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput", "options", "multiple", "searchable", "showSearchInput", "loading", "valueKey", "labelKey", "treeView"], outputs: ["ngModelChange", "change", "searchChange"] }, { kind: "component", type: CideLytSharedWrapperComponent, selector: "cide-lyt-shared-wrapper", inputs: ["shared_wrapper_setup_param", "breadcrumb_data"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytClassProgramBranchListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytClassProgramBranchListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cide-academics-class-program-branch-list', standalone: true, imports: [
                         CommonModule,
@@ -2781,7 +3002,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
                         CideSelectComponent,
                         CideLytSharedWrapperComponent
                     ], template: "<!-- Class Program Branch List Component -->\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'class_program_branch' }\"\n  [breadcrumb_data]=\"breadcrumbData()\">\n  \n  <!-- Action Buttons in Breadcrumb Area -->\n  <div breadcrumb-actions>\n    <button cideEleButton type=\"button\" variant=\"primary\" size=\"sm\" leftIcon=\"add\" (btnClick)=\"onCreateBranch($event)\">\n      Create Branch\n    </button>\n  </div>\n\n  <!-- Main Content -->\n  <div class=\"tw-flex tw-flex-col tw-w-full tw-h-full tw-overflow-hidden\">\n    <!-- Filter Section -->\n    <div class=\"tw-flex-shrink-0 tw-px-6 tw-py-3 tw-border-b tw-border-gray-200 tw-bg-gray-50\">\n      <div class=\"tw-flex tw-items-center tw-gap-4\">\n        <div class=\"tw-w-64\">\n          <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">Class Program</label>\n          <cide-ele-select\n            [options]=\"programClasses()\"\n            [ngModel]=\"selectedProgramClassId() || ''\"\n            (ngModelChange)=\"onProgramClassChange($event)\"\n            placeholder=\"Select Class Program (Optional)\"\n            valueKey=\"_id\"\n            labelKey=\"acacpm_alise_title\">\n          </cide-ele-select>\n        </div>\n      </div>\n    </div>\n\n    <!-- Data Grid Section -->\n    <div class=\"tw-flex-1 tw-min-h-0 tw-p-0\">\n      <cide-ele-data-grid\n        class=\"tw-h-full\"\n        [config]=\"gridConfig()\"\n        [templateRenderers]=\"templateRenderers()\"\n        (gridEvent)=\"onGridEvent($event)\">\n      </cide-ele-data-grid>\n    </div>\n  </div>\n</cide-lyt-shared-wrapper>\n\n<!-- Template Renderers -->\n<ng-template #dragHandleRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-justify-center tw-cursor-move drag-handle\" title=\"Drag to reorder\">\n    <cide-ele-icon name=\"drag_indicator\" class=\"tw-w-4 tw-h-4 tw-text-gray-400 hover:tw-text-gray-600\"></cide-ele-icon>\n  </div>\n</ng-template>\n\n\n<ng-template #classProgramRendererTemplate let-row=\"row\">\n  <div class=\"tw-text-sm tw-text-gray-900\">\n    {{ row.acabrn_class_program_id_acacpm?.acacpm_alise_title || 'N/A' }}\n  </div>\n</ng-template>\n\n<ng-template #actionsDropdownRendererTemplate let-row=\"row\">\n  <div class=\"tw-relative tw-inline-block\">\n    <cide-ele-dropdown \n      [items]=\"getBranchActionDropdownItems(row)\" \n      (itemClick)=\"onDropdownItemClick($event, row)\">\n    </cide-ele-dropdown>\n  </div>\n</ng-template>\n\n", styles: [":host{height:100%;display:flex;flex-direction:column}cide-ele-data-grid{flex:1;min-height:0;display:flex;flex-direction:column}.drag-handle{cursor:move}.drag-handle:hover{background-color:#0000000d;border-radius:4px}.tw-table tbody tr{cursor:pointer}.tw-table tbody tr:hover{background-color:#00000005}.tw-table tbody tr.selected{background-color:#3b82f61a}\n"] }]
-        }] });
+        }], propDecorators: { dragHandleRendererTemplate: [{ type: i0.ViewChild, args: ['dragHandleRendererTemplate', { isSignal: true }] }], classProgramRendererTemplate: [{ type: i0.ViewChild, args: ['classProgramRendererTemplate', { isSignal: true }] }], actionsDropdownRendererTemplate: [{ type: i0.ViewChild, args: ['actionsDropdownRendererTemplate', { isSignal: true }] }] } });
 
 var classProgramBranchList_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -3404,10 +3625,10 @@ class CideLytClassProgramBranchFormComponent {
         }
         this.breadcrumbData.set(additionalItems);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytClassProgramBranchFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: CideLytClassProgramBranchFormComponent, isStandalone: true, selector: "cide-academics-class-program-branch-form", ngImport: i0, template: "<!-- \n  CLASS PROGRAM BRANCH FORM COMPONENT\n  \n  Enterprise-Level Styling with Tailwind CSS\n  Features: Responsive grids, proper typography, enhanced user experience\n-->\n\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'class_program_branch' }\"\n  [breadcrumb_data]=\"breadcrumbData()\">\n  <div class=\"tw-w-full tw-h-full\">\n    <form class=\"tw-w-full tw-table tw-h-full tw-bg-transparent\" [formGroup]=\"branchForm\"\n      [class.tw-opacity-60]=\"loading()\" (ngSubmit)=\"onSubmit()\">\n\n      <!-- Form Content -->\n      <div class=\"tw-table-row\">\n        <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-6\">\n          <div class=\"tw-transition-opacity tw-duration-300\" [class.tw-opacity-60]=\"loading()\">\n\n            <!-- Error Message -->\n            @if (error()) {\n            <div class=\"tw-mb-6 tw-p-4 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-md\">\n              <div class=\"tw-flex tw-items-start\">\n                <cide-ele-icon name=\"error\"\n                  class=\"tw-text-red-400 tw-w-5 tw-h-5 tw-mt-0.5 tw-flex-shrink-0\"></cide-ele-icon>\n                <div class=\"tw-ml-3\">\n                  <h3 class=\"tw-text-sm tw-font-medium tw-text-red-800 tw-m-0\">Error</h3>\n                  <p class=\"tw-text-sm tw-text-red-700 tw-mt-1 tw-m-0\">{{ error() }}</p>\n                </div>\n              </div>\n            </div>\n            }\n\n            <!-- Basic Branch Information -->\n            <div class=\"tw-space-y-6\">\n              <!-- Class Program Selection -->\n              <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-1 tw-gap-6\">\n                <div class=\"tw-space-y-2\">\n                  <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Class Program</label>\n                  <cide-ele-select formControlName=\"acabrn_class_program_id_acacpm\" placeholder=\"Select class program\"\n                    [disabled]=\"isViewMode() || isEditMode()\" valueKey=\"_id\" labelKey=\"acacpm_alise_title\" [options]=\"programClasses()\">\n                  </cide-ele-select>\n                  <p class=\"tw-text-xs tw-text-gray-500 tw-mt-1\">\n                    <cide-ele-icon name=\"info\" class=\"tw-w-4 tw-h-4 tw-mr-1\"></cide-ele-icon>\n                    Sequence will be automatically assigned based on the order in the listing\n                  </p>\n                </div>\n              </div>\n\n              <!-- Standard Branch Name (SYGMS) -->\n              <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-1 tw-gap-6\">\n                <div class=\"tw-space-y-2\">\n                  <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Standard Branch Name</label>\n                  <cide-ele-select formControlName=\"acabrn_branch_id_sygms\" placeholder=\"Select standard branch name\"\n                    [disabled]=\"isViewMode()\" valueKey=\"_id\" labelKey=\"sygms_title\" [options]=\"branchMasters()\">\n                  </cide-ele-select>\n                  <p class=\"tw-text-xs tw-text-gray-500 tw-mt-1\">\n                    <cide-ele-icon name=\"info\" class=\"tw-w-4 tw-h-4 tw-mr-1\"></cide-ele-icon>\n                    Selecting a standard branch will auto-populate the branch name and code\n                  </p>\n                </div>\n              </div>\n\n              <!-- Branch Name and Code -->\n              <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n                <div>\n                  <cide-ele-input label=\"Branch Name\" formControlName=\"acabrn_name\"\n                    placeholder=\"e.g., Computer Science Branch\" size=\"md\" [disabled]=\"isViewMode()\">\n                  </cide-ele-input>\n                </div>\n\n                <div>\n                  <cide-ele-input label=\"Branch Code\" formControlName=\"acabrn_code\" placeholder=\"e.g., CS\" size=\"md\"\n                    leadingIcon=\"code\" [disabled]=\"isViewMode()\">\n                  </cide-ele-input>\n                </div>\n              </div>\n\n              <!-- Status and Lock Options -->\n              <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n                <div\n                  class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200 tw-cursor-pointer hover:tw-bg-gray-100 tw-transition-colors tw-duration-200\"\n                  [class.tw-cursor-not-allowed]=\"isViewMode()\" [class.tw-opacity-60]=\"isViewMode()\"\n                  (click)=\"onActiveCardClick()\">\n                  <cide-ele-input formControlName=\"acabrn_isactive\" type=\"checkbox\" size=\"md\" [disabled]=\"isViewMode()\">\n                  </cide-ele-input>\n                  <div class=\"tw-flex tw-flex-col\">\n                    <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Active</span>\n                    <span class=\"tw-text-xs tw-text-gray-500\">Enable/disable this branch</span>\n                  </div>\n                </div>\n\n                <div\n                  class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200 tw-cursor-pointer hover:tw-bg-gray-100 tw-transition-colors tw-duration-200\"\n                  [class.tw-cursor-not-allowed]=\"isViewMode()\" [class.tw-opacity-60]=\"isViewMode()\"\n                  (click)=\"onLockedCardClick()\">\n                  <cide-ele-input formControlName=\"acabrn_islocked\" type=\"checkbox\" size=\"md\" [disabled]=\"isViewMode()\">\n                  </cide-ele-input>\n                  <div class=\"tw-flex tw-flex-col\">\n                    <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Locked</span>\n                    <span class=\"tw-text-xs tw-text-gray-500\">Prevent modifications</span>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Form Actions -->\n      <div class=\"tw-table-row tw-h-0\">\n        <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-2 tw-bg-gray-50 tw-border-t tw-border-gray-200\">\n          <div class=\"tw-flex tw-justify-end tw-gap-4\">\n            <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"resetForm()\" leftIcon=\"refresh\"\n              [disabled]=\"loading()\">\n              Reset Form\n            </button>\n\n            <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"onCancel()\" leftIcon=\"close\"\n              [disabled]=\"loading()\">\n              {{ isViewMode() ? 'Close' : 'Cancel' }}\n            </button>\n\n            @if (!isViewMode()) {\n            <button cideEleButton type=\"submit\" variant=\"primary\" [disabled]=\"loading() || branchForm.invalid\"\n              [loading]=\"loading()\" leftIcon=\"save\">\n              {{ submitButtonText }}\n            </button>\n            }\n          </div>\n        </div>\n      </div>\n    </form>\n  </div>\n</cide-lyt-shared-wrapper>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: CideInputComponent, selector: "cide-ele-input", inputs: ["fill", "label", "labelHide", "disabled", "clearInput", "labelPlacement", "labelDir", "placeholder", "leadingIcon", "trailingIcon", "helperText", "helperTextCollapse", "hideHelperAndErrorText", "errorText", "maxlength", "minlength", "required", "autocapitalize", "autocomplete", "type", "width", "id", "ngModel", "option", "min", "max", "step", "size"], outputs: ["ngModelChange"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideSelectComponent, selector: "cide-ele-select", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput", "options", "multiple", "searchable", "showSearchInput", "loading", "valueKey", "labelKey", "treeView"], outputs: ["ngModelChange", "change", "searchChange"] }, { kind: "component", type: CideLytSharedWrapperComponent, selector: "cide-lyt-shared-wrapper", inputs: ["shared_wrapper_setup_param", "breadcrumb_data"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytClassProgramBranchFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: CideLytClassProgramBranchFormComponent, isStandalone: true, selector: "cide-academics-class-program-branch-form", ngImport: i0, template: "<!-- \n  CLASS PROGRAM BRANCH FORM COMPONENT\n  \n  Enterprise-Level Styling with Tailwind CSS\n  Features: Responsive grids, proper typography, enhanced user experience\n-->\n\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'class_program_branch' }\"\n  [breadcrumb_data]=\"breadcrumbData()\">\n  <div class=\"tw-w-full tw-h-full\">\n    <form class=\"tw-w-full tw-table tw-h-full tw-bg-transparent\" [formGroup]=\"branchForm\"\n      [class.tw-opacity-60]=\"loading()\" (ngSubmit)=\"onSubmit()\">\n\n      <!-- Form Content -->\n      <div class=\"tw-table-row\">\n        <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-6\">\n          <div class=\"tw-transition-opacity tw-duration-300\" [class.tw-opacity-60]=\"loading()\">\n\n            <!-- Error Message -->\n            @if (error()) {\n            <div class=\"tw-mb-6 tw-p-4 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-md\">\n              <div class=\"tw-flex tw-items-start\">\n                <cide-ele-icon name=\"error\"\n                  class=\"tw-text-red-400 tw-w-5 tw-h-5 tw-mt-0.5 tw-flex-shrink-0\"></cide-ele-icon>\n                <div class=\"tw-ml-3\">\n                  <h3 class=\"tw-text-sm tw-font-medium tw-text-red-800 tw-m-0\">Error</h3>\n                  <p class=\"tw-text-sm tw-text-red-700 tw-mt-1 tw-m-0\">{{ error() }}</p>\n                </div>\n              </div>\n            </div>\n            }\n\n            <!-- Basic Branch Information -->\n            <div class=\"tw-space-y-6\">\n              <!-- Class Program Selection -->\n              <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-1 tw-gap-6\">\n                <div class=\"tw-space-y-2\">\n                  <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Class Program</label>\n                  <cide-ele-select formControlName=\"acabrn_class_program_id_acacpm\" placeholder=\"Select class program\"\n                    [disabled]=\"isViewMode() || isEditMode()\" valueKey=\"_id\" labelKey=\"acacpm_alise_title\" [options]=\"programClasses()\">\n                  </cide-ele-select>\n                  <p class=\"tw-text-xs tw-text-gray-500 tw-mt-1\">\n                    <cide-ele-icon name=\"info\" class=\"tw-w-4 tw-h-4 tw-mr-1\"></cide-ele-icon>\n                    Sequence will be automatically assigned based on the order in the listing\n                  </p>\n                </div>\n              </div>\n\n              <!-- Standard Branch Name (SYGMS) -->\n              <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-1 tw-gap-6\">\n                <div class=\"tw-space-y-2\">\n                  <label class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Standard Branch Name</label>\n                  <cide-ele-select formControlName=\"acabrn_branch_id_sygms\" placeholder=\"Select standard branch name\"\n                    [disabled]=\"isViewMode()\" valueKey=\"_id\" labelKey=\"sygms_title\" [options]=\"branchMasters()\">\n                  </cide-ele-select>\n                  <p class=\"tw-text-xs tw-text-gray-500 tw-mt-1\">\n                    <cide-ele-icon name=\"info\" class=\"tw-w-4 tw-h-4 tw-mr-1\"></cide-ele-icon>\n                    Selecting a standard branch will auto-populate the branch name and code\n                  </p>\n                </div>\n              </div>\n\n              <!-- Branch Name and Code -->\n              <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n                <div>\n                  <cide-ele-input label=\"Branch Name\" formControlName=\"acabrn_name\"\n                    placeholder=\"e.g., Computer Science Branch\" size=\"md\" [disabled]=\"isViewMode()\">\n                  </cide-ele-input>\n                </div>\n\n                <div>\n                  <cide-ele-input label=\"Branch Code\" formControlName=\"acabrn_code\" placeholder=\"e.g., CS\" size=\"md\"\n                    leadingIcon=\"code\" [disabled]=\"isViewMode()\">\n                  </cide-ele-input>\n                </div>\n              </div>\n\n              <!-- Status and Lock Options -->\n              <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n                <div\n                  class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200 tw-cursor-pointer hover:tw-bg-gray-100 tw-transition-colors tw-duration-200\"\n                  [class.tw-cursor-not-allowed]=\"isViewMode()\" [class.tw-opacity-60]=\"isViewMode()\"\n                  (click)=\"onActiveCardClick()\">\n                  <cide-ele-input formControlName=\"acabrn_isactive\" type=\"checkbox\" size=\"md\" [disabled]=\"isViewMode()\">\n                  </cide-ele-input>\n                  <div class=\"tw-flex tw-flex-col\">\n                    <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Active</span>\n                    <span class=\"tw-text-xs tw-text-gray-500\">Enable/disable this branch</span>\n                  </div>\n                </div>\n\n                <div\n                  class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200 tw-cursor-pointer hover:tw-bg-gray-100 tw-transition-colors tw-duration-200\"\n                  [class.tw-cursor-not-allowed]=\"isViewMode()\" [class.tw-opacity-60]=\"isViewMode()\"\n                  (click)=\"onLockedCardClick()\">\n                  <cide-ele-input formControlName=\"acabrn_islocked\" type=\"checkbox\" size=\"md\" [disabled]=\"isViewMode()\">\n                  </cide-ele-input>\n                  <div class=\"tw-flex tw-flex-col\">\n                    <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Locked</span>\n                    <span class=\"tw-text-xs tw-text-gray-500\">Prevent modifications</span>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Form Actions -->\n      <div class=\"tw-table-row tw-h-0\">\n        <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-2 tw-bg-gray-50 tw-border-t tw-border-gray-200\">\n          <div class=\"tw-flex tw-justify-end tw-gap-4\">\n            <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"resetForm()\" leftIcon=\"refresh\"\n              [disabled]=\"loading()\">\n              Reset Form\n            </button>\n\n            <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"onCancel()\" leftIcon=\"close\"\n              [disabled]=\"loading()\">\n              {{ isViewMode() ? 'Close' : 'Cancel' }}\n            </button>\n\n            @if (!isViewMode()) {\n            <button cideEleButton type=\"submit\" variant=\"primary\" [disabled]=\"loading() || branchForm.invalid\"\n              [loading]=\"loading()\" leftIcon=\"save\">\n              {{ submitButtonText }}\n            </button>\n            }\n          </div>\n        </div>\n      </div>\n    </form>\n  </div>\n</cide-lyt-shared-wrapper>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: CideInputComponent, selector: "cide-ele-input", inputs: ["fill", "label", "labelHide", "disabled", "clearInput", "labelPlacement", "labelDir", "placeholder", "leadingIcon", "trailingIcon", "helperText", "helperTextCollapse", "hideHelperAndErrorText", "errorText", "maxlength", "minlength", "required", "autocapitalize", "autocomplete", "type", "width", "id", "ngModel", "option", "min", "max", "step", "size"], outputs: ["ngModelChange"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideSelectComponent, selector: "cide-ele-select", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput", "options", "multiple", "searchable", "showSearchInput", "loading", "valueKey", "labelKey", "treeView"], outputs: ["ngModelChange", "change", "searchChange"] }, { kind: "component", type: CideLytSharedWrapperComponent, selector: "cide-lyt-shared-wrapper", inputs: ["shared_wrapper_setup_param", "breadcrumb_data"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytClassProgramBranchFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytClassProgramBranchFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cide-academics-class-program-branch-form', standalone: true, imports: [
                         CommonModule,
@@ -3523,10 +3744,10 @@ class CideLytClassProgramTermService {
         ]);
         return this.http.put(url, {});
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytClassProgramTermService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytClassProgramTermService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytClassProgramTermService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytClassProgramTermService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytClassProgramTermService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytClassProgramTermService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -3627,10 +3848,10 @@ class CideLytProgramTermSectionService {
         ]);
         return this.http.put(url, {});
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytProgramTermSectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytProgramTermSectionService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytProgramTermSectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytProgramTermSectionService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytProgramTermSectionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytProgramTermSectionService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -3684,19 +3905,26 @@ class ProgramTermSectionCreateComponent {
         return config && typeof config === 'object' && 'branchType' in config && config?.branchType === true;
     }, ...(ngDevMode ? [{ debugName: "showBranchDropdown" }] : []));
     // Computed signal to check if term dropdown should be shown
-    // Hide term dropdown if termType=true, termProgramLevelOneConnected=true, and termLevelUpTo <= 1
+    // Always show in create mode, but hide in edit/view mode if termType=true, termProgramLevelOneConnected=true, termLevelUpTo=1, and branchType=false
     showTermDropdown = computed(() => {
+        // Always show in create mode
+        if (!this.isEditMode() && !this.isViewMode()) {
+            return true;
+        }
+        // In edit/view mode, check configuration
         const selectedProgram = this.selectedProgramClass();
         if (!selectedProgram)
             return true; // Show by default if no program selected
         const config = selectedProgram?.acacpm_class_program_id_sygms?.sygms_configuration;
         if (!config || typeof config !== 'object')
             return true;
-        // If termType=true AND termProgramLevelOneConnected=true AND termLevelUpTo <= 1, hide dropdown
+        // Hide dropdown in edit/view mode if:
+        // termType=true AND termProgramLevelOneConnected=true AND termLevelUpTo=1 AND branchType=false
         if (config.termType === true &&
             config.termProgramLevelOneConnected === true &&
             config.termLevelUpTo !== undefined &&
-            config.termLevelUpTo <= 1) {
+            config.termLevelUpTo === 1 &&
+            config.branchType === false) {
             return false;
         }
         return true; // Show dropdown by default
@@ -3712,17 +3940,20 @@ class ProgramTermSectionCreateComponent {
     constructor() {
         this.programTermSectionForm = this.fb.group({
             // Basic Program Term Section Information
-            acapts_code: ['', [Validators.required]],
-            acapts_name: ['', [Validators.required]],
+            acapts_code: [''],
+            acapts_name: [''],
             acapts_description: [''],
-            acapts_class_program_id_acacpm: ['', [Validators.required]],
+            acapts_class_program_id_acacpm: [''],
             acapts_class_program_branch_id_acabrn: [''],
-            acapts_parent_class_prog_term_acapt: ['', [Validators.required]],
+            acapts_parent_class_prog_term_acapt: [''],
             acapts_isactive: [true],
             acapts_iscurrent: [false],
             acapts_islocked: [false]
         });
     }
+    // Rights computed signals
+    canCreate = computed(() => this.rightsService.hasRight('CREATE'), ...(ngDevMode ? [{ debugName: "canCreate" }] : []));
+    canEdit = computed(() => this.rightsService.hasRight('EDIT'), ...(ngDevMode ? [{ debugName: "canEdit" }] : []));
     ngOnInit() {
         // Initialize rights for program term section management
         this.rightsService.initializeRights('program_term_section');
@@ -4207,7 +4438,8 @@ class ProgramTermSectionCreateComponent {
         // Use the same service and payload pattern that works in the list component
         const payload = {
             pagination: false,
-            acacpm_isactive: true
+            acacpm_isactive: true,
+            acacpm_entity_id_syen: this.appState.getActiveEntityId()
         };
         console.log('📚 Loading program classes with payload:', payload);
         this.classProgramMasterService.getClassProgramMasterList(payload)
@@ -4457,20 +4689,75 @@ class ProgramTermSectionCreateComponent {
         this.activeTab.set(tab.id);
     }
     onSubmit() {
+        // Error logging before submit
+        const errorLogData = {
+            timestamp: new Date().toISOString(),
+            mode: this.isEditMode() ? 'EDIT' : this.isViewMode() ? 'VIEW' : 'CREATE',
+            formState: {
+                valid: this.programTermSectionForm.valid,
+                invalid: this.programTermSectionForm.invalid,
+                errors: {},
+                touched: this.programTermSectionForm.touched,
+                dirty: this.programTermSectionForm.dirty
+            },
+            formValues: this.programTermSectionForm.value,
+            validationErrors: {},
+            userRights: {
+                canCreate: this.rightsService.hasRight('CREATE'),
+                canEdit: this.rightsService.hasRight('EDIT'),
+                requiredRight: this.isEditMode() ? 'EDIT' : 'CREATE',
+                hasRequiredRight: false
+            },
+            componentState: {
+                loading: this.loading(),
+                programTermSectionId: this.programTermSectionId(),
+                selectedProgramClass: this.selectedProgramClass()?._id || null,
+                hasParentTermInEditMode: this.hasParentTermInEditMode()
+            }
+        };
+        // Collect form validation errors
+        Object.keys(this.programTermSectionForm.controls).forEach(key => {
+            const control = this.programTermSectionForm.get(key);
+            if (control && control.errors) {
+                errorLogData.validationErrors[key] = control.errors;
+            }
+            if (control) {
+                errorLogData.formState.errors[key] = {
+                    valid: control.valid,
+                    invalid: control.invalid,
+                    errors: control.errors,
+                    touched: control.touched,
+                    dirty: control.dirty,
+                    value: control.value
+                };
+            }
+        });
+        // Check user rights
         const requiredRight = this.isEditMode() ? 'EDIT' : 'CREATE';
-        if (!this.rightsService.hasRight(requiredRight)) {
+        errorLogData.userRights.hasRequiredRight = this.rightsService.hasRight(requiredRight);
+        // Log errors if form is invalid or user lacks rights
+        if (!errorLogData.userRights.hasRequiredRight) {
+            console.error('🚫 ERROR: User lacks required rights for program term section submission', errorLogData);
             this.notificationService.error(`You do not have permission to ${this.isEditMode() ? 'edit' : 'create'} program term sections`);
             return;
         }
         if (this.isViewMode()) {
+            console.log('ℹ️ INFO: View mode - navigating away from form', errorLogData);
             this.router.navigate(['/control-panel/class-program-term']);
             return;
         }
         if (this.programTermSectionForm.invalid) {
+            console.error('❌ ERROR: Form validation failed before program term section submission', errorLogData);
             this.notificationService.error('Please fill in all required fields correctly.');
             this.markFormGroupTouched();
             return;
         }
+        // Log successful validation before submission
+        console.log('✅ INFO: Form validation passed - proceeding with program term section submission', {
+            timestamp: errorLogData.timestamp,
+            mode: errorLogData.mode,
+            formValues: errorLogData.formValues
+        });
         this.loading.set(true);
         this.error.set(null);
         const formData = this.programTermSectionForm.value;
@@ -4600,10 +4887,10 @@ class ProgramTermSectionCreateComponent {
         this.resetForm();
         console.log('🧹 ProgramTermSectionCreateComponent: Component state cleaned up');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: ProgramTermSectionCreateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: ProgramTermSectionCreateComponent, isStandalone: true, selector: "cide-academics-program-term-section-create", ngImport: i0, template: "<!-- \n  PROGRAM TERM SECTION MASTER FORM\n  \n  Enterprise-Level Styling with Tailwind CSS\n  Features: Responsive grids, proper typography, enhanced user experience\n-->\n\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'program_term_section' }\"\n  [breadcrumb_data]=\"breadcrumbData()\">\n\n  <form class=\"tw-w-full tw-table tw-h-full tw-bg-transparent tw-max-w-full tw-overflow-hidden\"\n    [formGroup]=\"programTermSectionForm\" [class.tw-opacity-60]=\"loading()\" (ngSubmit)=\"onSubmit()\">\n\n    <!-- Tab Navigation -->\n    <div class=\"tw-table-row tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-max-w-full tw-px-2 tw-py-0 tw-overflow-x-hidden\">\n        <div class=\"tw-w-full tw-max-w-full tw-overflow-x-hidden\">\n          <cide-ele-tab [tabs]=\"programTermSectionTabs()\" [activeTabId]=\"activeTab()\" size=\"md\" variant=\"default\"\n            (tabChange)=\"onTabChange($event)\">\n          </cide-ele-tab>\n        </div>\n      </div>\n    </div>\n\n    <!-- Tab Content -->\n    <div class=\"tw-table-row tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-6 tw-overflow-y-auto tw-h-full\">\n        <div class=\"tw-transition-opacity tw-duration-300\" [class.tw-opacity-60]=\"loading()\">\n          @switch (activeTab()) {\n\n          @case ('basic') {\n          <!-- Basic Program Term Section Information -->\n          <div class=\"tw-space-y-6\">\n            <!-- Program Class, Specialization, and Term at the top -->\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-6\"\n              [class.md:tw-grid-cols-2]=\"(!showBranchDropdown() && (!isEditMode() || (isEditMode() && hasParentTermInEditMode()))) || (isEditMode() && !hasParentTermInEditMode())\"\n              [class.md:tw-grid-cols-3]=\"showBranchDropdown() && (!isEditMode() || (isEditMode() && hasParentTermInEditMode()))\">\n              <cide-ele-select label=\"Program Class\" formControlName=\"acapts_class_program_id_acacpm\"\n                placeholder=\"Select program class\" [options]=\"programClassOptions()\" [loading]=\"programClassLoading()\"\n                [searchable]=\"true\" [disabled]=\"isViewMode() || isEditMode()\" size=\"md\">\n              </cide-ele-select>\n\n              @if (showBranchDropdown()) {\n              <cide-ele-select label=\"Specialization\" formControlName=\"acapts_class_program_branch_id_acabrn\"\n                placeholder=\"Select specialization\" [options]=\"classProgramBranchOptions()\"\n                [loading]=\"classProgramBranchLoading()\" [searchable]=\"true\" [disabled]=\"isViewMode() || isEditMode()\"\n                size=\"md\">\n              </cide-ele-select>\n              }\n\n              @if ((!isEditMode() || (isEditMode() && hasParentTermInEditMode())) && showTermDropdown()) {\n              <cide-ele-select label=\"Class Program Term\" formControlName=\"acapts_parent_class_prog_term_acapt\"\n                placeholder=\"Select class program term\" [options]=\"classProgramTermOptions()\"\n                [loading]=\"classProgramTermLoading()\" [searchable]=\"true\" [disabled]=\"isViewMode() || isEditMode()\"\n                valueKey=\"_id\" labelKey=\"acapt_name\"\n                [treeView]=\"{ enabled: true, primaryKey: '_id', foreignKey: 'acapt_parent_class_prog_term_acapt' }\"\n                size=\"md\">\n              </cide-ele-select>\n              }\n            </div>\n\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n              <cide-ele-input label=\"Section Code\" formControlName=\"acapts_code\" placeholder=\"e.g., SEC-A, SEC-B\"\n                size=\"md\" leadingIcon=\"code\">\n              </cide-ele-input>\n\n              <cide-ele-input label=\"Section Name\" formControlName=\"acapts_name\"\n                placeholder=\"e.g., Section A, Section B\" size=\"md\" leadingIcon=\"group\">\n              </cide-ele-input>\n            </div>\n\n            <div>\n              <cide-ele-textarea label=\"Description\" formControlName=\"acapts_description\"\n                placeholder=\"Enter detailed description of the section...\" rows=\"3\" size=\"md\">\n              </cide-ele-textarea>\n            </div>\n\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-6\">\n              <div\n                class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                <cide-ele-input formControlName=\"acapts_isactive\" type=\"checkbox\" size=\"md\">\n                </cide-ele-input>\n                <div class=\"tw-flex tw-flex-col\">\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Active</span>\n                  <span class=\"tw-text-xs tw-text-gray-500\">Enable/disable this section</span>\n                </div>\n              </div>\n\n              <div\n                class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                <cide-ele-input formControlName=\"acapts_iscurrent\" type=\"checkbox\" size=\"md\">\n                </cide-ele-input>\n                <div class=\"tw-flex tw-flex-col\">\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Current</span>\n                  <span class=\"tw-text-xs tw-text-gray-500\">Mark as current section</span>\n                </div>\n              </div>\n\n              <div\n                class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                <cide-ele-input formControlName=\"acapts_islocked\" type=\"checkbox\" size=\"md\">\n                </cide-ele-input>\n                <div class=\"tw-flex tw-flex-col\">\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Locked</span>\n                  <span class=\"tw-text-xs tw-text-gray-500\">Prevent modifications</span>\n                </div>\n              </div>\n            </div>\n          </div>\n          }\n\n          @case ('configuration') {\n          <!-- Section Configuration -->\n          <div\n            class=\"tw-bg-gradient-to-r tw-from-teal-50 tw-to-cyan-50 tw-border tw-border-teal-200 tw-rounded-xl tw-p-6\">\n            <div class=\"tw-flex tw-items-center tw-justify-between tw-mb-6\">\n              <div class=\"tw-flex tw-items-center tw-gap-3\">\n                <div class=\"tw-bg-teal-100 tw-p-2 tw-rounded-lg\">\n                  <cide-ele-icon class=\"tw-text-teal-600 tw-w-6 tw-h-6\">tune</cide-ele-icon>\n                </div>\n                <div>\n                  <h6 class=\"tw-text-lg tw-font-semibold tw-text-teal-900 tw-m-0\">Section Configuration</h6>\n                  <p class=\"tw-text-sm tw-text-teal-600 tw-m-0\">Configure section-specific settings and parameters</p>\n                </div>\n              </div>\n            </div>\n\n            <div class=\"tw-space-y-4\">\n              <div class=\"tw-bg-white tw-rounded-lg tw-border tw-border-gray-200 tw-p-4\">\n                <h6 class=\"tw-text-sm tw-font-semibold tw-text-gray-900 tw-mb-3\">Section Settings</h6>\n                <div class=\"tw-space-y-3\">\n                  <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-3 tw-bg-gray-50 tw-rounded-lg\">\n                    <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">people</cide-ele-icon>\n                    <div>\n                      <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-m-0\">Student Capacity</p>\n                      <p class=\"tw-text-xs tw-text-gray-600 tw-m-0\">Configure maximum number of students for this\n                        section</p>\n                    </div>\n                  </div>\n\n                  <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-3 tw-bg-gray-50 tw-rounded-lg\">\n                    <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">schedule</cide-ele-icon>\n                    <div>\n                      <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-m-0\">Schedule Settings</p>\n                      <p class=\"tw-text-xs tw-text-gray-600 tw-m-0\">Configure class timings and schedule preferences</p>\n                    </div>\n                  </div>\n\n                  <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-3 tw-bg-gray-50 tw-rounded-lg\">\n                    <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">room</cide-ele-icon>\n                    <div>\n                      <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-m-0\">Room Assignment</p>\n                      <p class=\"tw-text-xs tw-text-gray-600 tw-m-0\">Assign specific rooms or classroom preferences</p>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          }\n          }\n        </div>\n\n        <!-- Error Display -->\n        @if (error()) {\n        <div class=\"tw-mt-6 tw-p-4 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-lg\">\n          <div class=\"tw-flex tw-items-center tw-gap-2\">\n            <cide-ele-icon variant=\"red\" size=\"sm\">error</cide-ele-icon>\n            <span class=\"tw-text-sm tw-font-medium tw-text-red-800\">{{ error() }}</span>\n          </div>\n        </div>\n        }\n      </div>\n    </div>\n\n    <!-- Form Actions -->\n    <div class=\"tw-table-row tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-2 tw-bg-gray-50 tw-border-t tw-border-gray-200\">\n        <div class=\"tw-flex tw-flex-col tw-gap-3\">\n          <!-- Form Validation Errors -->\n          <div class=\"tw-w-full\">\n            <cide-form-field-error [formGroup]=\"programTermSectionForm\"></cide-form-field-error>\n          </div>\n\n          <!-- Action Buttons -->\n          <div class=\"tw-flex tw-justify-end tw-gap-4\">\n            @if (!isEditMode()) {\n            <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"resetForm()\" leftIcon=\"refresh\"\n              [disabled]=\"loading()\">\n              Reset Form\n            </button>\n            }\n\n            <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"cancelForm()\" leftIcon=\"close\"\n              [disabled]=\"loading()\">\n              Cancel\n            </button>\n\n            <button cideEleButton type=\"submit\" variant=\"primary\"\n              [disabled]=\"loading() || programTermSectionForm.invalid\" [loading]=\"loading()\" leftIcon=\"save\">\n              {{ isEditMode() ? 'Update Program Term Section' : 'Create Program Term Section' }}\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </form>\n</cide-lyt-shared-wrapper>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: CideInputComponent, selector: "cide-ele-input", inputs: ["fill", "label", "labelHide", "disabled", "clearInput", "labelPlacement", "labelDir", "placeholder", "leadingIcon", "trailingIcon", "helperText", "helperTextCollapse", "hideHelperAndErrorText", "errorText", "maxlength", "minlength", "required", "autocapitalize", "autocomplete", "type", "width", "id", "ngModel", "option", "min", "max", "step", "size"], outputs: ["ngModelChange"] }, { kind: "component", type: CideTextareaComponent, selector: "cide-ele-textarea", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "minlength", "maxlength", "rows", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput"], outputs: ["ngModelChange"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideEleTabComponent, selector: "cide-ele-tab", inputs: ["tabs", "activeTabId", "size", "variant", "fullWidth", "disabled"], outputs: ["tabChange"] }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideSelectComponent, selector: "cide-ele-select", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput", "options", "multiple", "searchable", "showSearchInput", "loading", "valueKey", "labelKey", "treeView"], outputs: ["ngModelChange", "change", "searchChange"] }, { kind: "component", type: CideLytSharedWrapperComponent, selector: "cide-lyt-shared-wrapper", inputs: ["shared_wrapper_setup_param", "breadcrumb_data"] }, { kind: "component", type: CideFormFieldErrorComponent, selector: "cide-form-field-error", inputs: ["control", "formGroup", "fieldName", "customMessages"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ProgramTermSectionCreateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ProgramTermSectionCreateComponent, isStandalone: true, selector: "cide-academics-program-term-section-create", ngImport: i0, template: "<!-- \n  PROGRAM TERM SECTION MASTER FORM\n  \n  Enterprise-Level Styling with Tailwind CSS\n  Features: Responsive grids, proper typography, enhanced user experience\n-->\n\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'program_term_section' }\"\n  [breadcrumb_data]=\"breadcrumbData()\">\n\n  <form class=\"tw-w-full tw-table tw-h-full tw-bg-transparent tw-max-w-full tw-overflow-hidden\"\n    [formGroup]=\"programTermSectionForm\" [class.tw-opacity-60]=\"loading()\" (ngSubmit)=\"onSubmit()\">\n\n    <!-- Tab Navigation -->\n    <div class=\"tw-table-row tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-max-w-full tw-px-2 tw-py-0 tw-overflow-x-hidden\">\n        <div class=\"tw-w-full tw-max-w-full tw-overflow-x-hidden\">\n          <cide-ele-tab [tabs]=\"programTermSectionTabs()\" [activeTabId]=\"activeTab()\" size=\"md\" variant=\"default\"\n            (tabChange)=\"onTabChange($event)\">\n          </cide-ele-tab>\n        </div>\n      </div>\n    </div>\n\n    <!-- Tab Content -->\n    <div class=\"tw-table-row tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-6 tw-overflow-y-auto tw-h-full\">\n        <div class=\"tw-transition-opacity tw-duration-300\" [class.tw-opacity-60]=\"loading()\">\n          @switch (activeTab()) {\n\n          @case ('basic') {\n          <!-- Basic Program Term Section Information -->\n          <div class=\"tw-space-y-6\">\n            <!-- Program Class, Specialization, and Term at the top -->\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-6\"\n              [class.md:tw-grid-cols-2]=\"(!showBranchDropdown() && (!isEditMode() || (isEditMode() && hasParentTermInEditMode()))) || (isEditMode() && !hasParentTermInEditMode())\"\n              [class.md:tw-grid-cols-3]=\"showBranchDropdown() && (!isEditMode() || (isEditMode() && hasParentTermInEditMode()))\">\n              <cide-ele-select label=\"Program Class\" formControlName=\"acapts_class_program_id_acacpm\"\n                placeholder=\"Select program class\" [options]=\"programClassOptions()\" [loading]=\"programClassLoading()\"\n                [searchable]=\"true\" [disabled]=\"isViewMode() || isEditMode()\" size=\"md\">\n              </cide-ele-select>\n\n              @if (showBranchDropdown()) {\n              <cide-ele-select label=\"Specialization\" formControlName=\"acapts_class_program_branch_id_acabrn\"\n                placeholder=\"Select specialization\" [options]=\"classProgramBranchOptions()\"\n                [loading]=\"classProgramBranchLoading()\" [searchable]=\"true\" [disabled]=\"isViewMode() || isEditMode()\"\n                size=\"md\">\n              </cide-ele-select>\n              }\n\n              @if ((!isEditMode() || (isEditMode() && hasParentTermInEditMode())) && showTermDropdown()) {\n              <cide-ele-select label=\"Class Program Term\" formControlName=\"acapts_parent_class_prog_term_acapt\"\n                placeholder=\"Select class program term\" [options]=\"classProgramTermOptions()\"\n                [loading]=\"classProgramTermLoading()\" [searchable]=\"true\" [disabled]=\"isViewMode() || (isEditMode() && !hasParentTermInEditMode())\"\n                valueKey=\"_id\" labelKey=\"acapt_name\"\n                [treeView]=\"{ enabled: true, primaryKey: '_id', foreignKey: 'acapt_parent_class_prog_term_acapt' }\"\n                size=\"md\">\n              </cide-ele-select>\n              }\n            </div>\n\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n              <cide-ele-input label=\"Section Code\" formControlName=\"acapts_code\" placeholder=\"e.g., SEC-A, SEC-B\"\n                size=\"md\" leadingIcon=\"code\">\n              </cide-ele-input>\n\n              <cide-ele-input label=\"Section Name\" formControlName=\"acapts_name\"\n                placeholder=\"e.g., Section A, Section B\" size=\"md\" leadingIcon=\"group\">\n              </cide-ele-input>\n            </div>\n\n            <div>\n              <cide-ele-textarea label=\"Description\" formControlName=\"acapts_description\"\n                placeholder=\"Enter detailed description of the section...\" rows=\"3\" size=\"md\">\n              </cide-ele-textarea>\n            </div>\n\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-6\">\n              <div\n                class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                <cide-ele-input formControlName=\"acapts_isactive\" type=\"checkbox\" size=\"md\">\n                </cide-ele-input>\n                <div class=\"tw-flex tw-flex-col\">\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Active</span>\n                  <span class=\"tw-text-xs tw-text-gray-500\">Enable/disable this section</span>\n                </div>\n              </div>\n\n              <div\n                class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                <cide-ele-input formControlName=\"acapts_iscurrent\" type=\"checkbox\" size=\"md\">\n                </cide-ele-input>\n                <div class=\"tw-flex tw-flex-col\">\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Current</span>\n                  <span class=\"tw-text-xs tw-text-gray-500\">Mark as current section</span>\n                </div>\n              </div>\n\n              <div\n                class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                <cide-ele-input formControlName=\"acapts_islocked\" type=\"checkbox\" size=\"md\">\n                </cide-ele-input>\n                <div class=\"tw-flex tw-flex-col\">\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Locked</span>\n                  <span class=\"tw-text-xs tw-text-gray-500\">Prevent modifications</span>\n                </div>\n              </div>\n            </div>\n          </div>\n          }\n\n          @case ('configuration') {\n          <!-- Section Configuration -->\n          <div\n            class=\"tw-bg-gradient-to-r tw-from-teal-50 tw-to-cyan-50 tw-border tw-border-teal-200 tw-rounded-xl tw-p-6\">\n            <div class=\"tw-flex tw-items-center tw-justify-between tw-mb-6\">\n              <div class=\"tw-flex tw-items-center tw-gap-3\">\n                <div class=\"tw-bg-teal-100 tw-p-2 tw-rounded-lg\">\n                  <cide-ele-icon class=\"tw-text-teal-600 tw-w-6 tw-h-6\">tune</cide-ele-icon>\n                </div>\n                <div>\n                  <h6 class=\"tw-text-lg tw-font-semibold tw-text-teal-900 tw-m-0\">Section Configuration</h6>\n                  <p class=\"tw-text-sm tw-text-teal-600 tw-m-0\">Configure section-specific settings and parameters</p>\n                </div>\n              </div>\n            </div>\n\n            <div class=\"tw-space-y-4\">\n              <div class=\"tw-bg-white tw-rounded-lg tw-border tw-border-gray-200 tw-p-4\">\n                <h6 class=\"tw-text-sm tw-font-semibold tw-text-gray-900 tw-mb-3\">Section Settings</h6>\n                <div class=\"tw-space-y-3\">\n                  <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-3 tw-bg-gray-50 tw-rounded-lg\">\n                    <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">people</cide-ele-icon>\n                    <div>\n                      <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-m-0\">Student Capacity</p>\n                      <p class=\"tw-text-xs tw-text-gray-600 tw-m-0\">Configure maximum number of students for this\n                        section</p>\n                    </div>\n                  </div>\n\n                  <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-3 tw-bg-gray-50 tw-rounded-lg\">\n                    <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">schedule</cide-ele-icon>\n                    <div>\n                      <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-m-0\">Schedule Settings</p>\n                      <p class=\"tw-text-xs tw-text-gray-600 tw-m-0\">Configure class timings and schedule preferences</p>\n                    </div>\n                  </div>\n\n                  <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-3 tw-bg-gray-50 tw-rounded-lg\">\n                    <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">room</cide-ele-icon>\n                    <div>\n                      <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-m-0\">Room Assignment</p>\n                      <p class=\"tw-text-xs tw-text-gray-600 tw-m-0\">Assign specific rooms or classroom preferences</p>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          }\n          }\n        </div>\n\n        <!-- Error Display -->\n        @if (error()) {\n        <div class=\"tw-mt-6 tw-p-4 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-lg\">\n          <div class=\"tw-flex tw-items-center tw-gap-2\">\n            <cide-ele-icon variant=\"red\" size=\"sm\">error</cide-ele-icon>\n            <span class=\"tw-text-sm tw-font-medium tw-text-red-800\">{{ error() }}</span>\n          </div>\n        </div>\n        }\n      </div>\n    </div>\n\n    <!-- Form Actions -->\n    <div class=\"tw-table-row tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-2 tw-bg-gray-50 tw-border-t tw-border-gray-200\">\n        <div class=\"tw-flex tw-flex-col tw-gap-3\">\n          <!-- Form Validation Errors -->\n          <div class=\"tw-w-full\">\n            <cide-form-field-error [formGroup]=\"programTermSectionForm\"></cide-form-field-error>\n          </div>\n\n          <!-- Action Buttons -->\n          <div class=\"tw-flex tw-justify-end tw-gap-4\">\n            @if (!isEditMode()) {\n            <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"resetForm()\" leftIcon=\"refresh\"\n              [disabled]=\"loading()\">\n              Reset Form\n            </button>\n            }\n\n            <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"cancelForm()\" leftIcon=\"close\"\n              [disabled]=\"loading()\">\n              Cancel\n            </button>\n\n            @if ((isEditMode() && canEdit()) || (!isEditMode() && canCreate())) {\n              <button cideEleButton type=\"submit\" variant=\"primary\"\n                [disabled]=\"loading() || programTermSectionForm.invalid\" [loading]=\"loading()\" leftIcon=\"save\">\n                {{ isEditMode() ? 'Update Program Term Section' : 'Create Program Term Section' }}\n              </button>\n            }\n          </div>\n        </div>\n      </div>\n    </div>\n  </form>\n</cide-lyt-shared-wrapper>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: CideInputComponent, selector: "cide-ele-input", inputs: ["fill", "label", "labelHide", "disabled", "clearInput", "labelPlacement", "labelDir", "placeholder", "leadingIcon", "trailingIcon", "helperText", "helperTextCollapse", "hideHelperAndErrorText", "errorText", "maxlength", "minlength", "required", "autocapitalize", "autocomplete", "type", "width", "id", "ngModel", "option", "min", "max", "step", "size"], outputs: ["ngModelChange"] }, { kind: "component", type: CideTextareaComponent, selector: "cide-ele-textarea", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "minlength", "maxlength", "rows", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput"], outputs: ["ngModelChange"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideEleTabComponent, selector: "cide-ele-tab", inputs: ["tabs", "activeTabId", "size", "variant", "fullWidth", "disabled"], outputs: ["tabChange"] }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideSelectComponent, selector: "cide-ele-select", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput", "options", "multiple", "searchable", "showSearchInput", "loading", "valueKey", "labelKey", "treeView"], outputs: ["ngModelChange", "change", "searchChange"] }, { kind: "component", type: CideLytSharedWrapperComponent, selector: "cide-lyt-shared-wrapper", inputs: ["shared_wrapper_setup_param", "breadcrumb_data"] }, { kind: "component", type: CideFormFieldErrorComponent, selector: "cide-form-field-error", inputs: ["control", "formGroup", "fieldName", "customMessages"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: ProgramTermSectionCreateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ProgramTermSectionCreateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cide-academics-program-term-section-create', standalone: true, imports: [
                         CommonModule,
@@ -4616,7 +4903,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
                         CideSelectComponent,
                         CideLytSharedWrapperComponent,
                         CideFormFieldErrorComponent
-                    ], template: "<!-- \n  PROGRAM TERM SECTION MASTER FORM\n  \n  Enterprise-Level Styling with Tailwind CSS\n  Features: Responsive grids, proper typography, enhanced user experience\n-->\n\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'program_term_section' }\"\n  [breadcrumb_data]=\"breadcrumbData()\">\n\n  <form class=\"tw-w-full tw-table tw-h-full tw-bg-transparent tw-max-w-full tw-overflow-hidden\"\n    [formGroup]=\"programTermSectionForm\" [class.tw-opacity-60]=\"loading()\" (ngSubmit)=\"onSubmit()\">\n\n    <!-- Tab Navigation -->\n    <div class=\"tw-table-row tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-max-w-full tw-px-2 tw-py-0 tw-overflow-x-hidden\">\n        <div class=\"tw-w-full tw-max-w-full tw-overflow-x-hidden\">\n          <cide-ele-tab [tabs]=\"programTermSectionTabs()\" [activeTabId]=\"activeTab()\" size=\"md\" variant=\"default\"\n            (tabChange)=\"onTabChange($event)\">\n          </cide-ele-tab>\n        </div>\n      </div>\n    </div>\n\n    <!-- Tab Content -->\n    <div class=\"tw-table-row tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-6 tw-overflow-y-auto tw-h-full\">\n        <div class=\"tw-transition-opacity tw-duration-300\" [class.tw-opacity-60]=\"loading()\">\n          @switch (activeTab()) {\n\n          @case ('basic') {\n          <!-- Basic Program Term Section Information -->\n          <div class=\"tw-space-y-6\">\n            <!-- Program Class, Specialization, and Term at the top -->\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-6\"\n              [class.md:tw-grid-cols-2]=\"(!showBranchDropdown() && (!isEditMode() || (isEditMode() && hasParentTermInEditMode()))) || (isEditMode() && !hasParentTermInEditMode())\"\n              [class.md:tw-grid-cols-3]=\"showBranchDropdown() && (!isEditMode() || (isEditMode() && hasParentTermInEditMode()))\">\n              <cide-ele-select label=\"Program Class\" formControlName=\"acapts_class_program_id_acacpm\"\n                placeholder=\"Select program class\" [options]=\"programClassOptions()\" [loading]=\"programClassLoading()\"\n                [searchable]=\"true\" [disabled]=\"isViewMode() || isEditMode()\" size=\"md\">\n              </cide-ele-select>\n\n              @if (showBranchDropdown()) {\n              <cide-ele-select label=\"Specialization\" formControlName=\"acapts_class_program_branch_id_acabrn\"\n                placeholder=\"Select specialization\" [options]=\"classProgramBranchOptions()\"\n                [loading]=\"classProgramBranchLoading()\" [searchable]=\"true\" [disabled]=\"isViewMode() || isEditMode()\"\n                size=\"md\">\n              </cide-ele-select>\n              }\n\n              @if ((!isEditMode() || (isEditMode() && hasParentTermInEditMode())) && showTermDropdown()) {\n              <cide-ele-select label=\"Class Program Term\" formControlName=\"acapts_parent_class_prog_term_acapt\"\n                placeholder=\"Select class program term\" [options]=\"classProgramTermOptions()\"\n                [loading]=\"classProgramTermLoading()\" [searchable]=\"true\" [disabled]=\"isViewMode() || isEditMode()\"\n                valueKey=\"_id\" labelKey=\"acapt_name\"\n                [treeView]=\"{ enabled: true, primaryKey: '_id', foreignKey: 'acapt_parent_class_prog_term_acapt' }\"\n                size=\"md\">\n              </cide-ele-select>\n              }\n            </div>\n\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n              <cide-ele-input label=\"Section Code\" formControlName=\"acapts_code\" placeholder=\"e.g., SEC-A, SEC-B\"\n                size=\"md\" leadingIcon=\"code\">\n              </cide-ele-input>\n\n              <cide-ele-input label=\"Section Name\" formControlName=\"acapts_name\"\n                placeholder=\"e.g., Section A, Section B\" size=\"md\" leadingIcon=\"group\">\n              </cide-ele-input>\n            </div>\n\n            <div>\n              <cide-ele-textarea label=\"Description\" formControlName=\"acapts_description\"\n                placeholder=\"Enter detailed description of the section...\" rows=\"3\" size=\"md\">\n              </cide-ele-textarea>\n            </div>\n\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-6\">\n              <div\n                class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                <cide-ele-input formControlName=\"acapts_isactive\" type=\"checkbox\" size=\"md\">\n                </cide-ele-input>\n                <div class=\"tw-flex tw-flex-col\">\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Active</span>\n                  <span class=\"tw-text-xs tw-text-gray-500\">Enable/disable this section</span>\n                </div>\n              </div>\n\n              <div\n                class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                <cide-ele-input formControlName=\"acapts_iscurrent\" type=\"checkbox\" size=\"md\">\n                </cide-ele-input>\n                <div class=\"tw-flex tw-flex-col\">\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Current</span>\n                  <span class=\"tw-text-xs tw-text-gray-500\">Mark as current section</span>\n                </div>\n              </div>\n\n              <div\n                class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                <cide-ele-input formControlName=\"acapts_islocked\" type=\"checkbox\" size=\"md\">\n                </cide-ele-input>\n                <div class=\"tw-flex tw-flex-col\">\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Locked</span>\n                  <span class=\"tw-text-xs tw-text-gray-500\">Prevent modifications</span>\n                </div>\n              </div>\n            </div>\n          </div>\n          }\n\n          @case ('configuration') {\n          <!-- Section Configuration -->\n          <div\n            class=\"tw-bg-gradient-to-r tw-from-teal-50 tw-to-cyan-50 tw-border tw-border-teal-200 tw-rounded-xl tw-p-6\">\n            <div class=\"tw-flex tw-items-center tw-justify-between tw-mb-6\">\n              <div class=\"tw-flex tw-items-center tw-gap-3\">\n                <div class=\"tw-bg-teal-100 tw-p-2 tw-rounded-lg\">\n                  <cide-ele-icon class=\"tw-text-teal-600 tw-w-6 tw-h-6\">tune</cide-ele-icon>\n                </div>\n                <div>\n                  <h6 class=\"tw-text-lg tw-font-semibold tw-text-teal-900 tw-m-0\">Section Configuration</h6>\n                  <p class=\"tw-text-sm tw-text-teal-600 tw-m-0\">Configure section-specific settings and parameters</p>\n                </div>\n              </div>\n            </div>\n\n            <div class=\"tw-space-y-4\">\n              <div class=\"tw-bg-white tw-rounded-lg tw-border tw-border-gray-200 tw-p-4\">\n                <h6 class=\"tw-text-sm tw-font-semibold tw-text-gray-900 tw-mb-3\">Section Settings</h6>\n                <div class=\"tw-space-y-3\">\n                  <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-3 tw-bg-gray-50 tw-rounded-lg\">\n                    <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">people</cide-ele-icon>\n                    <div>\n                      <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-m-0\">Student Capacity</p>\n                      <p class=\"tw-text-xs tw-text-gray-600 tw-m-0\">Configure maximum number of students for this\n                        section</p>\n                    </div>\n                  </div>\n\n                  <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-3 tw-bg-gray-50 tw-rounded-lg\">\n                    <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">schedule</cide-ele-icon>\n                    <div>\n                      <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-m-0\">Schedule Settings</p>\n                      <p class=\"tw-text-xs tw-text-gray-600 tw-m-0\">Configure class timings and schedule preferences</p>\n                    </div>\n                  </div>\n\n                  <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-3 tw-bg-gray-50 tw-rounded-lg\">\n                    <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">room</cide-ele-icon>\n                    <div>\n                      <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-m-0\">Room Assignment</p>\n                      <p class=\"tw-text-xs tw-text-gray-600 tw-m-0\">Assign specific rooms or classroom preferences</p>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          }\n          }\n        </div>\n\n        <!-- Error Display -->\n        @if (error()) {\n        <div class=\"tw-mt-6 tw-p-4 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-lg\">\n          <div class=\"tw-flex tw-items-center tw-gap-2\">\n            <cide-ele-icon variant=\"red\" size=\"sm\">error</cide-ele-icon>\n            <span class=\"tw-text-sm tw-font-medium tw-text-red-800\">{{ error() }}</span>\n          </div>\n        </div>\n        }\n      </div>\n    </div>\n\n    <!-- Form Actions -->\n    <div class=\"tw-table-row tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-2 tw-bg-gray-50 tw-border-t tw-border-gray-200\">\n        <div class=\"tw-flex tw-flex-col tw-gap-3\">\n          <!-- Form Validation Errors -->\n          <div class=\"tw-w-full\">\n            <cide-form-field-error [formGroup]=\"programTermSectionForm\"></cide-form-field-error>\n          </div>\n\n          <!-- Action Buttons -->\n          <div class=\"tw-flex tw-justify-end tw-gap-4\">\n            @if (!isEditMode()) {\n            <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"resetForm()\" leftIcon=\"refresh\"\n              [disabled]=\"loading()\">\n              Reset Form\n            </button>\n            }\n\n            <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"cancelForm()\" leftIcon=\"close\"\n              [disabled]=\"loading()\">\n              Cancel\n            </button>\n\n            <button cideEleButton type=\"submit\" variant=\"primary\"\n              [disabled]=\"loading() || programTermSectionForm.invalid\" [loading]=\"loading()\" leftIcon=\"save\">\n              {{ isEditMode() ? 'Update Program Term Section' : 'Create Program Term Section' }}\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </form>\n</cide-lyt-shared-wrapper>" }]
+                    ], template: "<!-- \n  PROGRAM TERM SECTION MASTER FORM\n  \n  Enterprise-Level Styling with Tailwind CSS\n  Features: Responsive grids, proper typography, enhanced user experience\n-->\n\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'program_term_section' }\"\n  [breadcrumb_data]=\"breadcrumbData()\">\n\n  <form class=\"tw-w-full tw-table tw-h-full tw-bg-transparent tw-max-w-full tw-overflow-hidden\"\n    [formGroup]=\"programTermSectionForm\" [class.tw-opacity-60]=\"loading()\" (ngSubmit)=\"onSubmit()\">\n\n    <!-- Tab Navigation -->\n    <div class=\"tw-table-row tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-max-w-full tw-px-2 tw-py-0 tw-overflow-x-hidden\">\n        <div class=\"tw-w-full tw-max-w-full tw-overflow-x-hidden\">\n          <cide-ele-tab [tabs]=\"programTermSectionTabs()\" [activeTabId]=\"activeTab()\" size=\"md\" variant=\"default\"\n            (tabChange)=\"onTabChange($event)\">\n          </cide-ele-tab>\n        </div>\n      </div>\n    </div>\n\n    <!-- Tab Content -->\n    <div class=\"tw-table-row tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-6 tw-overflow-y-auto tw-h-full\">\n        <div class=\"tw-transition-opacity tw-duration-300\" [class.tw-opacity-60]=\"loading()\">\n          @switch (activeTab()) {\n\n          @case ('basic') {\n          <!-- Basic Program Term Section Information -->\n          <div class=\"tw-space-y-6\">\n            <!-- Program Class, Specialization, and Term at the top -->\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-6\"\n              [class.md:tw-grid-cols-2]=\"(!showBranchDropdown() && (!isEditMode() || (isEditMode() && hasParentTermInEditMode()))) || (isEditMode() && !hasParentTermInEditMode())\"\n              [class.md:tw-grid-cols-3]=\"showBranchDropdown() && (!isEditMode() || (isEditMode() && hasParentTermInEditMode()))\">\n              <cide-ele-select label=\"Program Class\" formControlName=\"acapts_class_program_id_acacpm\"\n                placeholder=\"Select program class\" [options]=\"programClassOptions()\" [loading]=\"programClassLoading()\"\n                [searchable]=\"true\" [disabled]=\"isViewMode() || isEditMode()\" size=\"md\">\n              </cide-ele-select>\n\n              @if (showBranchDropdown()) {\n              <cide-ele-select label=\"Specialization\" formControlName=\"acapts_class_program_branch_id_acabrn\"\n                placeholder=\"Select specialization\" [options]=\"classProgramBranchOptions()\"\n                [loading]=\"classProgramBranchLoading()\" [searchable]=\"true\" [disabled]=\"isViewMode() || isEditMode()\"\n                size=\"md\">\n              </cide-ele-select>\n              }\n\n              @if ((!isEditMode() || (isEditMode() && hasParentTermInEditMode())) && showTermDropdown()) {\n              <cide-ele-select label=\"Class Program Term\" formControlName=\"acapts_parent_class_prog_term_acapt\"\n                placeholder=\"Select class program term\" [options]=\"classProgramTermOptions()\"\n                [loading]=\"classProgramTermLoading()\" [searchable]=\"true\" [disabled]=\"isViewMode() || (isEditMode() && !hasParentTermInEditMode())\"\n                valueKey=\"_id\" labelKey=\"acapt_name\"\n                [treeView]=\"{ enabled: true, primaryKey: '_id', foreignKey: 'acapt_parent_class_prog_term_acapt' }\"\n                size=\"md\">\n              </cide-ele-select>\n              }\n            </div>\n\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6\">\n              <cide-ele-input label=\"Section Code\" formControlName=\"acapts_code\" placeholder=\"e.g., SEC-A, SEC-B\"\n                size=\"md\" leadingIcon=\"code\">\n              </cide-ele-input>\n\n              <cide-ele-input label=\"Section Name\" formControlName=\"acapts_name\"\n                placeholder=\"e.g., Section A, Section B\" size=\"md\" leadingIcon=\"group\">\n              </cide-ele-input>\n            </div>\n\n            <div>\n              <cide-ele-textarea label=\"Description\" formControlName=\"acapts_description\"\n                placeholder=\"Enter detailed description of the section...\" rows=\"3\" size=\"md\">\n              </cide-ele-textarea>\n            </div>\n\n            <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-6\">\n              <div\n                class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                <cide-ele-input formControlName=\"acapts_isactive\" type=\"checkbox\" size=\"md\">\n                </cide-ele-input>\n                <div class=\"tw-flex tw-flex-col\">\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Active</span>\n                  <span class=\"tw-text-xs tw-text-gray-500\">Enable/disable this section</span>\n                </div>\n              </div>\n\n              <div\n                class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                <cide-ele-input formControlName=\"acapts_iscurrent\" type=\"checkbox\" size=\"md\">\n                </cide-ele-input>\n                <div class=\"tw-flex tw-flex-col\">\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Current</span>\n                  <span class=\"tw-text-xs tw-text-gray-500\">Mark as current section</span>\n                </div>\n              </div>\n\n              <div\n                class=\"tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-200\">\n                <cide-ele-input formControlName=\"acapts_islocked\" type=\"checkbox\" size=\"md\">\n                </cide-ele-input>\n                <div class=\"tw-flex tw-flex-col\">\n                  <span class=\"tw-text-sm tw-font-medium tw-text-gray-700\">Locked</span>\n                  <span class=\"tw-text-xs tw-text-gray-500\">Prevent modifications</span>\n                </div>\n              </div>\n            </div>\n          </div>\n          }\n\n          @case ('configuration') {\n          <!-- Section Configuration -->\n          <div\n            class=\"tw-bg-gradient-to-r tw-from-teal-50 tw-to-cyan-50 tw-border tw-border-teal-200 tw-rounded-xl tw-p-6\">\n            <div class=\"tw-flex tw-items-center tw-justify-between tw-mb-6\">\n              <div class=\"tw-flex tw-items-center tw-gap-3\">\n                <div class=\"tw-bg-teal-100 tw-p-2 tw-rounded-lg\">\n                  <cide-ele-icon class=\"tw-text-teal-600 tw-w-6 tw-h-6\">tune</cide-ele-icon>\n                </div>\n                <div>\n                  <h6 class=\"tw-text-lg tw-font-semibold tw-text-teal-900 tw-m-0\">Section Configuration</h6>\n                  <p class=\"tw-text-sm tw-text-teal-600 tw-m-0\">Configure section-specific settings and parameters</p>\n                </div>\n              </div>\n            </div>\n\n            <div class=\"tw-space-y-4\">\n              <div class=\"tw-bg-white tw-rounded-lg tw-border tw-border-gray-200 tw-p-4\">\n                <h6 class=\"tw-text-sm tw-font-semibold tw-text-gray-900 tw-mb-3\">Section Settings</h6>\n                <div class=\"tw-space-y-3\">\n                  <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-3 tw-bg-gray-50 tw-rounded-lg\">\n                    <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">people</cide-ele-icon>\n                    <div>\n                      <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-m-0\">Student Capacity</p>\n                      <p class=\"tw-text-xs tw-text-gray-600 tw-m-0\">Configure maximum number of students for this\n                        section</p>\n                    </div>\n                  </div>\n\n                  <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-3 tw-bg-gray-50 tw-rounded-lg\">\n                    <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">schedule</cide-ele-icon>\n                    <div>\n                      <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-m-0\">Schedule Settings</p>\n                      <p class=\"tw-text-xs tw-text-gray-600 tw-m-0\">Configure class timings and schedule preferences</p>\n                    </div>\n                  </div>\n\n                  <div class=\"tw-flex tw-items-center tw-gap-3 tw-p-3 tw-bg-gray-50 tw-rounded-lg\">\n                    <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">room</cide-ele-icon>\n                    <div>\n                      <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-m-0\">Room Assignment</p>\n                      <p class=\"tw-text-xs tw-text-gray-600 tw-m-0\">Assign specific rooms or classroom preferences</p>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          }\n          }\n        </div>\n\n        <!-- Error Display -->\n        @if (error()) {\n        <div class=\"tw-mt-6 tw-p-4 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-lg\">\n          <div class=\"tw-flex tw-items-center tw-gap-2\">\n            <cide-ele-icon variant=\"red\" size=\"sm\">error</cide-ele-icon>\n            <span class=\"tw-text-sm tw-font-medium tw-text-red-800\">{{ error() }}</span>\n          </div>\n        </div>\n        }\n      </div>\n    </div>\n\n    <!-- Form Actions -->\n    <div class=\"tw-table-row tw-h-0\">\n      <div class=\"tw-table-cell tw-w-full tw-px-6 tw-py-2 tw-bg-gray-50 tw-border-t tw-border-gray-200\">\n        <div class=\"tw-flex tw-flex-col tw-gap-3\">\n          <!-- Form Validation Errors -->\n          <div class=\"tw-w-full\">\n            <cide-form-field-error [formGroup]=\"programTermSectionForm\"></cide-form-field-error>\n          </div>\n\n          <!-- Action Buttons -->\n          <div class=\"tw-flex tw-justify-end tw-gap-4\">\n            @if (!isEditMode()) {\n            <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"resetForm()\" leftIcon=\"refresh\"\n              [disabled]=\"loading()\">\n              Reset Form\n            </button>\n            }\n\n            <button cideEleButton type=\"button\" variant=\"secondary\" (click)=\"cancelForm()\" leftIcon=\"close\"\n              [disabled]=\"loading()\">\n              Cancel\n            </button>\n\n            @if ((isEditMode() && canEdit()) || (!isEditMode() && canCreate())) {\n              <button cideEleButton type=\"submit\" variant=\"primary\"\n                [disabled]=\"loading() || programTermSectionForm.invalid\" [loading]=\"loading()\" leftIcon=\"save\">\n                {{ isEditMode() ? 'Update Program Term Section' : 'Create Program Term Section' }}\n              </button>\n            }\n          </div>\n        </div>\n      </div>\n    </div>\n  </form>\n</cide-lyt-shared-wrapper>" }]
         }], ctorParameters: () => [] });
 
 var programTermSectionCreate_component = /*#__PURE__*/Object.freeze({
@@ -5331,7 +5618,8 @@ class ProgramTermSectionListComponent {
         // Use simpler payload pattern that works in other components
         const payload = {
             pagination: false,
-            acacpm_isactive: true
+            acacpm_isactive: true,
+            acacpm_entity_id_syen: this.appState.getActiveEntityId()
         };
         console.log('📚 Loading class program masters with payload:', payload);
         this.classProgramMasterService.getClassProgramMasterList(payload)
@@ -5548,10 +5836,10 @@ class ProgramTermSectionListComponent {
             // Could implement search functionality here if needed
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: ProgramTermSectionListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: ProgramTermSectionListComponent, isStandalone: true, selector: "cide-academics-program-term-section-list", viewQueries: [{ propertyName: "programTermSectionDetailsRendererTemplate", first: true, predicate: ["programTermSectionDetailsRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "programTermSectionStatusRendererTemplate", first: true, predicate: ["programTermSectionStatusRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "actionsDropdownRendererTemplate", first: true, predicate: ["actionsDropdownRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "programClassRendererTemplate", first: true, predicate: ["programClassRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "termSpecializationRendererTemplate", first: true, predicate: ["termSpecializationRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "classProgramTermRendererTemplate", first: true, predicate: ["classProgramTermRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "parentClassProgramTermRendererTemplate", first: true, predicate: ["parentClassProgramTermRendererTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Program Term Section Management Container -->\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'program_term_section' }\"\n  [breadcrumb_data]=\"breadcrumbData()\">\n  \n  <!-- Action Buttons in Breadcrumb Area -->\n  <div breadcrumb-actions>\n    <button cideEleButton type=\"button\" variant=\"primary\" size=\"sm\" leftIcon=\"add\" (btnClick)=\"createProgramTermSection()\">\n      Create Program Term Section\n    </button>\n  </div>\n\n  <!-- Main Content -->\n  <div class=\"tw-flex tw-flex-col tw-w-full tw-h-full tw-overflow-hidden\">\n    <!-- Filter Section -->\n    <div class=\"tw-flex-shrink-0 tw-px-6 tw-py-3 tw-border-b tw-border-gray-200 tw-bg-gray-50\">\n      <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-4\">\n        <div>\n          <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">Class Program</label>\n          <cide-ele-select\n            [options]=\"classProgramMastersOptions()\"\n            [ngModel]=\"selectedProgramClassId() || ''\"\n            (ngModelChange)=\"onClassProgramChange($event)\"\n            placeholder=\"Select Class Program\"\n            valueKey=\"_id\"\n            labelKey=\"displayLabel\"\n            [loading]=\"classProgramMastersLoading()\"\n            [searchable]=\"true\"\n            (searchChange)=\"onClassProgramMasterSearch($event)\">\n          </cide-ele-select>\n        </div>\n        \n        @if (showBranchDropdown()) {\n          <div>\n            <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">Specialization</label>\n            <cide-ele-select\n              [options]=\"classProgramBranchesOptions()\"\n              [ngModel]=\"selectedBranchId() || ''\"\n              (ngModelChange)=\"onBranchChange($event)\"\n              placeholder=\"Select Specialization\"\n              valueKey=\"_id\"\n              labelKey=\"acabrn_name\"\n              [loading]=\"classProgramBranchesLoading()\">\n            </cide-ele-select>\n          </div>\n        }\n        \n        @if (selectedProgramClassId() && (!showBranchDropdown() || selectedBranchId()) && showTermDropdown()) {\n          <div>\n            <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">Program Term (Leaf Only)</label>\n            <cide-ele-select\n              [options]=\"classProgramTermOptions()\"\n              [ngModel]=\"selectedTermId() || ''\"\n              (ngModelChange)=\"onTermChange($event)\"\n              placeholder=\"Select Program Term (Leaf Only)\"\n              valueKey=\"_id\"\n              labelKey=\"acapt_name\"\n              [loading]=\"classProgramTermsLoading()\"\n              [treeView]=\"{ enabled: true, primaryKey: '_id', foreignKey: 'acapt_parent_class_prog_term_acapt' }\"\n              [searchable]=\"true\">\n            </cide-ele-select>\n          </div>\n        }\n      </div>\n    </div>\n\n    <!-- Data Grid Section -->\n    <div class=\"tw-flex-1 tw-min-h-0 tw-p-0\">\n      <cide-ele-data-grid\n        class=\"tw-h-full\"\n        [config]=\"gridConfig()\"\n        [templateRenderers]=\"templateRenderers()\"\n        (gridEvent)=\"onGridEvent($event)\">\n      </cide-ele-data-grid>\n    </div>\n  </div>\n</cide-lyt-shared-wrapper>\n\n<!-- Template Renderers -->\n<ng-template #programTermSectionDetailsRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\n  <div class=\"tw-flex tw-items-center tw-space-x-3\">\n    <div class=\"tw-flex-shrink-0\">\n      <div class=\"tw-w-10 tw-h-10 tw-bg-teal-100 tw-rounded-lg tw-flex tw-items-center tw-justify-center\">\n        <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">group</cide-ele-icon>\n      </div>\n    </div>\n    <div class=\"tw-min-w-0 tw-flex-1\">\n      <h6 class=\"tw-text-sm tw-font-semibold tw-text-gray-900 tw-truncate tw-m-0\">\n        {{ row?.acapts_name }}\n      </h6>\n      <p class=\"tw-text-xs tw-text-gray-500 tw-truncate tw-m-0\">\n        {{ row?.acapts_description }}\n      </p>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #programTermSectionStatusRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\n  <div class=\"tw-flex tw-items-center tw-space-x-2\">\n    @if (row?.acapts_iscurrent) {\n    <span class=\"tw-inline-flex tw-items-center tw-px-2 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium tw-bg-blue-100 tw-text-blue-800\">\n      <cide-ele-icon class=\"tw-w-3 tw-h-3 tw-mr-1\">star</cide-ele-icon>\n      Current\n    </span>\n    }\n    @if (row?.acapts_islocked) {\n    <span class=\"tw-inline-flex tw-items-center tw-px-2 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium tw-bg-yellow-100 tw-text-yellow-800\">\n      <cide-ele-icon class=\"tw-w-3 tw-h-3 tw-mr-1\">lock</cide-ele-icon>\n      Locked\n    </span>\n    }\n    <span [ngClass]=\"{\n      'tw-bg-green-100 tw-text-green-800': row?.acapts_isactive,\n      'tw-bg-red-100 tw-text-red-800': !row?.acapts_isactive\n    }\" class=\"tw-inline-flex tw-items-center tw-px-2 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium\">\n      <cide-ele-icon [ngClass]=\"{\n        'tw-text-green-600': row?.acapts_isactive,\n        'tw-text-red-600': !row?.acapts_isactive\n      }\" class=\"tw-w-3 tw-h-3 tw-mr-1\">\n        {{ row?.acapts_isactive ? 'check_circle' : 'cancel' }}\n      </cide-ele-icon>\n      {{ row?.acapts_isactive ? 'Active' : 'Inactive' }}\n    </span>\n  </div>\n</ng-template>\n\n<ng-template #actionsDropdownRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\n  <cide-ele-dropdown\n    [items]=\"getActionDropdownItems(row)\"\n    (itemClick)=\"onDropdownItemClick($event, row)\"\n    size=\"sm\"\n    variant=\"ghost\"\n    icon=\"more_vert\">\n  </cide-ele-dropdown>\n</ng-template>\n\n<ng-template #programClassRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\n  <div class=\"tw-text-sm tw-text-gray-900\">\n    {{ row?.acapts_class_program_id_acacpm?.acacpm_alise_title || row?.acapts_class_program_id_acacpm?.acacpm_name || 'N/A' }}\n  </div>\n</ng-template>\n\n<ng-template #termSpecializationRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\n  <div class=\"tw-text-sm tw-text-gray-900\">\n    @if (row?.acapts_parent_class_prog_term_acapt?.acapt_class_program_branch_id_acabrn) {\n      {{ row?.acapts_parent_class_prog_term_acapt?.acapt_class_program_branch_id_acabrn?.acabrn_name || row?.acapts_parent_class_prog_term_acapt?.acapt_class_program_branch_id_acabrn?.acabrn_code || 'N/A' }}\n    } @else {\n      <span class=\"tw-text-gray-400\">-</span>\n    }\n  </div>\n</ng-template>\n\n<ng-template #classProgramTermRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\n  <div class=\"tw-text-sm tw-text-gray-900\">\n    {{ row?.acapts_parent_class_prog_term_acapt?.acapt_name || row?.acapts_parent_class_prog_term_acapt?.acapt_code || 'N/A' }}\n  </div>\n</ng-template>\n\n<ng-template #parentClassProgramTermRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\n  <div class=\"tw-text-sm tw-text-gray-900\">\n    @if (row?.acapts_parent_class_prog_term_acapt) {\n      @if (row?.acapts_parent_class_prog_term_acapt?.acapt_parent_class_prog_term_acapt) {\n        @if (typeof row?.acapts_parent_class_prog_term_acapt?.acapt_parent_class_prog_term_acapt === 'object') {\n          {{ row?.acapts_parent_class_prog_term_acapt?.acapt_parent_class_prog_term_acapt?.acapt_name || row?.acapts_parent_class_prog_term_acapt?.acapt_parent_class_prog_term_acapt?.acapt_code || 'N/A' }}\n        } @else {\n          <span class=\"tw-text-gray-400\">-</span>\n        }\n      } @else {\n        <span class=\"tw-text-gray-400\">-</span>\n      }\n    } @else {\n      <span class=\"tw-text-gray-400\">-</span>\n    }\n  </div>\n</ng-template>\n", styles: [":host{height:100%;display:flex;flex-direction:column}cide-ele-data-grid{flex:1;min-height:0;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CideEleDataGridComponent, selector: "cide-ele-data-grid", inputs: ["config", "templateRenderers", "customFormatters", "actionHandlers", "serverSidePagination", "totalServerItems", "currentServerPage", "currentServerPageSize", "dragDropEnabled"], outputs: ["gridEvent"] }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideEleDropdownComponent, selector: "cide-ele-dropdown", inputs: ["items", "config", "triggerTemplate", "menuTemplate"], outputs: ["itemClick", "dropdownToggle"] }, { kind: "component", type: CideSelectComponent, selector: "cide-ele-select", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput", "options", "multiple", "searchable", "showSearchInput", "loading", "valueKey", "labelKey", "treeView"], outputs: ["ngModelChange", "change", "searchChange"] }, { kind: "component", type: CideLytSharedWrapperComponent, selector: "cide-lyt-shared-wrapper", inputs: ["shared_wrapper_setup_param", "breadcrumb_data"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ProgramTermSectionListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ProgramTermSectionListComponent, isStandalone: true, selector: "cide-academics-program-term-section-list", viewQueries: [{ propertyName: "programTermSectionDetailsRendererTemplate", first: true, predicate: ["programTermSectionDetailsRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "programTermSectionStatusRendererTemplate", first: true, predicate: ["programTermSectionStatusRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "actionsDropdownRendererTemplate", first: true, predicate: ["actionsDropdownRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "programClassRendererTemplate", first: true, predicate: ["programClassRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "termSpecializationRendererTemplate", first: true, predicate: ["termSpecializationRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "classProgramTermRendererTemplate", first: true, predicate: ["classProgramTermRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "parentClassProgramTermRendererTemplate", first: true, predicate: ["parentClassProgramTermRendererTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Program Term Section Management Container -->\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'program_term_section' }\"\n  [breadcrumb_data]=\"breadcrumbData()\">\n  \n  <!-- Action Buttons in Breadcrumb Area -->\n  <div breadcrumb-actions>\n    @if (canCreate()) {\n      <button cideEleButton type=\"button\" variant=\"primary\" size=\"sm\" leftIcon=\"add\" (btnClick)=\"createProgramTermSection()\">\n        Create Program Term Section\n      </button>\n    }\n  </div>\n\n  <!-- Main Content -->\n  <div class=\"tw-flex tw-flex-col tw-w-full tw-h-full tw-overflow-hidden\">\n    <!-- Filter Section -->\n    <div class=\"tw-flex-shrink-0 tw-px-6 tw-py-3 tw-border-b tw-border-gray-200 tw-bg-gray-50\">\n      <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-4\">\n        <div>\n          <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">Class Program</label>\n          <cide-ele-select\n            [options]=\"classProgramMastersOptions()\"\n            [ngModel]=\"selectedProgramClassId() || ''\"\n            (ngModelChange)=\"onClassProgramChange($event)\"\n            placeholder=\"Select Class Program\"\n            valueKey=\"_id\"\n            labelKey=\"displayLabel\"\n            [loading]=\"classProgramMastersLoading()\"\n            [searchable]=\"true\"\n            (searchChange)=\"onClassProgramMasterSearch($event)\">\n          </cide-ele-select>\n        </div>\n        \n        @if (showBranchDropdown()) {\n          <div>\n            <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">Specialization</label>\n            <cide-ele-select\n              [options]=\"classProgramBranchesOptions()\"\n              [ngModel]=\"selectedBranchId() || ''\"\n              (ngModelChange)=\"onBranchChange($event)\"\n              placeholder=\"Select Specialization\"\n              valueKey=\"_id\"\n              labelKey=\"acabrn_name\"\n              [loading]=\"classProgramBranchesLoading()\">\n            </cide-ele-select>\n          </div>\n        }\n        \n        @if (selectedProgramClassId() && (!showBranchDropdown() || selectedBranchId()) && showTermDropdown()) {\n          <div>\n            <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">Program Term (Leaf Only)</label>\n            <cide-ele-select\n              [options]=\"classProgramTermOptions()\"\n              [ngModel]=\"selectedTermId() || ''\"\n              (ngModelChange)=\"onTermChange($event)\"\n              placeholder=\"Select Program Term (Leaf Only)\"\n              valueKey=\"_id\"\n              labelKey=\"acapt_name\"\n              [loading]=\"classProgramTermsLoading()\"\n              [treeView]=\"{ enabled: true, primaryKey: '_id', foreignKey: 'acapt_parent_class_prog_term_acapt' }\"\n              [searchable]=\"true\">\n            </cide-ele-select>\n          </div>\n        }\n      </div>\n    </div>\n\n    <!-- Data Grid Section -->\n    <div class=\"tw-flex-1 tw-min-h-0 tw-p-0\">\n      <cide-ele-data-grid\n        class=\"tw-h-full\"\n        [config]=\"gridConfig()\"\n        [templateRenderers]=\"templateRenderers()\"\n        (gridEvent)=\"onGridEvent($event)\">\n      </cide-ele-data-grid>\n    </div>\n  </div>\n</cide-lyt-shared-wrapper>\n\n<!-- Template Renderers -->\n<ng-template #programTermSectionDetailsRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\n  <div class=\"tw-flex tw-items-center tw-space-x-3\">\n    <div class=\"tw-flex-shrink-0\">\n      <div class=\"tw-w-10 tw-h-10 tw-bg-teal-100 tw-rounded-lg tw-flex tw-items-center tw-justify-center\">\n        <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">group</cide-ele-icon>\n      </div>\n    </div>\n    <div class=\"tw-min-w-0 tw-flex-1\">\n      <h6 class=\"tw-text-sm tw-font-semibold tw-text-gray-900 tw-truncate tw-m-0\">\n        {{ row?.acapts_name }}\n      </h6>\n      <p class=\"tw-text-xs tw-text-gray-500 tw-truncate tw-m-0\">\n        {{ row?.acapts_description }}\n      </p>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #programTermSectionStatusRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\n  <div class=\"tw-flex tw-items-center tw-space-x-2\">\n    @if (row?.acapts_iscurrent) {\n    <span class=\"tw-inline-flex tw-items-center tw-px-2 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium tw-bg-blue-100 tw-text-blue-800\">\n      <cide-ele-icon class=\"tw-w-3 tw-h-3 tw-mr-1\">star</cide-ele-icon>\n      Current\n    </span>\n    }\n    @if (row?.acapts_islocked) {\n    <span class=\"tw-inline-flex tw-items-center tw-px-2 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium tw-bg-yellow-100 tw-text-yellow-800\">\n      <cide-ele-icon class=\"tw-w-3 tw-h-3 tw-mr-1\">lock</cide-ele-icon>\n      Locked\n    </span>\n    }\n    <span [ngClass]=\"{\n      'tw-bg-green-100 tw-text-green-800': row?.acapts_isactive,\n      'tw-bg-red-100 tw-text-red-800': !row?.acapts_isactive\n    }\" class=\"tw-inline-flex tw-items-center tw-px-2 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium\">\n      <cide-ele-icon [ngClass]=\"{\n        'tw-text-green-600': row?.acapts_isactive,\n        'tw-text-red-600': !row?.acapts_isactive\n      }\" class=\"tw-w-3 tw-h-3 tw-mr-1\">\n        {{ row?.acapts_isactive ? 'check_circle' : 'cancel' }}\n      </cide-ele-icon>\n      {{ row?.acapts_isactive ? 'Active' : 'Inactive' }}\n    </span>\n  </div>\n</ng-template>\n\n<ng-template #actionsDropdownRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\n  <cide-ele-dropdown\n    [items]=\"getActionDropdownItems(row)\"\n    (itemClick)=\"onDropdownItemClick($event, row)\"\n    size=\"sm\"\n    variant=\"ghost\"\n    icon=\"more_vert\">\n  </cide-ele-dropdown>\n</ng-template>\n\n<ng-template #programClassRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\n  <div class=\"tw-text-sm tw-text-gray-900\">\n    {{ row?.acapts_class_program_id_acacpm?.acacpm_alise_title || row?.acapts_class_program_id_acacpm?.acacpm_name || 'N/A' }}\n  </div>\n</ng-template>\n\n<ng-template #termSpecializationRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\n  <div class=\"tw-text-sm tw-text-gray-900\">\n    @if (row?.acapts_parent_class_prog_term_acapt?.acapt_class_program_branch_id_acabrn) {\n      {{ row?.acapts_parent_class_prog_term_acapt?.acapt_class_program_branch_id_acabrn?.acabrn_name || row?.acapts_parent_class_prog_term_acapt?.acapt_class_program_branch_id_acabrn?.acabrn_code || 'N/A' }}\n    } @else {\n      <span class=\"tw-text-gray-400\">-</span>\n    }\n  </div>\n</ng-template>\n\n<ng-template #classProgramTermRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\n  <div class=\"tw-text-sm tw-text-gray-900\">\n    {{ row?.acapts_parent_class_prog_term_acapt?.acapt_name || row?.acapts_parent_class_prog_term_acapt?.acapt_code || 'N/A' }}\n  </div>\n</ng-template>\n\n<ng-template #parentClassProgramTermRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\n  <div class=\"tw-text-sm tw-text-gray-900\">\n    @if (row?.acapts_parent_class_prog_term_acapt) {\n      @if (row?.acapts_parent_class_prog_term_acapt?.acapt_parent_class_prog_term_acapt) {\n        @if (typeof row?.acapts_parent_class_prog_term_acapt?.acapt_parent_class_prog_term_acapt === 'object') {\n          {{ row?.acapts_parent_class_prog_term_acapt?.acapt_parent_class_prog_term_acapt?.acapt_name || row?.acapts_parent_class_prog_term_acapt?.acapt_parent_class_prog_term_acapt?.acapt_code || 'N/A' }}\n        } @else {\n          <span class=\"tw-text-gray-400\">-</span>\n        }\n      } @else {\n        <span class=\"tw-text-gray-400\">-</span>\n      }\n    } @else {\n      <span class=\"tw-text-gray-400\">-</span>\n    }\n  </div>\n</ng-template>\n", styles: [":host{height:100%;display:flex;flex-direction:column}cide-ele-data-grid{flex:1;min-height:0;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CideEleDataGridComponent, selector: "cide-ele-data-grid", inputs: ["config", "templateRenderers", "customFormatters", "actionHandlers", "serverSidePagination", "totalServerItems", "currentServerPage", "currentServerPageSize", "dragDropEnabled"], outputs: ["gridEvent"] }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideEleDropdownComponent, selector: "cide-ele-dropdown", inputs: ["items", "config", "triggerTemplate", "menuTemplate"], outputs: ["itemClick", "dropdownToggle"] }, { kind: "component", type: CideSelectComponent, selector: "cide-ele-select", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput", "options", "multiple", "searchable", "showSearchInput", "loading", "valueKey", "labelKey", "treeView"], outputs: ["ngModelChange", "change", "searchChange"] }, { kind: "component", type: CideLytSharedWrapperComponent, selector: "cide-lyt-shared-wrapper", inputs: ["shared_wrapper_setup_param", "breadcrumb_data"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: ProgramTermSectionListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ProgramTermSectionListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cide-academics-program-term-section-list', standalone: true, imports: [
                         CommonModule,
@@ -5562,8 +5850,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
                         CideEleDropdownComponent,
                         CideSelectComponent,
                         CideLytSharedWrapperComponent
-                    ], template: "<!-- Program Term Section Management Container -->\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'program_term_section' }\"\n  [breadcrumb_data]=\"breadcrumbData()\">\n  \n  <!-- Action Buttons in Breadcrumb Area -->\n  <div breadcrumb-actions>\n    <button cideEleButton type=\"button\" variant=\"primary\" size=\"sm\" leftIcon=\"add\" (btnClick)=\"createProgramTermSection()\">\n      Create Program Term Section\n    </button>\n  </div>\n\n  <!-- Main Content -->\n  <div class=\"tw-flex tw-flex-col tw-w-full tw-h-full tw-overflow-hidden\">\n    <!-- Filter Section -->\n    <div class=\"tw-flex-shrink-0 tw-px-6 tw-py-3 tw-border-b tw-border-gray-200 tw-bg-gray-50\">\n      <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-4\">\n        <div>\n          <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">Class Program</label>\n          <cide-ele-select\n            [options]=\"classProgramMastersOptions()\"\n            [ngModel]=\"selectedProgramClassId() || ''\"\n            (ngModelChange)=\"onClassProgramChange($event)\"\n            placeholder=\"Select Class Program\"\n            valueKey=\"_id\"\n            labelKey=\"displayLabel\"\n            [loading]=\"classProgramMastersLoading()\"\n            [searchable]=\"true\"\n            (searchChange)=\"onClassProgramMasterSearch($event)\">\n          </cide-ele-select>\n        </div>\n        \n        @if (showBranchDropdown()) {\n          <div>\n            <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">Specialization</label>\n            <cide-ele-select\n              [options]=\"classProgramBranchesOptions()\"\n              [ngModel]=\"selectedBranchId() || ''\"\n              (ngModelChange)=\"onBranchChange($event)\"\n              placeholder=\"Select Specialization\"\n              valueKey=\"_id\"\n              labelKey=\"acabrn_name\"\n              [loading]=\"classProgramBranchesLoading()\">\n            </cide-ele-select>\n          </div>\n        }\n        \n        @if (selectedProgramClassId() && (!showBranchDropdown() || selectedBranchId()) && showTermDropdown()) {\n          <div>\n            <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">Program Term (Leaf Only)</label>\n            <cide-ele-select\n              [options]=\"classProgramTermOptions()\"\n              [ngModel]=\"selectedTermId() || ''\"\n              (ngModelChange)=\"onTermChange($event)\"\n              placeholder=\"Select Program Term (Leaf Only)\"\n              valueKey=\"_id\"\n              labelKey=\"acapt_name\"\n              [loading]=\"classProgramTermsLoading()\"\n              [treeView]=\"{ enabled: true, primaryKey: '_id', foreignKey: 'acapt_parent_class_prog_term_acapt' }\"\n              [searchable]=\"true\">\n            </cide-ele-select>\n          </div>\n        }\n      </div>\n    </div>\n\n    <!-- Data Grid Section -->\n    <div class=\"tw-flex-1 tw-min-h-0 tw-p-0\">\n      <cide-ele-data-grid\n        class=\"tw-h-full\"\n        [config]=\"gridConfig()\"\n        [templateRenderers]=\"templateRenderers()\"\n        (gridEvent)=\"onGridEvent($event)\">\n      </cide-ele-data-grid>\n    </div>\n  </div>\n</cide-lyt-shared-wrapper>\n\n<!-- Template Renderers -->\n<ng-template #programTermSectionDetailsRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\n  <div class=\"tw-flex tw-items-center tw-space-x-3\">\n    <div class=\"tw-flex-shrink-0\">\n      <div class=\"tw-w-10 tw-h-10 tw-bg-teal-100 tw-rounded-lg tw-flex tw-items-center tw-justify-center\">\n        <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">group</cide-ele-icon>\n      </div>\n    </div>\n    <div class=\"tw-min-w-0 tw-flex-1\">\n      <h6 class=\"tw-text-sm tw-font-semibold tw-text-gray-900 tw-truncate tw-m-0\">\n        {{ row?.acapts_name }}\n      </h6>\n      <p class=\"tw-text-xs tw-text-gray-500 tw-truncate tw-m-0\">\n        {{ row?.acapts_description }}\n      </p>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #programTermSectionStatusRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\n  <div class=\"tw-flex tw-items-center tw-space-x-2\">\n    @if (row?.acapts_iscurrent) {\n    <span class=\"tw-inline-flex tw-items-center tw-px-2 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium tw-bg-blue-100 tw-text-blue-800\">\n      <cide-ele-icon class=\"tw-w-3 tw-h-3 tw-mr-1\">star</cide-ele-icon>\n      Current\n    </span>\n    }\n    @if (row?.acapts_islocked) {\n    <span class=\"tw-inline-flex tw-items-center tw-px-2 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium tw-bg-yellow-100 tw-text-yellow-800\">\n      <cide-ele-icon class=\"tw-w-3 tw-h-3 tw-mr-1\">lock</cide-ele-icon>\n      Locked\n    </span>\n    }\n    <span [ngClass]=\"{\n      'tw-bg-green-100 tw-text-green-800': row?.acapts_isactive,\n      'tw-bg-red-100 tw-text-red-800': !row?.acapts_isactive\n    }\" class=\"tw-inline-flex tw-items-center tw-px-2 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium\">\n      <cide-ele-icon [ngClass]=\"{\n        'tw-text-green-600': row?.acapts_isactive,\n        'tw-text-red-600': !row?.acapts_isactive\n      }\" class=\"tw-w-3 tw-h-3 tw-mr-1\">\n        {{ row?.acapts_isactive ? 'check_circle' : 'cancel' }}\n      </cide-ele-icon>\n      {{ row?.acapts_isactive ? 'Active' : 'Inactive' }}\n    </span>\n  </div>\n</ng-template>\n\n<ng-template #actionsDropdownRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\n  <cide-ele-dropdown\n    [items]=\"getActionDropdownItems(row)\"\n    (itemClick)=\"onDropdownItemClick($event, row)\"\n    size=\"sm\"\n    variant=\"ghost\"\n    icon=\"more_vert\">\n  </cide-ele-dropdown>\n</ng-template>\n\n<ng-template #programClassRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\n  <div class=\"tw-text-sm tw-text-gray-900\">\n    {{ row?.acapts_class_program_id_acacpm?.acacpm_alise_title || row?.acapts_class_program_id_acacpm?.acacpm_name || 'N/A' }}\n  </div>\n</ng-template>\n\n<ng-template #termSpecializationRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\n  <div class=\"tw-text-sm tw-text-gray-900\">\n    @if (row?.acapts_parent_class_prog_term_acapt?.acapt_class_program_branch_id_acabrn) {\n      {{ row?.acapts_parent_class_prog_term_acapt?.acapt_class_program_branch_id_acabrn?.acabrn_name || row?.acapts_parent_class_prog_term_acapt?.acapt_class_program_branch_id_acabrn?.acabrn_code || 'N/A' }}\n    } @else {\n      <span class=\"tw-text-gray-400\">-</span>\n    }\n  </div>\n</ng-template>\n\n<ng-template #classProgramTermRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\n  <div class=\"tw-text-sm tw-text-gray-900\">\n    {{ row?.acapts_parent_class_prog_term_acapt?.acapt_name || row?.acapts_parent_class_prog_term_acapt?.acapt_code || 'N/A' }}\n  </div>\n</ng-template>\n\n<ng-template #parentClassProgramTermRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\n  <div class=\"tw-text-sm tw-text-gray-900\">\n    @if (row?.acapts_parent_class_prog_term_acapt) {\n      @if (row?.acapts_parent_class_prog_term_acapt?.acapt_parent_class_prog_term_acapt) {\n        @if (typeof row?.acapts_parent_class_prog_term_acapt?.acapt_parent_class_prog_term_acapt === 'object') {\n          {{ row?.acapts_parent_class_prog_term_acapt?.acapt_parent_class_prog_term_acapt?.acapt_name || row?.acapts_parent_class_prog_term_acapt?.acapt_parent_class_prog_term_acapt?.acapt_code || 'N/A' }}\n        } @else {\n          <span class=\"tw-text-gray-400\">-</span>\n        }\n      } @else {\n        <span class=\"tw-text-gray-400\">-</span>\n      }\n    } @else {\n      <span class=\"tw-text-gray-400\">-</span>\n    }\n  </div>\n</ng-template>\n", styles: [":host{height:100%;display:flex;flex-direction:column}cide-ele-data-grid{flex:1;min-height:0;display:flex;flex-direction:column}\n"] }]
-        }] });
+                    ], template: "<!-- Program Term Section Management Container -->\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'program_term_section' }\"\n  [breadcrumb_data]=\"breadcrumbData()\">\n  \n  <!-- Action Buttons in Breadcrumb Area -->\n  <div breadcrumb-actions>\n    @if (canCreate()) {\n      <button cideEleButton type=\"button\" variant=\"primary\" size=\"sm\" leftIcon=\"add\" (btnClick)=\"createProgramTermSection()\">\n        Create Program Term Section\n      </button>\n    }\n  </div>\n\n  <!-- Main Content -->\n  <div class=\"tw-flex tw-flex-col tw-w-full tw-h-full tw-overflow-hidden\">\n    <!-- Filter Section -->\n    <div class=\"tw-flex-shrink-0 tw-px-6 tw-py-3 tw-border-b tw-border-gray-200 tw-bg-gray-50\">\n      <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-4\">\n        <div>\n          <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">Class Program</label>\n          <cide-ele-select\n            [options]=\"classProgramMastersOptions()\"\n            [ngModel]=\"selectedProgramClassId() || ''\"\n            (ngModelChange)=\"onClassProgramChange($event)\"\n            placeholder=\"Select Class Program\"\n            valueKey=\"_id\"\n            labelKey=\"displayLabel\"\n            [loading]=\"classProgramMastersLoading()\"\n            [searchable]=\"true\"\n            (searchChange)=\"onClassProgramMasterSearch($event)\">\n          </cide-ele-select>\n        </div>\n        \n        @if (showBranchDropdown()) {\n          <div>\n            <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">Specialization</label>\n            <cide-ele-select\n              [options]=\"classProgramBranchesOptions()\"\n              [ngModel]=\"selectedBranchId() || ''\"\n              (ngModelChange)=\"onBranchChange($event)\"\n              placeholder=\"Select Specialization\"\n              valueKey=\"_id\"\n              labelKey=\"acabrn_name\"\n              [loading]=\"classProgramBranchesLoading()\">\n            </cide-ele-select>\n          </div>\n        }\n        \n        @if (selectedProgramClassId() && (!showBranchDropdown() || selectedBranchId()) && showTermDropdown()) {\n          <div>\n            <label class=\"tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-mb-2\">Program Term (Leaf Only)</label>\n            <cide-ele-select\n              [options]=\"classProgramTermOptions()\"\n              [ngModel]=\"selectedTermId() || ''\"\n              (ngModelChange)=\"onTermChange($event)\"\n              placeholder=\"Select Program Term (Leaf Only)\"\n              valueKey=\"_id\"\n              labelKey=\"acapt_name\"\n              [loading]=\"classProgramTermsLoading()\"\n              [treeView]=\"{ enabled: true, primaryKey: '_id', foreignKey: 'acapt_parent_class_prog_term_acapt' }\"\n              [searchable]=\"true\">\n            </cide-ele-select>\n          </div>\n        }\n      </div>\n    </div>\n\n    <!-- Data Grid Section -->\n    <div class=\"tw-flex-1 tw-min-h-0 tw-p-0\">\n      <cide-ele-data-grid\n        class=\"tw-h-full\"\n        [config]=\"gridConfig()\"\n        [templateRenderers]=\"templateRenderers()\"\n        (gridEvent)=\"onGridEvent($event)\">\n      </cide-ele-data-grid>\n    </div>\n  </div>\n</cide-lyt-shared-wrapper>\n\n<!-- Template Renderers -->\n<ng-template #programTermSectionDetailsRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\n  <div class=\"tw-flex tw-items-center tw-space-x-3\">\n    <div class=\"tw-flex-shrink-0\">\n      <div class=\"tw-w-10 tw-h-10 tw-bg-teal-100 tw-rounded-lg tw-flex tw-items-center tw-justify-center\">\n        <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">group</cide-ele-icon>\n      </div>\n    </div>\n    <div class=\"tw-min-w-0 tw-flex-1\">\n      <h6 class=\"tw-text-sm tw-font-semibold tw-text-gray-900 tw-truncate tw-m-0\">\n        {{ row?.acapts_name }}\n      </h6>\n      <p class=\"tw-text-xs tw-text-gray-500 tw-truncate tw-m-0\">\n        {{ row?.acapts_description }}\n      </p>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #programTermSectionStatusRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\n  <div class=\"tw-flex tw-items-center tw-space-x-2\">\n    @if (row?.acapts_iscurrent) {\n    <span class=\"tw-inline-flex tw-items-center tw-px-2 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium tw-bg-blue-100 tw-text-blue-800\">\n      <cide-ele-icon class=\"tw-w-3 tw-h-3 tw-mr-1\">star</cide-ele-icon>\n      Current\n    </span>\n    }\n    @if (row?.acapts_islocked) {\n    <span class=\"tw-inline-flex tw-items-center tw-px-2 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium tw-bg-yellow-100 tw-text-yellow-800\">\n      <cide-ele-icon class=\"tw-w-3 tw-h-3 tw-mr-1\">lock</cide-ele-icon>\n      Locked\n    </span>\n    }\n    <span [ngClass]=\"{\n      'tw-bg-green-100 tw-text-green-800': row?.acapts_isactive,\n      'tw-bg-red-100 tw-text-red-800': !row?.acapts_isactive\n    }\" class=\"tw-inline-flex tw-items-center tw-px-2 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium\">\n      <cide-ele-icon [ngClass]=\"{\n        'tw-text-green-600': row?.acapts_isactive,\n        'tw-text-red-600': !row?.acapts_isactive\n      }\" class=\"tw-w-3 tw-h-3 tw-mr-1\">\n        {{ row?.acapts_isactive ? 'check_circle' : 'cancel' }}\n      </cide-ele-icon>\n      {{ row?.acapts_isactive ? 'Active' : 'Inactive' }}\n    </span>\n  </div>\n</ng-template>\n\n<ng-template #actionsDropdownRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\n  <cide-ele-dropdown\n    [items]=\"getActionDropdownItems(row)\"\n    (itemClick)=\"onDropdownItemClick($event, row)\"\n    size=\"sm\"\n    variant=\"ghost\"\n    icon=\"more_vert\">\n  </cide-ele-dropdown>\n</ng-template>\n\n<ng-template #programClassRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\n  <div class=\"tw-text-sm tw-text-gray-900\">\n    {{ row?.acapts_class_program_id_acacpm?.acacpm_alise_title || row?.acapts_class_program_id_acacpm?.acacpm_name || 'N/A' }}\n  </div>\n</ng-template>\n\n<ng-template #termSpecializationRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\n  <div class=\"tw-text-sm tw-text-gray-900\">\n    @if (row?.acapts_parent_class_prog_term_acapt?.acapt_class_program_branch_id_acabrn) {\n      {{ row?.acapts_parent_class_prog_term_acapt?.acapt_class_program_branch_id_acabrn?.acabrn_name || row?.acapts_parent_class_prog_term_acapt?.acapt_class_program_branch_id_acabrn?.acabrn_code || 'N/A' }}\n    } @else {\n      <span class=\"tw-text-gray-400\">-</span>\n    }\n  </div>\n</ng-template>\n\n<ng-template #classProgramTermRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\n  <div class=\"tw-text-sm tw-text-gray-900\">\n    {{ row?.acapts_parent_class_prog_term_acapt?.acapt_name || row?.acapts_parent_class_prog_term_acapt?.acapt_code || 'N/A' }}\n  </div>\n</ng-template>\n\n<ng-template #parentClassProgramTermRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\n  <div class=\"tw-text-sm tw-text-gray-900\">\n    @if (row?.acapts_parent_class_prog_term_acapt) {\n      @if (row?.acapts_parent_class_prog_term_acapt?.acapt_parent_class_prog_term_acapt) {\n        @if (typeof row?.acapts_parent_class_prog_term_acapt?.acapt_parent_class_prog_term_acapt === 'object') {\n          {{ row?.acapts_parent_class_prog_term_acapt?.acapt_parent_class_prog_term_acapt?.acapt_name || row?.acapts_parent_class_prog_term_acapt?.acapt_parent_class_prog_term_acapt?.acapt_code || 'N/A' }}\n        } @else {\n          <span class=\"tw-text-gray-400\">-</span>\n        }\n      } @else {\n        <span class=\"tw-text-gray-400\">-</span>\n      }\n    } @else {\n      <span class=\"tw-text-gray-400\">-</span>\n    }\n  </div>\n</ng-template>\n", styles: [":host{height:100%;display:flex;flex-direction:column}cide-ele-data-grid{flex:1;min-height:0;display:flex;flex-direction:column}\n"] }]
+        }], propDecorators: { programTermSectionDetailsRendererTemplate: [{ type: i0.ViewChild, args: ['programTermSectionDetailsRendererTemplate', { isSignal: true }] }], programTermSectionStatusRendererTemplate: [{ type: i0.ViewChild, args: ['programTermSectionStatusRendererTemplate', { isSignal: true }] }], actionsDropdownRendererTemplate: [{ type: i0.ViewChild, args: ['actionsDropdownRendererTemplate', { isSignal: true }] }], programClassRendererTemplate: [{ type: i0.ViewChild, args: ['programClassRendererTemplate', { isSignal: true }] }], termSpecializationRendererTemplate: [{ type: i0.ViewChild, args: ['termSpecializationRendererTemplate', { isSignal: true }] }], classProgramTermRendererTemplate: [{ type: i0.ViewChild, args: ['classProgramTermRendererTemplate', { isSignal: true }] }], parentClassProgramTermRendererTemplate: [{ type: i0.ViewChild, args: ['parentClassProgramTermRendererTemplate', { isSignal: true }] }] } });
 
 var programTermSectionList_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -6334,10 +6622,10 @@ class CideLytProgramSectionSelectorComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytProgramSectionSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: CideLytProgramSectionSelectorComponent, isStandalone: true, selector: "cide-lyt-program-section-selector", inputs: { formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: true, transformFunction: null }, classProgramControlName: { classPropertyName: "classProgramControlName", publicName: "classProgramControlName", isSignal: true, isRequired: false, transformFunction: null }, branchControlName: { classPropertyName: "branchControlName", publicName: "branchControlName", isSignal: true, isRequired: false, transformFunction: null }, termControlName: { classPropertyName: "termControlName", publicName: "termControlName", isSignal: true, isRequired: false, transformFunction: null }, sectionControlName: { classPropertyName: "sectionControlName", publicName: "sectionControlName", isSignal: true, isRequired: false, transformFunction: null }, academicYearId: { classPropertyName: "academicYearId", publicName: "academicYearId", isSignal: true, isRequired: false, transformFunction: null }, entityId: { classPropertyName: "entityId", publicName: "entityId", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, showLabels: { classPropertyName: "showLabels", publicName: "showLabels", isSignal: true, isRequired: false, transformFunction: null }, gridCols: { classPropertyName: "gridCols", publicName: "gridCols", isSignal: true, isRequired: false, transformFunction: null }, showAllPrograms: { classPropertyName: "showAllPrograms", publicName: "showAllPrograms", isSignal: true, isRequired: false, transformFunction: null }, includeInactive: { classPropertyName: "includeInactive", publicName: "includeInactive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valuesChange: "valuesChange" }, ngImport: i0, template: "<div class=\"program-section-selector\" [ngClass]=\"gridCols()\">\n  <!-- Class/Program Dropdown -->\n  <cide-ele-select \n    [label]=\"showLabels() ? 'Program/Class' : ''\" \n    [formControl]=\"getClassProgramControl()\"\n    [options]=\"classProgramOptions()\"\n    [loading]=\"classProgramMastersLoading()\"\n    [searchable]=\"true\"\n    (searchChange)=\"onClassProgramSearch($event)\"\n    placeholder=\"Search and select class/program\"\n    [disabled]=\"disabled()\"\n    size=\"sm\">\n  </cide-ele-select>\n\n  <!-- Branch/Specialization Dropdown (conditional) -->\n  @if (showBranchDropdown()) {\n    <cide-ele-select \n      [label]=\"showLabels() ? 'Branch (Specialization)' : ''\" \n      [formControl]=\"getBranchControl()\"\n      [options]=\"classProgramBranches()\"\n      [loading]=\"classProgramBranchesLoading()\"\n      placeholder=\"Select branch\"\n      [disabled]=\"disabled() || !formGroup().get(classProgramControlName())?.value\"\n      size=\"sm\">\n    </cide-ele-select>\n  }\n\n  <!-- Program Term Dropdown (conditional) -->\n  @if (showTermDropdown()) {\n    <cide-ele-select \n      [label]=\"showLabels() ? 'Program Term' : ''\" \n      [formControl]=\"getTermControl()\"\n      [options]=\"classProgramTerms()\"\n      [loading]=\"classProgramTermsLoading()\"\n      placeholder=\"Select term/semester\"\n      [disabled]=\"disabled() || !formGroup().get(classProgramControlName())?.value\"\n      size=\"sm\"\n      valueKey=\"_id\"\n      labelKey=\"label\"\n      [treeView]=\"{ enabled: true, primaryKey: '_id', foreignKey: 'acapt_parent_class_prog_term_acapt' }\">\n    </cide-ele-select>\n  }\n\n  <!-- Section Dropdown (conditional) -->\n  @if (hasSections()) {\n    <cide-ele-select \n      [label]=\"showLabels() ? 'Section' : ''\" \n      [formControl]=\"getSectionControl()\"\n      [options]=\"programTermSections()\"\n      [loading]=\"programTermSectionsLoading()\"\n      placeholder=\"Select section\"\n      [disabled]=\"disabled() || !formGroup().get(termControlName())?.value\"\n      size=\"sm\">\n    </cide-ele-select>\n  }\n</div>\n\n", styles: [".program-section-selector{display:grid;gap:1rem;width:100%;border:none;padding:0;margin:0;background:transparent}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: CideSelectComponent, selector: "cide-ele-select", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput", "options", "multiple", "searchable", "showSearchInput", "loading", "valueKey", "labelKey", "treeView"], outputs: ["ngModelChange", "change", "searchChange"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytProgramSectionSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: CideLytProgramSectionSelectorComponent, isStandalone: true, selector: "cide-lyt-program-section-selector", inputs: { formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: true, transformFunction: null }, classProgramControlName: { classPropertyName: "classProgramControlName", publicName: "classProgramControlName", isSignal: true, isRequired: false, transformFunction: null }, branchControlName: { classPropertyName: "branchControlName", publicName: "branchControlName", isSignal: true, isRequired: false, transformFunction: null }, termControlName: { classPropertyName: "termControlName", publicName: "termControlName", isSignal: true, isRequired: false, transformFunction: null }, sectionControlName: { classPropertyName: "sectionControlName", publicName: "sectionControlName", isSignal: true, isRequired: false, transformFunction: null }, academicYearId: { classPropertyName: "academicYearId", publicName: "academicYearId", isSignal: true, isRequired: false, transformFunction: null }, entityId: { classPropertyName: "entityId", publicName: "entityId", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, showLabels: { classPropertyName: "showLabels", publicName: "showLabels", isSignal: true, isRequired: false, transformFunction: null }, gridCols: { classPropertyName: "gridCols", publicName: "gridCols", isSignal: true, isRequired: false, transformFunction: null }, showAllPrograms: { classPropertyName: "showAllPrograms", publicName: "showAllPrograms", isSignal: true, isRequired: false, transformFunction: null }, includeInactive: { classPropertyName: "includeInactive", publicName: "includeInactive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valuesChange: "valuesChange" }, ngImport: i0, template: "<div class=\"program-section-selector\" [ngClass]=\"gridCols()\">\n  <!-- Class/Program Dropdown -->\n  <cide-ele-select \n    [label]=\"showLabels() ? 'Program/Class' : ''\" \n    [formControl]=\"getClassProgramControl()\"\n    [options]=\"classProgramOptions()\"\n    [loading]=\"classProgramMastersLoading()\"\n    [searchable]=\"true\"\n    (searchChange)=\"onClassProgramSearch($event)\"\n    placeholder=\"Search and select class/program\"\n    [disabled]=\"disabled()\"\n    size=\"sm\">\n  </cide-ele-select>\n\n  <!-- Branch/Specialization Dropdown (conditional) -->\n  @if (showBranchDropdown()) {\n    <cide-ele-select \n      [label]=\"showLabels() ? 'Branch (Specialization)' : ''\" \n      [formControl]=\"getBranchControl()\"\n      [options]=\"classProgramBranches()\"\n      [loading]=\"classProgramBranchesLoading()\"\n      placeholder=\"Select branch\"\n      [disabled]=\"disabled() || !formGroup().get(classProgramControlName())?.value\"\n      size=\"sm\">\n    </cide-ele-select>\n  }\n\n  <!-- Program Term Dropdown (conditional) -->\n  @if (showTermDropdown()) {\n    <cide-ele-select \n      [label]=\"showLabels() ? 'Program Term' : ''\" \n      [formControl]=\"getTermControl()\"\n      [options]=\"classProgramTerms()\"\n      [loading]=\"classProgramTermsLoading()\"\n      placeholder=\"Select term/semester\"\n      [disabled]=\"disabled() || !formGroup().get(classProgramControlName())?.value\"\n      size=\"sm\"\n      valueKey=\"_id\"\n      labelKey=\"label\"\n      [treeView]=\"{ enabled: true, primaryKey: '_id', foreignKey: 'acapt_parent_class_prog_term_acapt' }\">\n    </cide-ele-select>\n  }\n\n  <!-- Section Dropdown (conditional) -->\n  @if (hasSections()) {\n    <cide-ele-select \n      [label]=\"showLabels() ? 'Section' : ''\" \n      [formControl]=\"getSectionControl()\"\n      [options]=\"programTermSections()\"\n      [loading]=\"programTermSectionsLoading()\"\n      placeholder=\"Select section\"\n      [disabled]=\"disabled() || !formGroup().get(termControlName())?.value\"\n      size=\"sm\">\n    </cide-ele-select>\n  }\n</div>\n\n", styles: [".program-section-selector{display:grid;gap:1rem;width:100%;border:none;padding:0;margin:0;background:transparent}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: CideSelectComponent, selector: "cide-ele-select", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput", "options", "multiple", "searchable", "showSearchInput", "loading", "valueKey", "labelKey", "treeView"], outputs: ["ngModelChange", "change", "searchChange"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytProgramSectionSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytProgramSectionSelectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cide-lyt-program-section-selector', standalone: true, imports: [
                         CommonModule,
@@ -6345,7 +6633,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
                         CideSelectComponent,
                         NgClass
                     ], template: "<div class=\"program-section-selector\" [ngClass]=\"gridCols()\">\n  <!-- Class/Program Dropdown -->\n  <cide-ele-select \n    [label]=\"showLabels() ? 'Program/Class' : ''\" \n    [formControl]=\"getClassProgramControl()\"\n    [options]=\"classProgramOptions()\"\n    [loading]=\"classProgramMastersLoading()\"\n    [searchable]=\"true\"\n    (searchChange)=\"onClassProgramSearch($event)\"\n    placeholder=\"Search and select class/program\"\n    [disabled]=\"disabled()\"\n    size=\"sm\">\n  </cide-ele-select>\n\n  <!-- Branch/Specialization Dropdown (conditional) -->\n  @if (showBranchDropdown()) {\n    <cide-ele-select \n      [label]=\"showLabels() ? 'Branch (Specialization)' : ''\" \n      [formControl]=\"getBranchControl()\"\n      [options]=\"classProgramBranches()\"\n      [loading]=\"classProgramBranchesLoading()\"\n      placeholder=\"Select branch\"\n      [disabled]=\"disabled() || !formGroup().get(classProgramControlName())?.value\"\n      size=\"sm\">\n    </cide-ele-select>\n  }\n\n  <!-- Program Term Dropdown (conditional) -->\n  @if (showTermDropdown()) {\n    <cide-ele-select \n      [label]=\"showLabels() ? 'Program Term' : ''\" \n      [formControl]=\"getTermControl()\"\n      [options]=\"classProgramTerms()\"\n      [loading]=\"classProgramTermsLoading()\"\n      placeholder=\"Select term/semester\"\n      [disabled]=\"disabled() || !formGroup().get(classProgramControlName())?.value\"\n      size=\"sm\"\n      valueKey=\"_id\"\n      labelKey=\"label\"\n      [treeView]=\"{ enabled: true, primaryKey: '_id', foreignKey: 'acapt_parent_class_prog_term_acapt' }\">\n    </cide-ele-select>\n  }\n\n  <!-- Section Dropdown (conditional) -->\n  @if (hasSections()) {\n    <cide-ele-select \n      [label]=\"showLabels() ? 'Section' : ''\" \n      [formControl]=\"getSectionControl()\"\n      [options]=\"programTermSections()\"\n      [loading]=\"programTermSectionsLoading()\"\n      placeholder=\"Select section\"\n      [disabled]=\"disabled() || !formGroup().get(termControlName())?.value\"\n      size=\"sm\">\n    </cide-ele-select>\n  }\n</div>\n\n", styles: [".program-section-selector{display:grid;gap:1rem;width:100%;border:none;padding:0;margin:0;background:transparent}\n"] }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { formGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "formGroup", required: true }] }], classProgramControlName: [{ type: i0.Input, args: [{ isSignal: true, alias: "classProgramControlName", required: false }] }], branchControlName: [{ type: i0.Input, args: [{ isSignal: true, alias: "branchControlName", required: false }] }], termControlName: [{ type: i0.Input, args: [{ isSignal: true, alias: "termControlName", required: false }] }], sectionControlName: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionControlName", required: false }] }], academicYearId: [{ type: i0.Input, args: [{ isSignal: true, alias: "academicYearId", required: false }] }], entityId: [{ type: i0.Input, args: [{ isSignal: true, alias: "entityId", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], showLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLabels", required: false }] }], gridCols: [{ type: i0.Input, args: [{ isSignal: true, alias: "gridCols", required: false }] }], showAllPrograms: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAllPrograms", required: false }] }], includeInactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "includeInactive", required: false }] }], valuesChange: [{ type: i0.Output, args: ["valuesChange"] }] } });
 
 /*
  * Public API Surface of cloud-ide-academics
@@ -6356,4 +6644,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
  */
 
 export { AcademicYearCreateComponent as A, CideLytProgramClassService as C, ProgramTermSectionCreateComponent as P, CideLytAcademicYearService as a, CideLytClassProgramBranchService as b, CideLytClassProgramTermService as c, CideLytProgramSectionSelectorComponent as d, academicsRoutes as e, AcademicYearListComponent as f, CideLytAcademicYearMappingService as g, CideLytClassProgramBranchListComponent as h, CideLytClassProgramBranchFormComponent as i, ProgramTermSectionListComponent as j, CideLytProgramTermSectionService as k };
-//# sourceMappingURL=cloud-ide-academics-cloud-ide-academics-Dd-B1hBe.mjs.map
+//# sourceMappingURL=cloud-ide-academics-cloud-ide-academics-BVQ8sA0L.mjs.map